กฏของ Fitts (Fitts’ Law) “ระยะห่างของอินเตอร์แอคชั่น” (ตอนที่1)

By - - 859 views
SHARE : Share on Facebook1Share on Google+1Tweet about this on TwitterPin on Pinterest0

ดูตัวอย่างเว็บไซต์ iBanking ของธนาคารกรุงเทพ ผมเข้าไปเพื่อทำการโอนเงิน ปรากฏว่าเมื่อผมสั่ง “ยืนยัน” การโอนแล้ว ผมมองไม่เห็นสถานะของระบบ ว่ากำลังทำงานอยู่หรือไม่เนื่องจาก progress ที่แสดงสัญลักษณ์ว่าระบบกำลังโอนเงินให้นั้นมันอยู่ห่างจากปุ่ม “ยืนยัน” มาก และมันค้างอยู่นานมากพอสมควรจนผมหลงคิดไปว่าระบบมันค้าง เกือบจะปิด browser (ซึ่งเป็นเรื่องที่ทำให้ผู้ใช้กังวลมากๆ เพราะมันคือการโอนเงิน..!! เมื่อปิด browser แล้วตกลงเงินมันโอนแล้วหรือยัง เงินจะหายระหว่างทางมั้ย เป็นเรื่องซีเรียสที่ทำให้คนพาลจะไม่อยากโอนเงินทางอินเทอร์เนตเลยครับ)

ที่แย่ยิ่งไปกว่านั้นคือระยะห่าง (distance) ของ progress กับปุ่ม “ยืนยัน” มันห่างกันมากเสียจนตกขอบจอ คือหลังจากคลิก “ยืนยัน” ผมจะไม่มีวันมองเห็น progress แน่ๆ ยกเว้นแต่ว่าจะ scroll หน้าจอขึ้นไปด้านบนจึงจะมองเห็น progress อยู่แถบเดียวกับเมนูชั้นบนสุด

แต่โดยรวมเว็บไซต์ iBanking ผมค่อนข้างชอบนะครับ มีการออกแบบ usability ที่ปราณีตในหลายๆ จุด แต่ถ้าแก้ไขเรื่อง Interaction distance ข้อนี้ได้ จะยิ่งดีขึ้นๆ ไปอีกเลยครับ

และนี่คือปัญหาของ Interaction distance หรือเรียกภาษาไทยว่า “ระยะห่างของแอคชั่น” เป็นประเด็นที่น่าสนใจในเรื่อง usability ครับ แนวคิดก็คือทุกๆ แอคชั่นของ visitor นั้น จะตามมาด้วยความคาดหวังอะไรบางอย่างของ visitor เสมอ เช่น

  • เมื่อคุณกดปุ่ม Save คุณก็หวังจะเห็นปุ่ม Save บุ๋มลึกลงไปพร้อมสถานะการบันทึกแสดงขึ้นมา
  • เมื่อคุณกด Dropdown เพื่อเลือกประเทศ คุณก็หวังจะเห็นรายชื่อประเทศไล่เรียงลงมาใต้ Dropdown ที่คุณกด
  • เมื่อคุณกดปุ่ม “ตัวหนา” ใน MS Word คุณก็หวังจะเห็นปุ่มมันบุ๋มลึกลงไปเพื่อความมั่นใจว่าคุณกดโดนมันแล้ว และตัวอักษรที่คุณเลือก hilight ไว้ ก็ควรจะแสดงตัวหนาตามที่คุณสั่ง

ทีนี้สายตาคนเรามักจะมองโฟกัสอยู่ ณ จุดเดิมที่คุณได้แอคชั่นไปเมื่อกี้นี้ ไม่ได้สอดส่ายไปมองอย่างอื่น (ถ้าไม่มีแรงจูงใจอื่น เช่นรูปสาวนุ่งน้อยห่มน้อยบน banner มาหลอกล่อสายตา) ดังนั้น action ที่คุณสั่งโปรแกรมแสดงผลควรจะต้องอยู่ “ใกล้” กับ action ที่ผู้ใช้สั่งการมากที่สุด เช่น เมื่อคุณกดปุ่ม Save สถานะการบันทึกก็ควรแสดงอยู่ใกล้ๆ ปุ่ม Save ให้มากที่สุด ไม่อย่างนั้น ผู้ใช้ก็จะสงสัยว่ามันเซฟหรือยัง และไล่มองหาสถานะการ Save ว่ามันอยู่ตรงไหนของหน้าจอกันแน่

การไล่สายตาแบบนี้มากๆ เข้ามันจะเหนื่อยครับ และเราจะรู้สึกทันทีว่า เว็บไซต์นี้ หรือแอพพลิเคชั่นนี้ไม่น่าใช้ เพราะมันทำให้เราต้อง “กวาด” สายตาและใช้สมองมากเกินจำเป็น

ดูเป็นเหมือนเรื่องเล็กๆ แต่ถ้าเราลดระยะ Interaction distance ได้มากเท่าไหร่ usability ของเราก็จะดียิ่งขึ้นเท่านั้น

PS. ที่ผมพูดมาทั้งหมดเรียกว่ากฏของ Fitts (Fitts’ Law) ที่มีประโยชน์มากๆ ในการออกแบบ usability เอาไว้จะมาเล่าให้ฟังเพิ่มเติมครับ

ที่มา: ux.in.th

admin
admin

DOCS BY PRAWPUN.COM เป็นพื้นที่สำหรับช่วยบันทึกวิธีการแก้ปัญหาต่างๆที่เกิดขึ้นระหว่างการทำงาน ซึ่งบทความที่ได้มานี้ อาจมาจากปัญหาที่คนอื่นเคยเจอมาแล้วแล้วนำมาบอกต่อ หรือเขียนขึ้นมาเอง หวังว่าจะเป็นประโยชน์กับทุกคนที่เข้ามานะคะ :)

Comments are closed.