Website Usability ภาค 3

5. สีที่ดีที่สุดสำหรับแสดงความเป็นลิงค์ (link) คือสีน้ำเงิน

การออกแบบให้เว็บไซต์ของคุณมีเอกลักษณ์นั้นเป็นส่ิงที่ดี แต่ทว่า ถ้าพูดถึงเรื่อง ‘usability’ การทำในส่ิงที่ทุกๆคนเค้าทำกันนั่นแหละดีที่สุด

เพราะเหตุใดจึงเป็นเช่นนั้น?
เพราะว่าเวลาคนเข้าชมเว็บไซต์ใหม่ การมองหาสิ่งต่างๆในเว็บไซต์ พวกเค้ามักจะเร่ิมจากตำแหน่งที่พวกเค้าพบในเว็บไซต์ส่วนใหญ่ หรือที่เรียกว่า usage patterns คนจะคาดหวังในสิ่งที่เหมืิอนเดิม เช่น สีของ link, ตำแหน่งของโลโก้เว็บไซต์, พฤติกรรมของ tab เมนู เป็นต้น

สีของ link ควรเป็นสีอะไร?
สิ่งแรกที่คุณควรคำนึงถึงคือ “contrast” (สีของ link ควรเข้ม หรือ อ่อน เพียงพอที่จะตัดกับสีของ background ได้อย่างชัดเจน) อย่างที่สองคือ link ควรโดดเด่นจาก text อื่นๆ (เช่น ไม่ควรใช้ link สีดำ กับเนื้อหาที่เป็นสีดำ) และอย่างสุดท้ายผลการวิจัยแสดงให้เห็นว่าสีน้ำเงินเป็นสีที่ดีที่สุดสำหรับ link โดยสี link มาตรฐานของ browser  เป็นสีน้ำเงิน ดังนั้นคนจึงคาดหวังว่า link จะต้องเป็นสีน้ำเงิน แต่การเลือกใช้สีที่แตกต่างก็ไม่ใช่ปัญหา แต่มันจะมีผลกระทบต่อความเร็วของผู้ใช้เว็บไซต์ที่จะหา link

6. ช่องเสิร์ช (Search Box) ที่ดีควรมีความกว้าง 27 ตัวอักษร

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

จากการศึกษาพบว่าโดยเฉลี่ย search box จะมีความกว้างอยู่ที่ 18 ตัวอักษร ซึ่ง 27% ของคำที่คนใช้ค้นหายาวเกินไปที่จะพอดีในช่องเสิร์ชที่มีความยาวขนาดนี้ ดังนั้นคุณจึงควรขยายช่องเสิร์ชเป็น 27 ตัวอักษร ซึ่งจะทำให้เหมาะสมกับคำค้นหาถึง 90% และจำไว้ว่าคุณควรวัดขนาดความกว้างด้วย “em” (หน่วยวัดความกว้างของตัวพิมพ์) ไม่ใช่ point หรือ pixel โดย 1 em คือความกว้างและความสูงของ “m” 1 ตัว (ใช้ฟ้อนขนาดใดก็ได้ที่เว็บของคุณเซตไว้) และใช้มันเป็น scale ในการวัดความกว้างให้ได้เท่ากับ 27 ตัวอักษร

โดยทั่วไป search boxes กว้างดีกว่าสั้นเพราะจะทำให้ผู้ใช้สามารถดูและตรวจสอบคำค้นหาของเค้าได้เร็วกว่า คำแนะนำนี้อาจดูเป็นเรื่องที่เรียบง่ายมาก แต่คนส่วนใหญ่ก็มักจะละเลยและไม่ให้ความสำคัญ