แนวทางที่ดีในการออกแบบแดชบอร์ด

ก่อนจะเริ่มออกแบบแดชบอร์ดของคุณ ลองทำตามคำแนะนำ 8 ข้อต่อไปนี้ดู แล้วจะทำให้ผู้ใช้สามารถใช้งานมันได้ง่ายขึ้น

1. แสดงข้อมูลที่ผู้ใช้ควรรู้

ลองนึกถึงหน้าปัดรถยนต์ที่แสดงข้อมูลที่คนขับต้องรู้ขณะขับรถ คุณต้องคิดดูว่าข้อมูลไหนบ้างที่ผู้ใช้จำเป็นต้องรู้และมองเห็นได้อย่างรวดเร็วโดยไม่มีอะไรมารบกวนสายตา ซึ่งจะช่วยให้ผู้ใช้ประหยัดเวลาในการค้นหาข้อมูลที่ต้องการในเมนูต่างๆ ได้

2. แยกข้อมูลเป็นหมวดหมู่ให้ชัดเจน

พยายามใช้วิธีสร้างการ์ดหรือหมวดหมู่เพื่อแสดงข้อมูลแต่ละส่วนที่คุณต้องการให้ผู้ใช้เห็น ช่วยให้ผู้ใช้ไม่ต้องเสียเวลาแยกให้ออกว่าข้อมูลไหนอยู่หมวดไหน

3. แสดงข้อมูลสำคัญให้ดูโดดเด่น

ถ้าข้อมูลไหนสำคัญ ทำให้มันดูใหญ่และโดดเด่นไว้ ผู้ใช้จะได้หาเจอง่ายๆ แต่ถ้าอยากให้ประสบการณ์ใช้งานดียิ่งขึ้น ก็ควรเติมดีไซน์เข้าไปในข้อมูลของคุณ เช่น การใช้สีและไอคอนเพื่อบอกว่าข้อมูลนี้เป็นเรื่องดีหรือไม่ดี เพิ่มขึ้นหรือลดลง เป็นต้น ซึ่งจะเป็นประโยชน์มากสำหรับผู้ใช้ที่ต้องเจอกับข้อมูลปริมาณมหาศาลอยู่บ่อยๆ

4. ใช้แพตเทิร์นในการวางเลย์เอาต์

มีแพตเทิร์นที่ได้รับความนิยมอยู่สองแบบ ได้แก่แพตเทิร์นแบบ F และ Z ซึ่งเป็นทิศทางที่สายตาของคุณใช้ในการสแกนข้อมูลตามธรรมชาติ ทางที่ดีลองนึกถึงการเล่าเรื่องเมื่อต้องใช้แพตเทิร์นเหล่านี้ด้วยว่าผู้ใช้ต้องการจะรู้ข้อมูลไหนก่อน จากนั้นตามด้วยข้อมูลไหน โดยคุณสามารถใช้การวางเลย์เอาต์โดยใช้ grid เพื่อจัดระเบียบให้แพตเทิร์นทั้งแบบ F และ Z ดูดียิ่งขึ้นได้

5. เว้นที่ว่างให้อ่านง่าย

ยิ่งคุณนำเสนอข้อมูลให้ผู้ใช้บนแดชบอร์ดมากเท่าไร ข้อมูลก็ยิ่งดูยากมากเท่านั้น เราทุกคนคงเคยเจอกับปัญหาเจอข้อมูลท่วมหน้าจอจนรับไม่ทันกันมาไม่มากก็น้อย การเว้นที่ว่างจึงเป็นสิ่งที่ช่วยให้ผู้ใช้ได้ ‘พักสายตา’ และสามารถแบ่งแยกข้อมูลบนแดชบอร์ดได้ง่ายขึ้น

6. อย่าซ่อนข้อมูลสำคัญไว้

ถ้าหากมีข้อมูลไหนที่ผู้ใช้จำเป็นต้องรู้ก็ต้องเน้นให้หมด แดชบอร์ดนั้นมีไว้เพื่อการบอกเล่าข้อมูลที่สำคัญและสามารถนำไปใช้งานต่อได้ ตรวจสอบให้ดีว่าอะไรก็ตามที่อยู่ในรายการ ‘สิ่งที่ต้องทำ’ นั้นมองเห็นได้ง่ายและถ้าเป็นไปได้ก็ควรลิงก์กับ task นั้นเอาไว้

7. ใช้กฎ 5 วินาที

ถ้าหากผู้ใช้ไม่สามารถหาข้อมูลที่พวกเขาต้องการเจอภายใน 5 วินาทีล่ะก็ คุณอย่าทำเลย

8. ออกแบบแดชบอร์ดในตอนท้ายเท่านั้น

สิ่งที่เราอยากแนะนำคุณก็คือ ออกแบบแดชบอร์ดเป็นฟีเจอร์อันดับสุดท้าย ทำไมน่ะเหรอ

นั่นเป็นเพราะว่า คุณจะไม่มีทางรู้เลยว่าข้อมูลไหนสำคัญต่อผู้ใช้มากที่สุดถ้าคุณยังไม่รู้ว่าฟีเจอร์ทั้งหมดทำงานอย่างไร คุณควรออกแบบแดชบอร์ดในตอนท้ายสุดเมื่อคุณเข้าใจแล้วว่าควรแสดงข้อมูลอะไรที่สำคัญที่สุดสำหรับผู้ใช้เมื่อมองมาในแวบแรก