Mega-menu เป็น UI ที่ออกแบบมาเพื่อแก้ปัญหาให้เว็บไซต์ที่มีเมนูยาวเกินหน้าจอ ให้สามารถจัดเรียงเมนูทั้งหมดให้แสดงผลได้ภายในหน้าเดียว โดยการแบ่งเมนูออกเป็นกลุ่มและ Column การจัด Layout แบบนี้ทำให้ User สามารถเห็นภาพรวมของเมนูทั้งหมดในเว็บไซต์ แต่การแสดงเมนูทั้งหมดในคราวเดียว อาจทำให้ User ต้องรับข้อมูลทีละมาก ๆ และอาจมีปัญหาในการค้นหาเมนูที่ต้องการได้ แล้วเราควรออกแบบโครงสร้างของ Mega-menu อย่างไร? ตอนไหนที่เราควรใช้หรือหลีกเลี่ยงการใช้ Mega-menu จำนวนเมนูที่เหมาะสมในการออกแบบ UI คือเท่าไหร่ ? UX Myth: Magic Number (7±2) ตามทฤษฎีของ George Miller (1956) สมองของคนเรามีช่อง Slot สำหรับเก็บข้อมูลไว้ในความจำระยะสั้น โดยเฉลี่ย 7(±2) ช่อง เป็นเวลา 15-30 วินาที ซึ่งเราเรียกตัวเลขนี้ว่า “Magic

Homepage เปรียบเสมือนหน้าบ้านของเว็บไซต์ที่ช่วยให้ User เข้าใจภาพรวมว่าเว็บทำอะไร และยังช่วย Navigate User ไปยังหน้าอื่น ๆ ของเว็บ ดีไซน์เทรนด์ของเว็บสมัยใหม่ต้องการให้เว็บดูโล่งขึ้น หลาย ๆ เว็บจึงเริ่มเอาเมนู Home ออกจากหน้าเว็บเพื่อให้เว็บดูคลีนขึ้น และเหลือไว้แต่โลโก้สำหรับคลิกกลับไปหน้า Home – ในเมื่อเรามีโลโก้ให้คลิกกลับไปหน้า Home แล้วเว็บจำเป็นต้องมีเมนู “Home” อีกมั๊ย? หน้า Home สำคัญแค่ไหน? หน้า Home เป็นหน้าที่ทีม Design ให้ความสำคัญมากเป็นพิเศษเพราะเป็นหน้าแรกที่คนเข้าเว็บเห็น และเป็นหน้าที่คาดว่าคนจะเห็นเยอะที่สุดในเว็บไซต์ แต่ในความเป็นจริงแล้ว Homepage ไม่ได้เป็นทางเข้าเพียงทางเดียวของเว็บไซต์ ผู้ใช้ส่วนใหญ่เข้าเว็บผ่านทาง Search Engine และไปที่หน้าอื่นก่อนที่จะได้เห็นหน้า Home ซะอีก ในเมื่อ Journey ของ

รูปแบบสากลของ website (ที่ user อ่านจากซ้ายไปขวา) logo จะวางอยู่มุมบนซ้าย – ถ้าเราวาง logo ไว้ตรงกลางหน้าเว็บ แทนล่ะ UX จะยังดีอยู่รึเปล่า? เว็บสมัยใหม่ (Responsive website: เว็บที่สามารถปรับขนาดหน้าเว็บตาม device ต่าง ๆ) เริ่มมีการจัดหน้าโดยให้ logo วางอยู่ตรงกลางมากขึ้น เพราะพื้นที่ด้านซ้าย/ขวาของ navigation ใน Mobile site ถูกเอาไปใช้วางเมนูหรือไอคอน เลยต้องย้าย logo มาไว้ตรงกลางแทน การวาง layout ให้ logo อยู่ตรงกลางใน Mobile site ยังมีความใกล้เคียงกับการวาง logo แบบดั้งเดิม สังเกตว่า ระยะห่างของ

เคยสงสัยมั๊ยว่า UI ของ Dialog เราควรเรียงลำดับปุ่ม OK (Affirmative/+) กับปุ่ม Cancel (Dismissive/-) ยังไง? อันไหนมาก่อนมาหลัง OK / Cancel  หรือ Cancel / OK Designer หลาย ๆ คน ถกกันเรื่องลำดับของการวางปุ่ม OK/Cancel โดยมีเหตุผล support ต่าง ๆ กัน เช่น [OK / Cancel] ใช้หลักการอ่านจากซ้ายไปขวา ดังนั้นปุ่ม OK ควรอยู่ซ้าย จะได้อ่านเจอปุ่ม OK (ที่ใช้บ่อยกว่า) ก่อน [Cancel / OK] มอง