← Tüm blog yazıları
Tasarım

Sadece kırmızı göstermek hatayı anlatmaz

Yaklaşık 1 dk okuma
Durumları renk, simge ve metinle birlikte anlatan görev listesi.
Görsel: Bu blog için AI ile üretilmiş kavramsal kapak; gerçek ürün ekran görüntüsü veya kaynak kurumun görseli değildir.

Bir grafikte yeşil iyi, kırmızı kötü olabilir. Fakat renkleri ayırt edemeyen veya ekranı farklı koşullarda kullanan kişi için bu ayrım kaybolabilir. Renk güçlü bir ipucudur; tek bilgi kanalı olduğunda kırılgandır.

Benim için renk, bilgiyi güçlendiren bir yardımcı olmalı; bilginin tek taşıyıcısı değil. Kırmızı bir çerçeve görünen hatayı işaretleyebilir ama neyin düzeltilmesi gerektiğini söylemez. Bu yüzden metin ve gerekiyorsa simgeyle anlamı tamamlamayı tercih ederim. Daha çok renk eklemek, daha açık bir arayüz oluşturmakla aynı şey değil.

Temel fikir

W3C’nin renk kullanımı ölçütü, bilgi aktarmak veya bir eylemi belirtmek için yalnızca renge dayanılmamasını ele alır. Metin, şekil, desen veya konum gibi ek işaretler anlamı destekleyebilir. Kontrast kontrolü ile yalnızca renge dayanmama kontrolü de farklı sorulardır.

Bir örnek üzerinden

Bir yükleme listesinde başarılı dosyaya yeşil nokta eklemek yerine Tamamlandı metni ve bir onay işareti kullan. Başarısız satırda Hata yazıp tekrar deneme yolunu göster. Grafikte iki seri aynı parlaklıkta görünüyorsa birine kesikli çizgi eklemek karşılaştırmayı kolaylaştırabilir.

Nereden başlamalı?

Arayüzü gri tonlarda düşün. Anlamlı ayrımlar hâlâ bulunuyor mu? Renkleri kaldırmak zorunda değilsin; anlamı renk olmadan da taşıyacak bir ikinci katman kurmalısın. Bu yaklaşım hem erişilebilirliği hem genel okunabilirliği güçlendirir.

Benim yaklaşımım

Bir formda yalnızca kırmızı e-posta alanı görmek yerine sorunun yanında kısa bir açıklama isterdim. Aynı yaklaşımı grafiklerde de düşünürüm: serilerin adı veya biçimi renk dışında ayırt edilebilmeli. Tasarımın siyah-beyaz bakıldığında ne kadar anlaşılır kaldığını görmek, bence yararlı bir kontrol.

Kaynaklar

W3C — Use of Color

Aklına takılan bir şey mi var?

Yazıyla ilgili sorunu veya proje fikrini paylaş.

WhatsApp’tan yaz