เป็นอะไรมั๊ยถ้าต้องการใช้ตัวหนังสือสีดำบนพื้นขาว

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

ถึงแม้ว่า WCAG 1.0 หรือมาตรฐานในการออกแบบเนื้อหาเพื่อให้คนทุกกลุ่มเข้าถึงได้ จะบอกไว้ว่า

2.2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen.

แต่เค้าไม่ได้ให้ใช้สีขาวดำ แค่เค้าต้องการให้มันมี contrast สูงๆ เท่านั้นครับ แล้วทีนี้จะรู้ได้อย่างไรว่าสูงพอแล้ว ยิ่งถ้าไม่ได้ใช้สีขาวดำ แต่ใช้ตัวหนังสือและพื้นหลังแบบมีสีด้วย 

ผมอยากให้ลองใช้เครื่องมือตัวนี้ดูครับ

หน้าตาของเว็บ dasplankton.de/ContrastA/

เว็บนี้นอกจากแสดงตัวอย่างของ text ที่อยู่บนพื้น แบบสลับขาวดำให้แล้ว ยังช่วยให้ดูตัวหนังสือที่ขนาดต่างกันด้วย และที่สำคัญคือมันช่วยบอกว่าสีที่ใช้ผ่าน WCAG 2.0 แบบ AA หรือ AAA ด้วย

ถ้าใครยังอยากรู้ข้อห้ามอื่นในการใช้ตัวหนังสืออยากให้ลองอ่าน uxmovement.com

อย่าใช้สีดำ

"อย่าใช้สีดำ" ฟังดูแปลกนะครับ แต่ถือเป็นหนึ่งใน best practice ในโลกของงานออกแบบ และในโลกของ UX ด้วย เพราะสีดำสนิท #000000 เป็นสีหายากมากๆ ในธรรมชาติ เมื่อใดที่เราตัดสินใจใช้สีดำสนิท นั่นแสดงว่าเราต้องการทำให้ผู้ใช้รู้สึกไม่เป็นธรรมชาติ ต้องการให้รู้สึกแปลก ซึ่งปกติแล้วเราไม่น่าต้องการแบบนั้นกัน

เทียบ App ต่างๆ กับสีดำ #000000

เราจะเห็นว่าโปรแกรมต่างๆ ที่เรารู้สึกว่าเค้าสีดำ แต่จริงๆ เค้าไม่ได้ใช้ดีดำสนิท และถ้าสังเกตุมากขึ้น เค้ามักไม่ใช้สีโทนสีเทาด้วย แต่มักจะเจือสีอื่นๆ ลงไป เช่นสีฟ้าหรือสีแดง

ภาพแสดงสีเข้มของ App Facebook

ภาพทั้งสองผมเอามาจากบทความของ ianstormtaylor.com ถ้าเข้าไปตามอ่านในบทความจะมีตัวอย่างในชีวิตจริงเพิ่มเติม ซึ่งจะช่วยกระตุกเราเวลาที่คิดจะใช้สีดำครับ

สำหรับผม ที่ไม่ชอบสีดำเพราะมันทำให้ไม่สบายตา ผมชอบดำซัก 80% มากกว่า ส่วนจะเจือสีอื่นๆ ก็ขึ้นอยู่กับสีโดยรวมของโปรแกรม

ที่มา ianstormtaylor.com