Renk Körü Kullanıcılar için Tasarım İpuçları
Erkeklerin yaklaşık% 8'inin ve kadınların% 0, 5'inin renk körü olarak doğduğu tahmin edilmektedir. Bu düşük bir sayı gibi görünebilir, ancak geniş bir kitle için tasarlıyorsanız, her yüz erkekten sekizinde kullanılamayan bir siteye sahip olmak kesinlikle istenenden daha azdır.
Neyse ki, aşağıdaki bilgileri her zaman aklınızda tutarak sitenizin renk körü dostu olduğundan oldukça kolay bir şekilde emin olabilirsiniz. Renk körlüğünün gerçekten ne anlama geldiğine ve tasarımlarınızı birkaç basit ilkeye göre nasıl değiştirebileceğinize bir göz atacağız.
Hiçbir şekilde bir göz doktoru olmasam da ailemdeki erkeklerin çoğunun renk körü olduğunu ve aşağıda verilen örneklerin hepsinin iyi niyetli renk körü erkekler tarafından yürütüldüğünü söyleyerek başlamak istiyorum. Renk körü bir kişiyseniz, aşağıdaki örneklerle ilgili açıklamanız biraz veya hatta oldukça farklı olabilir, çünkü iki renk körü gözü seti aynı olmayacaktır.
Bilim
Renk körlüğü üzerine bir tartışma gerçekten çok hızlı bilimsel olabilir. Protanopia ve Anomalous Trichromacy gibi terimler, oldukça zeki insanların dilini bile bağlayıp karıştırmak için yeterlidir.
Neyse ki, bir tasarımcı olarak renk körlüğü konusunda uzman olmanıza gerek yok. Bunun yerine, renk körü kullanıcıların ne yaptığını ve algılamada sorun yaşamadığını genel olarak uygulanabilir genelleştirmeler yapabilirsiniz. Bu size sadece bir bilim dersi kazandırmakla kalmaz, aynı zamanda neredeyse tüm renk körü kullanıcıların sitenizi tek bir türden ziyade etkili bir şekilde kullanabilmeleri için tasarladığınızdan emin olur.
Aşağıdaki bilgileri okurken bunu aklınızda bulundurun. Yapılan her ifade tüm renk körü kullanıcılar için geçerli olmayacaktır, ancak en azından bir kısmı çok büyük çoğunluğu için geçerli olacaktır.
Bilim ile ilgileniyorsanız, bu makalede uygun olan çok daha gelişmiş olduğu için Wikipedia'nın açıklamasına göz atın.
Efsaneyi yıkmak
Her şeyden önce, tanıdığınız kimsenin tam anlamıyla renk körü olmadığına güvenle bahis yapabilirsiniz. Başlık aslında (çoğu durumda) tam bir yanlış adlandırmadır. İnsanların küçük bir yüzdesi gerçekten tek renkli görme ile doğar.
Çok daha doğru terimler arasında “renk bozulmuş” veya “renk yetersizliği” bulunmaktadır. Dünyayı siyah beyaz olarak görmek yerine, renk körü insanlar genellikle spektrumdaki hemen hemen her rengi algılayabilir ve anlayabilirler. Renk körü insanlara sorabileceğiniz en sinsi ve en sinir bozucu sorulardan biri, sarı, yeşil veya başka bir rengi “görüp göremeyeceği” dir.
Asıl sorun, renk körü kullanıcıların benzer iki rengi birbirinden ayırt etmelerinin oldukça zor olmasıdır. En azından size benzemeyen renklerin, renk körü bir kişiye çok benzeyebileceğini düşündüğünüzde bunu anlamak gerçekten zor.
Her Şey Gölgeler Hakkında
Bunu daha kolay anlaşılması için şimdiye kadar gördüğünüz tüm renklerin tüm tonlarını düşünün. Örneğin, “yeşil” rengini düşündüğünüzde, kaç tane farklı renk örneğini yeşil tanımınızla eşleştirebileceğini düşünün. Parlak, karanlık, sessiz, suluboya, neon; durmadan. Bu, bir yeşilin diğer yeşilden biraz daha kırmızı veya mavi ışık içerebileceği en ufak varyasyonları içerir.
Şimdi, gözünüzün algılayabildiği ve 1 milyon (tamamen rasgele sayı) eşit olduğu tüm bu farklı yeşil tonlarını saydığınızı düşünün. Şimdi aynı görevi renk körü bir kişiye verin ve 500.000 veya daha azı ile gelebilirler.
Gördüğünüz gibi, renk körü insanlar (çoğu durumda) aciz veya “yeşil” olarak algılanmazlar, bunun yerine sizden daha az yeşil tonunu ayırt ederler. Dolayısıyla, üç benzer yeşil tonu gördüğünüzde, renk körü bir kullanıcı yalnızca bir yeşil tonu görebilir
Daha da karmaşık hale getirmek için, farklı renklerden benzer tonlar genellikle birlikte çalışır ve bir şeyin gerçekte ne renk olduğunu kesin olarak belirlemeyi zorlaştırır.
Örnekler
Önünüzdeki birkaç sağlam örnekle anlamak her zaman biraz daha kolaydır. Aşağıdaki dört renk örneğini göz önünde bulundurun.
İlk önce alttaki iki renk örneğine bakın. Temel renklerden daha da çok, öncelikle renk örneklerinin parlaklığını düşünün. Renk körü kullanıcıları bu iki renk örneğini kolayca ayırt edebilmelidir; tıpkı senin gibi. Bir renk körü bir kişinin renkleri doğru bir şekilde tanımlayıp tanımlamayacağı tamamen farklı bir hikaye, ancak en azından farklı renkler olduklarını söylemek kolaydır.
Şimdi, en iyi iki renk örneği farklı bir hikaye. Önceki örnek, renk körü kullanıcıların kahverengi ve yeşil arasında kolayca ayrım yapabileceğini düşünmenizi sağlayabilir, ancak yanılıyorsunuz. Yine, iki renk örneğinin yalnızca göreceli parlaklığını / koyuluğunu karşılaştırarak, muhtemelen bu iki renk örneğinin nasıl daha benzer görünebileceğini görebilirsiniz. Şimdi, birçok renk körü birey için, ilk iki renk örneğinin aynı olacağını düşünün.
Tavşan deliğinden daha da ilerlemek için, koyu kahverengiyi tekrarlayalım ve koyu kırmızı bir gölge ekleyelim.
Yine farklı renklerdeki iki renk tonu görüyoruz, ancak yine de renk örneklerinin göreceli parlaklığı o kadar benzer ki renk körü bir kullanıcı aralarında ayrım yapmakta zorlanacak.
Bir dizi normal göz, yukarıdaki düzenlemede beş farklı renk örneğini görmelidir (biri tekrarlanır). Bir dizi renk körü gözü muhtemelen üç veya daha az görecektir!
Ağrılı Renk Kombinasyonları
Yukarıdaki örneklerde olduğu gibi benzer tonları karıştırın ve renk körü kullanıcılarınız fark etmeyecekleri için hafif rahatsız olacaktır. Ancak sitenizi gerçekten tamamen kullanılamaz hale getirmek istiyorsanız, benzer parlaklık değerlerine sahip, ancak ciddi bir şekilde çarpışma potansiyeline sahip renklerin üst üste gelmesine başlayın.
Kırmızılar ve maviler, morlar ve kırmızılar, pembeler ve maviler ve bunların neredeyse her türlü kombinasyonu mükemmel bir örnektir. Ne yapmamanıza bir örnek olarak, aşağıdaki resmi düşünün.
Sadece bazı çirkin metinler görebiliyor olsanız da, birçok renk körü kullanıcısı gözlerinin neredeyse sulamaya başladığı titreşimli renkleri görecektir (ne kadar uzakta o kadar kötü olur). Göremediğinizde doğru bir şekilde açıklamak zordur, ancak temelde ne olduğu, renklerin çok farklı olduğu açıktır, ancak aslında iki rengin buluştuğu kenarların ayırt edilmesinin çok zorlaştığı kadar benzerdir. Bu, yukarıdaki gibi bir görüntüyü izlerken birçok renk körü kullanıcısı için tamamen hoş olmayan bir deneyime neden olur.
Ne olmuş yani? Bu Tasarımlarımı Nasıl Etkiler?
Bu bilgiler gayet iyi ve güzel ancak pratik olarak tasarıma nasıl uygulanıyor? Cevap, renk körü kullanıcıların sitenizi farklı şekilde nasıl deneyimleyebileceğine gerçekten dikkat etmeniz gereken birkaç önemli alanın olmasıdır.
Gördüğüm en yaygın hatalardan biri bağlantı vurgulu efektler. Sayısız tasarımcı, bir renk geçişini fareyle üzerine gelme efekti olarak uygular ve bunu bir gün olarak adlandırır, çünkü bunu iyi algılayabilirler.
Şüpheye düştüğünüzde, renk körü kullanıcıların parlaklık değişimlerini çoğunlukla sizin gibi olabileceğini unutmayın. Gerçekten koyu mavi ve gerçekten açık mavi belirgin bir anahtar olacaktır. Bu yüzden bir fareyle renkleri değiştirirseniz, iki rengin göreceli parlaklıkları açısından çok farklı olduğundan emin olun. Koyu kahverengiden parlak yeşile geçebilirsiniz, sadece koyu kahverengiden koyu yeşile geçemezsiniz.
Ayrıca, renk değişimlerine ek olarak görsel olarak başka bir şey eklemek her zaman daha iyidir. Kullanıcı bir bağlantının üzerine geldiğinde, kontur, alt gölge veya yalnızca bir renk değişikliğine bağlı olmayan daha fazla görsel fark yaratmak için düşünebileceğiniz başka bir şey ekleyin.
İnfografikler
Renk farklılıklarının önemli olduğu bir diğer önemli alan veri görselleştirmedir. Bir grafik için yanlış renkleri seçmek, rengi kör bir kullanıcı için kelimenin tam anlamıyla okunamaz hale getirebilir.
Renkleriniz çok farklı olsa bile, daha kolay görsel farklılaştırma yapmak için grafiğin farklı bölümlerine küçük bir desen veya doku eklemek genellikle iyi bir fikirdir.
Yukarıdaki örnekte, renkler hala bir renk körü kullanıcının farkı göremeyeceği kadar benzer olsa da, şeritler tüm kullanıcılar için hızlı ve kolay bir görsel referans sağlar.
Oyunlar
Tahmin edebileceğiniz gibi, renk körü kullanıcıların dışarıda bırakma olasılıkları sınırsızdır, ancak son bir yer, bunun özellikle nerede onlar için sinir bozucu olabileceğini tartışmak istiyorum.
Aşağıdaki iPhone oyununu renk körü kullanıcı olarak oynamaya çalıştığınızı düşünün. Bulmacayı tamamlamak için renkleri eşleştirmek oldukça zor olabilir!
Birçok iPhone oyunu, isteğe bağlı bir renk körü moduna sahip olarak bunu telafi etti, ancak basitleştirmek için herkesin oynamasını kolaylaştırmak için renge ek olarak semboller eklemeyi de düşünün. Örnek olarak, bir iskambil destesi düşünün. Kırmızı kartlardan ve siyah kartlardan daha fazlası var. Renk körü olsun ya da olmasın, herkes elmasların ve kalplerin kırmızı kartlar olduğunu, kulüplerin ve maçaların siyah kartlar olduğunu bilir. Bu sembolleri siyah beyaz bir fotoğrafta görseniz bile, kırmızı ve siyah kartları güvenle ayırt edebilirsiniz. Oyunlarınız tam olarak bu şekilde geliştirilmelidir.
Sonuç
Kapatırken, sitenizi renk körü kullanıcılar için erişilebilir hale getirmenin gerçekten kolay olduğunu unutmayın. Yalnızca, sitenin nasıl çalıştığını veya renk algısının metnin okunabilirliğini bozabileceği durumlarda bilinçli bir çaba göstermeniz gerekir. Kimin umurunda Renk körü kullanıcıların yeşil olduğunu düşündüğü kahverengi bir arka planınız varsa? Çoğu zaman, emin olmazlar.
Bağlantılar, grafikler ve oyunlar gibi önemli olduğunda kontrast eklemenin yollarını aradığınızdan emin olun. Yüksek kontrastlı renkler kullanın, desen uygulayın, semboller uygulayın ve tüm doğru yerlerde önemli görsel fark olduğundan emin olmak için konturlar, gölgeler ve benzerleriyle hileler kullanın. Sayfadaki renklerin genel deneyimi nasıl etkilediğine karar vermek için genellikle bir renk körlüğü simülatörü kullanmak yararlı olabilir.
Aşağıya bir yorum bırakın ve bir site tasarlarken renk körü kullanıcıları düşünüp düşünmediğinizi ve ihtiyaçlarını nasıl karşıladığınızı bize bildirin.
