Another Dropdown menu

Drop down menu อาจจะไม่ใช่เรื่องใหม่อะไร แต่พักหลังๆ ก็ได้เห็นหลากหลายวิธีในการจัดการกับ drop down menu ที่มี menu มากๆ ซึ่งหลายครั้ง มากจนยากที่จะใช้งาน

CNN.com เป็นตัวอย่างที่เคยพูดถึงไปแล้ว ว่าได้มีการนำ DHTML มาใช้ในการทำ interface ให้มีหน้าตาเป็น drop down แต่พอกดแล้วก็ออกมาเป็น List menu เพื่อความง่ายกว่าในการใช้งาน

วันนี้ได้ไปเห็นเว็บไซต์ของ hp.com ซึ่งมีส่วนของการทำ dropdown ให้ user เข้ามาเลือกภาษาและประเทศที่ตัวเองตัองการ และจากการดูจาก list แล้ว คาดว่าน่าจะมีรายชื่อภาษาและประเทศรวมกันแล้วไม่ต่ำกว่า 100 เป็นแน่ๆ

วิธีจัดการของเค้าก็คือการทำตัวขั้นเป็นระยะๆ โดยกั้นด้วยตัวอักษร ดังภาพ ซึ่งตรงส่วนของตัวอักษรนี่ เป็นส่วนที่ user จะ click หรือแม้จะ rollover ก็ยังไม่ได้ เรียกได้ว่า ถึงแม้ list จะยาวเหมือนเดิม แต่การค้นหา menu ที่ user ต้องการนั้น สามารถทำได้ง่ายดายยิ่งขึ้น