10 วิธี ที่ทำให้เว็บใช้ง่ายขึ้น

บล็อกนี้สรุปมาจากบทความ 10 Usability Crimes You Really Shouldn’t Commit จากเว็บไซต์ line25.com (แชร์ผ่าน Google Reader โดย @noomz — ขอบคุณครับ)

ในหลายครั้งการใส่ใจรายละเอียดเพิ่มขึ้นอีกสักนิด จะทำให้เว็บไซต์ของเราน่าใช้ขึ้นอีกเยอะเลย :-)

#1 ใส่ label ใหักับ form input เพิ่มความสะดวกในการกรอก/เลือกข้อมูล เช่น การใช้ง่ายร่วมกับ checkbox เป็นต้น

label for forum input

#2 ใส่ link ให้กับโลโกของเว็บ ให้กลับไปที่หน้าแรก เกือบเป็นเรื่องปกติไปแล้ว ที่โลโกของเว็บที่อยู่ด้านบนซ้ายมือจะเป็นเมนูย้อนกลับไปหน้าแรกของเว็บไซต์

#3 ทำสีของ link ที่เคยคลิกแล้ว ให้แตกต่าง เพื่อบอกผู้ใช้ว่า link นี้เคยเข้าไปดูมาก่อนหน้านี้แล้ว

#4 แสดงตำแหน่งที่ผู้ใช้กำลังใช้งานให้ชัดเจนมากขึ้น เช่น การแสดงเส้นขอบที่ชัดเจนขึ้นเวลาผู้ใช้กำลังพิมพ์ข้อความใน textarea

active input in focus

#5 ใส่คำอธิบาย alt ให้กับรูปภาพ

#6 ไม่ควรใช้รูปภาพเป็นพื้นหลังที่มีข้อความอยู่ด้านบน และควรเลือกใช้สีที่ทำให้อ่านได้ง่าย

#7 จัดเนื้อหาในเว็บไซต์ให้เรียบร้อย ใช้รูปภาพ หัวข้อ และ พื้นที่ จะช่วยให้เว็บอ่านง่าย

use space and clear sections in page

#8 เปลี่ยนการเน้นข้อความจากขีดเส้นใต้ เป็นตัวหนา หรือ ตัวเอียง เพราะการขีดเส้นใต้อาจทำให้ผู้ใช้สับสนว่าข้อความนั้นเป็น link เชื่อมโยง

#9 ใส่ "คำอธิบายสั้นๆ" แทนคำว่า "คลิกที่นี่" เพื่อบอกว่าถ้าคลิกแล้วจะเจอกับอะไร

#10 หลีกเลี่ยงการใช้รูปแบบข้อมูลชิดหน้า-ชิดหลัง เพราะอาจสร้างปัญหาในการอ่านให้กับผู้ใช้

not justified text

Comments

Anonymous's picture

อ่าว มีแปลไทยด้วย ดีจัง : )

อ่าว มีแปลไทยด้วย ดีจัง : )

Copyright Notice

Disclaimer

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

Create in Mac OS X

Powered by Drupal, an open source content management system