ก๊วนซอฟท์แวร์ </softganz> SoftGang (Gang Software)

Web &amp; Software Developer Gang.

5 บทเรียนที่ได้รับจากการศึกษา 100,000 Usability

by Little Bear @3 ก.ย. 56 14:49 ( IP : 49...160 ) | Tags : Design , Usability

มีผู้ศึกษาเรื่องการออกแบบการใช้งานเว็บ ได้ข้อสรุปออกมาว่า

1. หลีกเลี่ยงการใช้แถบนำทางหลายระดับ (Avoid multi-level navs)

เมื่อผู้ใช้งานเอา mouse วางบนแถบ nav เขาจะเห็นเฉพาะ nav ระดับ 2 ส่วนที่ลึกไปกว่านั้น จะมองไม่เห็นจนกว่าจะเลี่อน mouse ลงมา ซึ่งไม่มีใครเลื่อน mouse ลงมาหรอก

 คำอธิบายภาพ : 93d0f26b8013d183d7b94787c36713c79badc0b9

ทางแก้ : ลองแบบของ Amazon ดูสิ เมื่อเอา mouse ไปวาง เมนูระดับที่ลึกลงไปก็จะแสดงทั้งหมดด้านล่างของกลุ่มนั้น

 คำอธิบายภาพ : 5217e9811dd217.50141647

2. การแบ่งหมวดที่ทำให้ผู้ใช้งานสับสน (Your categories might be confusing users)

 คำอธิบายภาพ : 37ed191b75ddfe0cd18126542defac978a2cd583

เช่น ผู้ใช้กำลังมองหา small vacuum ราคาต่ำกว่า $50 เธอจะเริ่มหาจากหมวด "electronics" ก่อน หลังจากนั้นจึงไปหาจากหมวด "household" และไปจบลงที่หมวด "Home & Garden"

ณ จุดนี้ เรามักจะคิด 1 ใน 2 อย่างว่า

  • คนดูมันงี่เง่า, มันเห็นได้ชัดว่าเครื่องดูดฝุ่นมันจะต้องอยู่ในหมวด 'บ้านและสวน'
  • นักออกแบบมันงี่เง่า, มันเห็นได้ชัดอยู่แล้วว่า 'บ้านและสวน' เป็นหมวดหมู่ทำให้เกิดความสับสน

นั่นคือเหตุผลที่เราต้องหา หลักการของ "Matt-Damon-and-Good-Will-Hunting-Can-Do-No-Wrong" มาอ่าน

หลักการง่าย ๆ คือ: มันไม่ใช่ความผิดของคุณ (ถ้าไม่เข้าใจ ลองชมวิดีโอนี้

มันไม่ใช่ความผิดของคุณ มันไม่ใช่ความผิดของผู้ใช้ มันไม่ใช่ความผิดของนักออกแบบ ในความเป็นจริง, มันไม่มีใครผิดหรอก แค่บางอย่างมันทำให้เกิดความสับสน

แล้วจะทำยังไง? ทางหนึ่งที่ดีคือลองทดสอบการจัดหมวดหมู่เว็บไซต์ คือให้ใครสักคนลองนั่งดูหน้าเว็บของคุณ แล้วบอกให้เขาลองค้นหาอะไรสักอย่างในเว็บ โดยไม่ต้องใช้ระบบค้นหา นี้เป็นง่าย รวดเร็ว มีประสิทธิภาพและเวลาเรานั่งดูเราจะรู้สึกเจ็บปวดมาก(ที่เขาหาไม่เจอในสิ่งที่คุณรู้สึกว่ามันชัดเจนสำหรับคุณ)

ลอง และก็นำมาปรับหมวดหมู่ แล้วก็ทดสอบอีกที

อีกวิธีหนึ่งคือ ใช้เครื่องมือช่วย เช่น  OptimalSort หรือ TreeJack

3. ค้นหาภายในเป็นสิ่งสำคัญ (และน่าผิดหวัง) - Internal search is crucial (and frustrating)

ปัญหาของระบบค้นหาภายในเว็บคือ

  1. ผลการค้นหาที่ไม่คำนึงถึงการพิมพ์ผิด, พหูพจน์ หรือตัวแปรอื่น ๆ
  2. กล่องค้นหาไม่ยาวพอ
  3. ผลการค้นหาไม่ make sense
  4. ผลการค้นหาไม่เรียงลำดับตามความสำคัญ

อันนี้ก็เป็น เพราะเราไม่ค่อยใส่ใจกับการสร้างระบบค้นหาในเว็บของเราเอง ส่วนหนึ่งก็ไปพึ่ง Google search

ทำอะไรได้บ้าง? ลองกลับไปดูสิว่า คำค้นหาที่นิยมสูงสุด 10-20 อันดับแรกที่คนค้นหาในเว็บคุณ แล้วลองเอามาค้นดูซิ ว่าได้ผลลัพท์ที่คุณพอใจหรือเปล่า

5. ลิงก์ควรจะดูเป็นลิงก์ (Links should look like links)

แน่นอนว่ามันจะต้องดูเป็นลิงก์ ไม่งั้นผู้ใช้ก็จะไม่รู้ว่ามันสามารถคลิกได้

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

5. ดึงดูดผู้เข้าชมของคุณ (หรือว่าอย่าทำให้มันน่าเบื่อ) (Engage your visitors (in other words, don't be boring))

บางครั้งคุณก็ทำมาดีหมดแล้วนะ (ไอ้ที่กล่าวมาข้างบน) แต่ก็มาเจอปัญหาสำคัญคือ พวกเขาเบื่อ

อันนี้ก็ต้องค้นหาว่าจะมีอะไรมาเล่นกับผู้ใช้ ดึงดูดให้เขาสนใจใน brand หรือ สินค้า

5 ข้อนี้เป็นปัญหาที่เห็นได้บ่อย ๆ แต่ก็ยังมีปัญหาอื่น ๆ อีกเยอะที่ทำให้คนดูหลุดไปจากเว็บของคุณ

ที่มา moz.com