แดชบอร์ด คือหนึ่งในส่วนที่สำคัญที่สุดไม่ว่าจะเป็นของเว็บไซต์หรือแอปฯ มือถือใดก็ตาม ผมเชื่อว่าเราทุกคนคงฝันถึงอินเทอร์เฟซของแดชบอร์ดที่ดูเรียบง่าย แต่ก็เต็มไปด้วยข้อมูลที่มีประโยชน์มากพอที่จะทำให้เราอยากใช้งานอยู่เสมอใช่ไหม จริงๆ แล้วเป็นไปได้นะ
คำว่า “แดชบอร์ด” มีต้นกำเนิดมาจากแดชบอร์ดที่หมายถึงหน้าปัดของรถยนต์ที่คอยแสดงข้อมูลสำคัญให้คนขับรู้ เช่น ความเร็วรถ เกจวัดระดับน้ำมัน ความร้อน และไฟแจ้งเตือนต่างๆ เป็นต้น พูดง่ายๆ ก็คือบอกทุกสิ่งที่คนขับรถต้องรู้เพื่อให้ขับขี่รถได้อย่างปลอดภัยนั่นเอง
ก่อนจะเริ่มออกแบบแดชบอร์ดของคุณ ลองทำตามคำแนะนำ 8 ข้อต่อไปนี้ดู แล้วจะทำให้ผู้ใช้สามารถใช้งานมันได้ง่ายขึ้น
ลองนึกถึงหน้าปัดรถยนต์ที่แสดงข้อมูลที่คนขับต้องรู้ขณะขับรถ คุณต้องคิดดูว่าข้อมูลไหนบ้างที่ผู้ใช้จำเป็นต้องรู้และมองเห็นได้อย่างรวดเร็วโดยไม่มีอะไรมารบกวนสายตา ซึ่งจะช่วยให้ผู้ใช้ประหยัดเวลาในการค้นหาข้อมูลที่ต้องการในเมนูต่างๆ ได้
พยายามใช้วิธีสร้างการ์ดหรือหมวดหมู่เพื่อแสดงข้อมูลแต่ละส่วนที่คุณต้องการให้ผู้ใช้เห็น ช่วยให้ผู้ใช้ไม่ต้องเสียเวลาแยกให้ออกว่าข้อมูลไหนอยู่หมวดไหน
ถ้าข้อมูลไหนสำคัญ ทำให้มันดูใหญ่และโดดเด่นไว้ ผู้ใช้จะได้หาเจอง่ายๆ แต่ถ้าอยากให้ประสบการณ์ใช้งานดียิ่งขึ้น ก็ควรเติมดีไซน์เข้าไปในข้อมูลของคุณ เช่น การใช้สีและไอคอนเพื่อบอกว่าข้อมูลนี้เป็นเรื่องดีหรือไม่ดี เพิ่มขึ้นหรือลดลง เป็นต้น ซึ่งจะเป็นประโยชน์มากสำหรับผู้ใช้ที่ต้องเจอกับข้อมูลปริมาณมหาศาลอยู่บ่อยๆ
มีแพตเทิร์นที่ได้รับความนิยมอยู่สองแบบ ได้แก่แพตเทิร์นแบบ F และ Z ซึ่งเป็นทิศทางที่สายตาของคุณใช้ในการสแกนข้อมูลตามธรรมชาติ ทางที่ดีลองนึกถึงการเล่าเรื่องเมื่อต้องใช้แพตเทิร์นเหล่านี้ด้วยว่าผู้ใช้ต้องการจะรู้ข้อมูลไหนก่อน จากนั้นตามด้วยข้อมูลไหน โดยคุณสามารถใช้การวางเลย์เอาต์โดยใช้ grid เพื่อจัดระเบียบให้แพตเทิร์นทั้งแบบ F และ Z ดูดียิ่งขึ้นได้
ยิ่งคุณนำเสนอข้อมูลให้ผู้ใช้บนแดชบอร์ดมากเท่าไร ข้อมูลก็ยิ่งดูยากมากเท่านั้น เราทุกคนคงเคยเจอกับปัญหาเจอข้อมูลท่วมหน้าจอจนรับไม่ทันกันมาไม่มากก็น้อย การเว้นที่ว่างจึงเป็นสิ่งที่ช่วยให้ผู้ใช้ได้ ‘พักสายตา’ และสามารถแบ่งแยกข้อมูลบนแดชบอร์ดได้ง่ายขึ้น
ถ้าหากมีข้อมูลไหนที่ผู้ใช้จำเป็นต้องรู้ก็ต้องเน้นให้หมด แดชบอร์ดนั้นมีไว้เพื่อการบอกเล่าข้อมูลที่สำคัญและสามารถนำไปใช้งานต่อได้ ตรวจสอบให้ดีว่าอะไรก็ตามที่อยู่ในรายการ ‘สิ่งที่ต้องทำ’ นั้นมองเห็นได้ง่ายและถ้าเป็นไปได้ก็ควรลิงก์กับ task นั้นเอาไว้
ถ้าหากผู้ใช้ไม่สามารถหาข้อมูลที่พวกเขาต้องการเจอภายใน 5 วินาทีล่ะก็ คุณอย่าทำเลย
สิ่งที่เราอยากแนะนำคุณก็คือ ออกแบบแดชบอร์ดเป็นฟีเจอร์อันดับสุดท้าย ทำไมน่ะเหรอ
นั่นเป็นเพราะว่า คุณจะไม่มีทางรู้เลยว่าข้อมูลไหนสำคัญต่อผู้ใช้มากที่สุดถ้าคุณยังไม่รู้ว่าฟีเจอร์ทั้งหมดทำงานอย่างไร คุณควรออกแบบแดชบอร์ดในตอนท้ายสุดเมื่อคุณเข้าใจแล้วว่าควรแสดงข้อมูลอะไรที่สำคัญที่สุดสำหรับผู้ใช้เมื่อมองมาในแวบแรก
การออกแบบแดชบอร์ดนั้นจำเป็นต้องคำนึงถึงความเชื่อมโยงกับสิ่งที่ผู้ใช้กำลังมองหาเกี่ยวกับภาพรวมของระบบ ซึ่งมักจะเป็นหน้าแรกที่ผู้ใช้จะได้เห็น และอาจจะเป็นเพียงหน้าจอเดียวที่พวกเขาต้องการใช้ด้วยซ้ำ ผู้ใช้ของคุณอาจจะใช้มันไปโดยไม่ทันสังเกตเห็นว่ามันคือหน้าแดชบอร์ดหากคุณออกแบบมันได้อย่างเหมาะสม แต่พวกเขาจะสังเกตได้แน่นอนหากคุณออกแบบพลาด
Tul Pannengpet, Senior UX Designer @ Seven Peaks Software