10 หลักการออกแบบ User Interface (UI) ให้มี Usability ที่ดีโดย Jakob Nielsen – กูรูด้าน Usability

10 หลักการออกแบบ User Interface (UI) ให้มี Usability ที่ดีโดย Jakob Nielsen – กูรูด้าน Usability

“10 Usability Heuristic” เป็นหลักการ 10 ข้อที่ Jakob Nielsen (กูรูด้าน Usability) คิดขึ้นมาเพื่อเป็น Guideline สำหรับการออกแบบ UI ให้มี Usability ที่ดี นักออกแบบ UX/UI Designer สามารถนำหลักการทั้ง 10 ข้อนี้เป็นเกณฑ์ตรวจสอบ UI คร่าว ๆ ว่า UI มีปัญหา Usability ด้านไหน (Effectiveness/ Efficiency/Satisfaction) โดยกระบวนการประเมิณผลโดยใช้หลักการนี้เรียกว่า “Usability Heuristic Evaluation” ในบทความนี้จะพูดถึงหลักการแต่ละข้อว่ามีแนวคิดยังไง และจะเอาไปปรับใช้กับ UI ได้ยังไง Usability คืออะไร? “Usability” เป็นตัวบ่งชี้คุณภาพที่บ่งบอกว่า Product ใช้งานได้ง่ายแค่ไหน “ความยากง่าย”

วิธี Install Font จากเครื่องหรือจาก Adobe font ลง Figma

วิธี Install Font จากเครื่องหรือจาก Adobe font ลง Figma

ปกติแล้วโปรเเกรม Figma จะมี Font จาก Google Font มาให้เราเลือกใช้อยู่แล้ว แต่ถ้าเราอยาก install Font ที่มาจากเครื่อง (local font) หรือจาก Adobe Font จะต้องทำยังไง ถ้าใช้ Figma Desktop app จะมี Font จากตัวเครื่องอยู่แล้ว แต่ถ้าใช้ Figma ผ่าน web browser จะต้องลง Figma Font Helper application ก่อนถึงจะ install font ได้ วิธี Intall Figma Font Helper เปิด Figma ใน Browser

รวมคีย์ลัด (Shortcut) โปรแกรม Figma

วิธีดู Shortcut ในโปรแกรม Figma กดคีย์ลัด ⌃ + ⇧ + ? หรือ เปิด Figma หาปุ่ม (?) มุมขวาล่าง เลือก “Keyboard shortcuts“ รวมคีย์ลัด (Shortcut) โปรแกรม Figma Tools Search ⌘ + / Move Tool V Frame Tool F Pen Tool P Pencil Tool ⇧ + P Text Tool T

ขนาดหน้าจอเว็บไซต์ (Screen Resolution) ที่ใช้บ่อยที่สุดในประเทศไทย (ปี 2018-2019)

ขนาดหน้าจอเว็บไซต์ (Screen Resolution) ที่ใช้บ่อยที่สุดในประเทศไทย (ปี 2018-2019)

ข้อมูลจาก: StatCounter Global Stats – Screen Resolution Market Share Desktop Resolution 1# 1920×1080 26.3% 2# 1366×768 24.72% 3# 1536×864 8.82% 4# 1600×900 8.44% 5# 1440×900 4.93% Tablet Resolution 1# 768×1024 51.43% 2# 834×1112 5.58% 3# 601×962 4.32% 4# 800×1280 2.54% 5# 1024×768 2.26% Mobile Resolution

Back to Top