สารบัญเว็บไซต์

MEEBOON มีภาพจำทอง–ดำชัดมาก ซึ่งเป็นข้อดีทางแบรนด์ แต่ฉันจะลองตั้งคำถามตรงข้ามว่า

ถ้าปิดภาพทั้งหมด เหลือแต่ข้อความ คนยังรู้ไหมว่าปุ่มไหนสำคัญ?

ถ้าไม่เห็นสีแดงหรือสีทอง สถานะต่าง ๆ ยังแยกออกหรือไม่?

ถ้าซูมหน้าเว็บ 200% ข้อความยังอ่านต่อเนื่องได้ไหม?

ถ้าใช้ keyboard แทนเมาส์ รู้ไหมว่าตอนนี้ focus อยู่ตรงไหน?

นี่คือมุมที่ Accessibility ช่วยทดสอบ Design System ได้ดีมาก

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

อีกเรื่องคือ motion

ธีมทอง เมทัลลิก แสงวิบวับ และ animation ทำให้ภาพดูพรีเมียมได้ แต่ถ้าทุกองค์ประกอบเคลื่อนไหวพร้อมกัน คนบางกลุ่มอาจอ่านยากหรือรู้สึกรบกวน

ควรรองรับ reduced motion และให้ animation เป็นองค์ประกอบเสริม ไม่ใช่สิ่งจำเป็นต่อการเข้าใจเนื้อหา

ส่วนหน้าอย่าง นโยบายความเป็นส่วนตัว หรือ Terms ฉันจะให้ความสำคัญกับ typography มากกว่าภาพตกแต่ง เช่น ความกว้างของบรรทัด line-height หัวข้อที่แยกชัด และการใช้ heading ตามลำดับจริง

จุดที่ฉันชอบคือ MEEBOON มีโครงสร้างข้อมูลที่สามารถทำ Semantic HTML ได้ค่อนข้างดี เพราะแต่ละหน้ามีหน้าที่ของตัวเอง

สิ่งที่อยากเตือนคือ อย่าให้คำว่า “Premium” กลายเป็นเหตุผลให้ contrast ต่ำ ตัวหนังสือเล็ก หรือปุ่มดูเหมือนของตกแต่ง

สำหรับฉัน ดีไซน์ที่ดีคือ แม้ตัดทองออกครึ่งหนึ่ง ผู้ใช้ก็ยังรู้ว่าเว็บไซต์กำลังบอกอะไร

error: Content is protected !!