Posts Tagged: "กฏของ Fitts (Fitts’ Law)"

UI / UX

ขนาดปุ่มบนหน้าจอมือถือ – นิ้วโป้งใหญ่กว่าเมาส์.. หัวใจสำคัญของ Fitts’ Law (ตอนที่2)

|

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

UI / UX

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

|

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