OK-Cancel VS Cancel-OK เลือกอันไหนดีนะ?

เชื่อได้เลยว่าคนที่ทำงาน Design UI ต้องมีช่วงเวลาแห่งความสงสัยนี้เกิดขึ้นอยู่บ้าง ช่วงเวลานั้นก็คือ ปุ่ม OK กับ Cancel ปุ่มไหนควรอยู่ฝั่งซ้ายและปุ่มไหนควรอยู่ฝั่งขวา? คิดไปคิดมาก็เหมือนกับปัญหาโลกแตก วันนี้ก็เลยมีเทคนิคที่ใช้มาฝากทุกคนกัน

OK-Cancel

ในกรณีที่ให้ปุ่ม OK มาก่อน

— เพราะธรรมชาติในการอ่านภาษาอังกฤษหรือในหลายๆภาษามักจะมีการอ่านเรียงจากด้านซ้ายไปขวา

— เวลาที่เราถามคำถามโดยปกติแล้ว คนเราคุ้นเคยที่จะถามกันด้วยประโยคที่ว่า “ใช่หรือไม่?” เช่น “สมุดเล่มนี้เป็นของคุณใช่หรือไม่?” เราคงไม่คุ้นเคยนักกับการที่จะถามว่า“สมุดเล่มนี้เป็นของคุณไม่หรือใช่?”

— การให้ปุ่ม OK อยู่ก่อนจะทำให้การมองเห็นและการเลือกปุ่ม OK ของ user รวดเร็ว สะดวกและง่ายกว่า และในกรณีที่ user ใช้ปุ่ม Tab ก็จะสามารถไปที่ปุ่ม OK ได้เร็วกว่าด้วย

Cancel-OK

ในกรณีที่ให้ปุ่ม Cancel มาก่อน

— การวางปุ่มแบบ Cancel-OK จะให้ความรุ้สึกที่คล้ายๆกับ Previous-Next ซึ่งเหมือนกับถ้าเรากดด้านซ้ายจะย้อนกลับและกดด้านขวาจะเป็น step ต่อไป

— การที่ปุ่ม OK อยู่ด้านซ้าย อาจจะทำให้ user ต้องเสียเวลาย้อนกลับไปหาปุ่ม OK เมื่อ user อ่าน dialog จบแล้ว

ตัวอย่างของ OK-Cancel ที่เห็นได้ชัดๆเลยก็คือ Windows แต่จริงๆแล้วทาง Microsoft จะมีแนวทางของตัวเองที่มีมากกว่า OK-Cancel อยู่แล้วซึ่งจะบอกไว้ค่อนข้างละเอียดกว่าที่ website ของ Microsoft ถ้าสนใจก็แนะนำให้ไปอ่านเพิ่มเติมนะจ๊ะ…

ส่วนตัวอย่างของ Cancel-OK ก็จะมี Apple แล้วก็ Google Android ซึ่งถ้าอยากรู้แบบละเอียดๆกว่านี้ก็มีให้ศึกษาเพิ่มเติมที่ website ของทั้งสองเช่นกัน

สรุป

จะเห็นได้ว่า ในแต่ละที่ แต่ละแบบต่างก็มีเหตุผลที่ใช้งานในแบบนั้นๆ ดังนั้นเทคนิคในการเลือกใช้แต่ละแบบนั้นก็ง่ายๆนิดเดียวคือเลือกตามรูปแบบที่มีให้ใช้งานหรือพฤติกรรมการใช้งานของ user นั่นเอง ถ้าหากงานที่เราออกแบบนั้นค่อนข้างที่จะใช้งานกันทั่วไปหรือมีลักษณะเป็น global อาจจะลองปล่อยตาม design ที่เราคิดออกมาก่อนแล้วรอเก็บสถิติ หรือ feedback จากการใช้ของผู้ใช้งานแล้วนำมาปรับใช้ในเวอร์ชั่นต่อไปก็ได้