Posts Tagged: "ออกแบบ UX"

UI / UX

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

|

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

UI / UX

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

|

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

UI / UX

ประยุกต์ใช้กฎ 80:20 ในงาน UX

|

“ยิ่งรู้จักผู้ใช้ งานพัฒนาจะยิ่งน้อยลง” ประโยคนี้หลายคนไม่เห็นด้วย เพราะคิดว่า “ยิ่งรู้จักผู้ใช้มาก ก็จะถูกผู้ใช้จะเรียกร้องฟังก์ชั่นใหม่ๆ มากขึ้นเรื่อยๆ” นั่นเพราะว่ายังไม่รู้จักกับกฎ 80:20 กฎ 80:20 เป็นกฎที่ Vitfredo Pareto ชาวอิตาลี่ได้ค้นพบโดยบังเอิญว่าในประเทศของเขานั้นประชากร 20% ของประเทศเป็นเจ้าของความร่ำรวยถึง 80% ของทรัพย์สินทั้งหมด นอกจาก Pareto แล้ว ผู้เชี่ยวชาญท่านอื่นๆ ก็ค้นพบสิ่งที่คล้ายๆ กันจนทำให้สัดส่วนนี้ได้รับความเชื่อถือมากขึ้น และกลายเป็นข้อสรุปในเรื่องว่า สัดส่วน 20% นั้นมักจะสร้างผลกระทบถึง 80% หรือจะบอกว่าสิ่งที่สำคัญถึงมีจำนวนน้อยก็จะสร้างผลกระทบได้เป็นวงกว้าง...