ออกแบบตำแหน่งของปุ่มอย่างไรดี ให้ง่ายต่อการใช้งาน

หลังจากที่วันนี้ได้นั่งคุมสอบน้องๆ สอบวิชา HCI ก็เลยหยิบบทความของ Jakob Nielsen ที่ติดอยู่ในกระเป๋ามาอ่านพลางๆ

ดิฉันเห็นหัวข้อ OK–Cancel or Cancel–OK? เลยขออ่านสักหน่อย เพื่อเอามาเป็นข้อมูล Review ตำแหน่งปุ่มของซอฟต์แวร์ KnowledgeVolution ซึ่งเป็นซอฟต์แวร์ที่ใช้งานใน GotoKnow.org

คำถามจากบทความที่ถามไว้คือ ปุ่ม OK ควรอยู่ก่อนหรือหลังตำแหน่งของปุ่ม Cancel แหม...คำถามนี้ก็น่าคิดนะคะ

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

แต่ในบทความที่ Neilsen เขียนไว้นั้น ท่านแนะนำเขียนบอกไว้ว่า การออกแบบ Web-based application นั้นเป็นการยากที่จะตัดสินว่าจะไว้ตรงไหน แต่มีหลักการง่ายๆ ไว้เป็นแนวคิดค่ะ คือ

  1. ให้ออกแบบให้สอดคล้องกับ platform ที่ผู้ใช้งานส่วนใหญ่ใช้กันค่ะ 
  2. ให้ใช้คำที่เป็นชื่อปุ่ม สื่อถึงการใช้งาน ให้ผู้ใช้คาดเดาได้ว่าระบบจะทำอะไร
  3. ปุ่มที่ใช้งานบ่อยๆ ต้อง set เป็น Default ไว้ และแสดงให้เห็นชัดเจน

จากข้างต้นหากประเมินปุ่มที่ใช้ประจำในบล็อกของ GotoKnow.org คือ ปุ่มบันทึก และ ยกเลิก สอดคล้องกับข้อ 2-3 ค่ะ แต่ข้อ 1 นี่ตรงกันข้าม เพราะคนไทยส่วนใหญ่ใช้งานระบบปฏิบัติการ Window หรือโปรแกรม Microsoft Word ซะส่วนใหญ่มากๆ ซึ่งปุ่ม save จะอยู่ก่อนปุ่ม cancel ค่ะ

งั้นลองแสดงความคิดเห็นกันหน่อยไหมคะ ว่า การที่ GotoKnow.org วางตำแหน่งปุ่มยกเลิก ก่อน ปุ่มบันทึก ใช้ยากหรือง่ายกว่า วางตำแหน่งปุ่มบันทึก ก่อน ปุ่มยกเลิก ค่ะ