Daha iyi bir Türkiye mümkün! Türkiye'nin girişimcilik ve inovasyon topluluğu·2018'den beri

Grafik & Tasarım

/grafiktasarim

Web ve Mobil tasarım araçları, ücretsiz pluginler, araçlar ve tartışma topluluğu

#grafik & tasarım akışına dön
@madda · 5 gün önce

Grafiklerde renk körü okuyucuyu nasıl düşünürüm? Kırmızı ve yeşille rapor hazırlayan ekibe ne önermeliyim

Veri analizi yapıyorum, işimin önemli bir kısmı rapor ve panel hazırlamak. Ekipte uzun süredir kullanılan bir alışkanlık var: iyi giden değer yeşil, kötü giden değer kırmızı. Satış hedefi tutmuşsa yeşil çubuk, tutmamışsa kırmızı. Harita üzerinde bölge performansı da aynı şekilde boyanıyor.

Geçen hafta yeni katılan bir arkadaş toplantıda sessizce bana yazdı: kırmızı yeşil renk körlüğü varmış ve panelin yarısını okuyamıyormuş. Utandığı için söylemekte tereddüt etmiş. Renk körlüğünün özellikle erkeklerde azımsanmayacak sıklıkta görüldüğünü biliyordum ama kendi ürettiğim grafiklerde bunu hiç düşünmemiştim. Şimdi bütün raporları gözden geçirmem gerekiyor ve tasarımcılardan biraz akıl almak istiyorum.

Okuduklarım ve denediklerimden çıkardığım ilk liste şu:

1. Renge tek başına anlam yüklememek. İyi ve kötüyü sadece renkle değil, yanına bir işaret, ok ya da etiketle de göstermek.
2. Kırmızı ve yeşil yerine mavi ile turuncu gibi, renk körlüğü olan kişilerin de ayırt edebildiği çiftleri kullanmak.
3. Aynı renk tonunun açık ve koyu versiyonlarını kullanarak sıralı veriyi göstermek; açıklık farkı, ton farkından daha güvenilir.
4. Çizgi grafiklerde her seriye farklı çizgi stili ya da nokta şekli vermek.
5. Grafiği gri tonlamaya çevirip hâlâ okunabiliyor mu diye bakmak. Bu basit test birçok sorunu tek başına yakalıyor.

Sorularım şunlar. Birincisi, şirketin kurumsal renkleri kırmızı ve yeşil, yönetim raporların marka renginde olmasını istiyor. Bu durumda marka rengini koruyup erişilebilirliği nasıl sağlarım? İkincisi, harita gibi çok renkli görsellerde hangi palet yaklaşımını öneriyorsunuz? Üçüncüsü, tasarım araçlarında renk körlüğünü simüle eden bir özellik ya da eklenti kullanıyor musunuz, ben şimdilik ekran görüntüsünü alıp çevrim içi bir simülatöre yüklüyorum ve bu çok yavaş.

Bir de içimden geçen bir şey: bu tür şeyleri işe başlarken sormak bir standart olmalı. Yeni gelen arkadaşın söylemek için utanması, bizim ona bunu sormamış olmamızdan kaynaklanıyordu.
6 3 yorum
Yorumlar (3)
@nisantekin · 5 gün önce 1
Figma'da renk körlüğü simülasyonu yapan eklentiler var, çerçeveyi seçip farklı görme tiplerinde nasıl göründüğüne bakabiliyorsun. Bazı tarayıcıların geliştirici araçlarında da görme bozukluğu emülasyonu bulunuyor, panel web tabanlıysa oradan anında kontrol edebilirsin. Marka rengi için önerim: kırmızı ve yeşili koru ama açıklıklarını birbirinden belirgin şekilde farklı yap, bir de mutlaka ikon ya da etiket ekle.
@madda · 5 gün önce 5
Tarayıcının emülasyon özelliğini bilmiyordum, panel zaten web tabanlı. Denedim, gri tonlama testinden daha hızlı çalışıyor. Açıklık farkı fikrini de yönetime sunacağım, marka renkleri korunduğu için itiraz gelmez diye umuyorum.
@damon · 4 gün önce 0
Müşteri panellerinde bir şey daha işe yaradı: sayıyı rengin içine değil, yanına yazmak. Kırmızı bir hücrenin içine beyaz rakam yazınca hem renk körü hem de projeksiyonda izleyen herkes zorlanıyor. Rengi küçük bir şerit ya da nokta olarak kullanıp rakamı normal metin renginde bırakmak okumayı çok kolaylaştırdı.
Tanıtım videosu · 1 dk

inovanadolu'yu 1 dakikada tanı

Kanallar, sözlük, İlham blogu, kişilik testleri ve 140'tan fazla ücretsiz araç. Üretenlerin buluşma noktasında neler olduğunu kısaca izle.