Website Usability ภาค 1

ว็บไซต์ที่ดีนอกจากจะต้องมีเนื้อหาและดีไซน์ที่เหมาะสมแล้ว ยังต้องคำนึงถึงการใช้งานของผู้เยี่ยมชมเว็บไซต์ที่สามารถใช้งานได้ง่าย ไม่เกิดความสับสน ซึ่งหลักการการออกแบบโดยคำนึงถึงการใช้งานของเว็บไซต์นี้ เราเรียกมันว่า “Website Usability”

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

1. Form Label จะมีประสิทธิภาพที่สุดถ้าวางอยู่เหนือช่องสำหรับกรอก (The Field)

ในหลายๆเว็บไซต์เรามักออกแบบให้ label อยู่ฝั่งนึง และ field ที่จะต้องกรอกอยู่อีกฝั่งนึง หรือแบ่งเป็น 2 column นั่นเอง ถึงแม้ว่ารูปแบบแบบนี้จะดูดี แต่ว่ามันใช้งานค่อนข้างยาก เพราะว่าโดยปกติเวลาเรากรอกข้อมูลลงแบบฟอร์ม เราต้องกรอกจากบนลงล่าง ดังนั้นเวลา user  อ่านแบบฟอร์มแบบคร่าวๆ (scan) ก็ต้องอ่านจากบนลงล่าง การวาง label ไว้เหนือ field จึงทำให้อ่านเข้าใจได้ง่าย เพราะพออ่าน label แล้วก็กรอกข้อมูลลงใน field ได้เลย

และอีกสาเหตุนึงที่เราไม่ควรแยกเป็น 2 column ระหว่าง label กับ field ก็เพราะว่า เวลา user อ่านและจะต้องกวาดสายตาจากซ้ายไปขวา อาจจะทำให้ user สับสนได้ว่า label ไหน ตรงกับ field อะไร

ตัวอย่างแบบฟอร์มที่เหมาะสม
ตัวอย่างแบบฟอร์มที่เหมาะสม

2. ผู้ใช้ (User) จะให้ความสนใจกับใบหน้าของคน

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

Eye-tracking heat map of a baby looking directly at us
Eye-tracking heat map of a baby looking directly at us
And now the baby is looking at the content. Notice the increase in people looking at the headline and text.
And now the baby is looking at the content. Notice the increase in people looking at the headline and text.

จากการศึกษาพบว่า ถ้าใบหน้าของคนในภาพไม่ได้มองมาที่เรา แต่มองไปที่ส่ิงใดส่ิงนึง เราก็จะมองไปที่ direction นั้นด้วยเช่นกัน ดังนั้นถ้าหากเราต้องการเน้นเนื้อหาตรงส่วนไหนในเว็บไซต์เราก็สามารถนำหลักการนี้ไปใช้ได้นะคะ

นี่เป็นเพียงหลักการคร่าวๆ 2 ข้อแรกนะคะ มีภาคต่อแน่นอนค่ะ…

,

No comments yet.

Leave a Reply