ทริคDesign
ลำดับความสำคัญของข้อมูล (Information Hierarchy)
ลำดับความสำคัญที่ดีทำให้สิ่งที่สำคัญที่สุดถูกมองเห็นก่อน และลดความพยายามในการกวาดสายตาหา.
เริ่มอ่านตรงนี้ก่อน
อธิบายแบบง่าย
ลำดับความสำคัญของข้อมูล (Information Hierarchy) คือเรื่องที่ช่วยให้เราใช้ทำหน้าจอให้อ่านง่าย ใช้ง่าย และไม่สับสนได้ถูกทางขึ้น
ระดับ
เหมาะกับคนเริ่มต้น
ใช้เมื่อไหร่
หน้า dashboard ดูรกตา มีของเยอะไปหมด
อ่านแล้วทำอะไรต่อ
ให้ชื่อเรื่องและปุ่มสำคัญเด่นนำขึ้นมาก่อน ส่วนตัวกรองและข้อมูลประกอบให้ถอยไปอยู่ด้านหลัง
ใช้ตอนไหน?
- หน้า dashboard ดูรกตา มีของเยอะไปหมด
- ผู้ใช้มองไม่เห็นปุ่มหรือสิ่งที่ต้องการให้กดมากที่สุด
- หน้าจอมีองค์ประกอบเยอะเกินไป แย่งความสนใจกันเอง
ความหมาย
การจัดลำดับความสำคัญของข้อมูล คือการใช้ขนาด ความหนา ระยะห่าง การจัดกลุ่ม และสี เพื่อบอกผู้ใช้ว่าสิ่งไหนบนหน้าจอสำคัญที่สุด
ลำดับชั้นของข้อมูล
ให้มีของหลักเด่นขึ้นมาหนึ่งอย่าง แล้วค่อยเสริมด้วยข้อมูลระดับรองและระดับย่อยลงไป
Primary message -> Supporting context -> Details -> Secondary actionsตัวอย่างการใช้
ส่วนหัวของ dashboard
ให้ชื่อเรื่องและปุ่มสำคัญเด่นนำขึ้นมาก่อน ส่วนตัวกรองและข้อมูลประกอบให้ถอยไปอยู่ด้านหลัง