Tasarımcılar İçin Veri Görselleştirme: Gerçekten Anlatan Grafikler Nasıl Yapılır

Çoğu ürün panosu gürültüden ibaret. On iki grafik, altı renk paleti, net bir hiyerarşi yok ve her birinin neyi ölçtüğünü anlamak için üzerinde çalışması gereken bir kullanıcı. Ekip buna veri odaklı dedi ve yayına aldı. Kullanıcı buna kafa karıştırıcı diyor ve görmezden geliyor.

Bu makale işin çalışan versiyonu. Gerçekten anlatan grafik türleri, küçük boyutlarda ayakta kalan renk kuralları, kullanıcının veriyi üç saniyede anlamasını sağlayan hiyerarşi kararları ve işi kullanılabilir tutan erişilebilirlik tabanları. D3 eğitimi yok, grafik galerisi yok, sadece gerçek bir ürünün içindeki dataviz tasarım disiplini.

Dataviz aslında nedir

Veri görselleştirme, sayıların gözün metni okumaktan daha hızlı karşılaştırabildiği şekillere görsel olarak kodlanmasıdır. Bir çubuk grafik, bir sayı sütununu gözün anında karşılaştırdığı yüksekliklerde dikdörtgenlere çevirir. Bir çizgi grafik, zaman serisini gözün hikâye olarak okuduğu bir eğime çevirir. Kodlama işin tamamıdır.

Kötü grafik, kodlamanın veriyle kavga ettiği grafiktir. On bir dilimli pasta grafik, gözün karşılaştırabileceği hiçbir şeyi kodlamaz. 3D çubuk grafik veriyi kodlar, sonra görsel gösteriş için kodlamayı bozar. Çift eksenli çizgi grafik iki hikâyeyi tek hikâyeymiş gibi kodlar. Hepsi tasarım hatasıdır, matematik hatası değil.

Görsel hiyerarşi tasarımı yazısı gözün statik bir sayfayı nasıl okuduğunu anlatır. Dataviz, sayılara uygulanan hiyerarşidir.

Dataviz tasarımı üründe neden önemli

Çoğu ürün ekranında ekran başına bir ya da iki bilgi vardır. Bir panoda onlarcası vardır. Tasarım disiplini olmadan pano, kullanıcının önemli olanı bulamadığı, birbiriyle yarışan sinyallerden oluşan bir duvara dönüşür.

Dataviz diğer tasarım türlerinden farklı şekilde de başarısız olur. Yanlış renkteki bir buton çirkindir. Yanlış türdeki bir grafik yanıltıcıdır. Kullanıcı grafiğin söylediğini sandığı şeye göre karar verir, grafik ise başka bir şey söylemiştir. Yanıltıcı grafiğin bedeli sadece kötü bir estetik değil, yanlış bir karardır.

2026'da her ürün yüzeyi beş yıl öncesine göre daha veri ağırlıklı. Yapay zekâ özellikleri model güvenini, kullanım metriklerini, maliyet dökümlerini gösteriyor. Analitik yüzeyleri her yerde tablo ve grafik. Dataviz sistemleri kurabilen tasarımcılar, tek amaçlı bir uygulamadan karmaşık her ürün için artık kritik.

---

Soruya uyan grafiği seç

Grafik seçimi dataviz işinin %80'i. Yanlış grafiği seçersen hiçbir cila seni kurtarmaz. Doğru grafiği seçersen tasarım neredeyse kendiliğinden tamamlanır.

Ürün işlerinin çoğunu kapsayan beş grafik ailesi

Çoğu ürün dataviz'i beş grafik ailesinin içinde yaşar. Bunlara hâkim ol, pano işlerinin %90'ından fazlası rutine biner.

Ekrandaki grafik bunlardan biriyle eşleşmiyorsa, kullanıcı muhtemelen grafiğin hangi soruyu yanıtladığını bilmiyordur. Ya grafiği soruya uydur ya da sorulan soruyu değiştir.

Tek bir sayı ne zaman kullanılır

Ürün tasarımında en az kullanılan grafik, hiç grafik olmamasıdır. Bir etiketi ve karşılaştırması olan tek büyük bir sayı ("Gelir: 124.500 $, geçen aya göre %12 artış") çoğu panonun on iki grafikle anlattığından fazlasını anlatır.

Tek sayıyı şu durumlarda kullan:

• Kullanıcı sadece son değeri önemsiyorsa, trendi değil
• Trend karşılaştırma bağlamından zaten anlaşılıyorsa
• Ekran alanı sınırlıysa (mobil, kenar çubuğu, durum çubuğu)

Kalın tipografili ve net etiketli tek bir sayının görsel ağırlığı muazzamdır. Çoğu pano, grafiklerin yarısı tek sayılarla değiştirilse daha iyi olurdu.

Small multiples ne zaman kullanılır

Small multiples, farklı kategoriler için tekrarlanan aynı grafik türünden oluşan bir ızgaradır. Kullanıcının mutlak değerleri değil, çok sayıda öğe arasındaki örüntüleri karşılaştırması gerektiğinde kullan.

Bölge başına geliri gösteren 12 sparkline'lık bir ızgara, birbirini kesen 12 çizgili tek bir grafikten daha hızlı taranır. Göz her bölgeyi tek tek okur, sonra şekilleri ızgara boyunca karşılaştırır. Teknik Edward Tufte'dan geliyor ve ürün panolarında hâlâ az kullanılıyor.

Üst sınır görünüm başına yaklaşık 16 ila 20 small multiple. Ötesinde göz hepsini karşılaştıramaz ve ızgara duvar kâğıdına dönüşür.

---

Üründe neredeyse hiç işe yaramayan grafikler

Bazı grafik türleri ekran görüntüsünde etkileyici durdukları için varlığını sürdürür. Gerçek bir üründe neredeyse hiç iyi iletişim kurmazlar. Gördüğünde kes at.

Üçten fazla dilimi olan pasta grafikler. Göz üç dört dilimden sonra açıları doğru karşılaştıramaz. Bunun yerine yığılmış çubuk veya treemap kullan. Pasta grafik iki dilimli oranlarda (evet/hayır, açık/kapalı) işe yarar, başka neredeyse hiçbir şeyde yaramaz.

3D çubuk grafikler. Üçüncü boyut kodlamayı bozar. Öndeki çubuk olduğundan büyük, arkadaki olduğundan küçük görünür. Her zaman 2D kullan.

Çift eksenli çizgi grafikler. Tek grafikte iki y ekseni, iki çizginin karşılaştırılması gerektiğini ima eder, ama her eksen farklı ölçekte olduğu için karşılaştırma anlamsızdır. Kullanıcı var olmayan bir korelasyonu okur. Ya iki grafiğe böl ya da tek eksende indekslenmiş değerler kullan.

İçinde etiket olan halka grafikler. Halka grafikler, fazladan emek isteyen pasta grafiklerdir. İçerideki etiket çoğu zaman ekranda zaten olan bilgiyi tekrarlar. Bunun yerine tek bir sayı artı küçük bir çubuk grafik kullan.

Kelime bulutları. Veriye benzerler ve hiçbir şey anlatmazlar. Kelime boyutu frekansla gevşek biçimde ilişkilidir, göz boyutları doğru karşılaştıramaz ve uzun kelimeler daha fazla piksel içerdiği için daha büyük görünür. Görür görmez kes.

Radar grafikler. Çok spesifik karşılaştırmalarda (aynı ölçekteki çok boyutlu derecelendirmeler) işe yarar, genel karşılaştırmalarda neredeyse her zaman yanlış kullanılır. Göz düzensiz çokgenlerin alanlarını karşılaştıramaz. Grafik bilinen spesifik bir kullanım durumu için değilse çubuk grafik kullan.

---

Dataviz'de renk

Dataviz'de renk dekorasyon değildir. Kodlamanın parçasıdır. Yanlış renk seçimi bir grafiğin anlamını netten yanıltıcıya çevirebilir.

Üç renk kullanımı

Bir grafikteki her renk üç işten birini yapar:

Kategorik renk, sırası olmayan ayrık kategorileri birbirinden ayırır. Her bölge, her ürün, her müşteri segmenti farklı bir ton alır. 6 ila 8 belirgin tonluk bir palet kullan. 8'in ötesinde göz benzer renkleri karıştırmaya başlar ve kodlama çöker.

Ardışık renk, tek bir boyut boyunca sıralı değerleri gösterir. Açıktan koyuya, düşük doygunluktan yükseğe. Birden fazla değil, tek bir ton rampası kullan. Ardışık paletler büyüklüğü tonla değil, değerle (açıklık/koyuluk) iletir.

Ayrışan renk, anlamlı bir orta nokta etrafında negatiften pozitife uzanan değerleri gösterir. Kırmızıdan beyaza ve maviye klasik örnektir. Orta nokta gerçek bir sıfır veya eşik olmalı, görsel kolaylık değil.

Üçünü karıştırmak grafiği öldürür. Büyüklüğü kodlamak için kullanılan kategorik palet okunamaz. Kategorileri kodlamak için kullanılan ardışık palet kafa karıştırır. Veri için doğru olanı seç.

Tasarımcılar için renk teorisi yazısı daha geniş renk ilkelerini anlatır. Renk paleti sözlüğü paletlerin nasıl yapılandırıldığını anlatır.

Küçük boyutlarda ayakta kalan renk kuralları

Çoğu grafik rengi, grafiklerin ürün arayüzlerinde gerçekten yaşadığı küçük boyutlarda başarısız olur. 60 piksellik bir sparkline'ın sekiz kategorik rengi net göstermeye yetecek görsel alanı yoktur.

Dayanan beş kural:

• Grafik başına en fazla 6 kategorik renk kullan. Altıdan sonra göz pes eder.
• Vurgu için tek bir vurgu rengi ayır. Kullanıcının ilk bakması gereken çizgi veya çubuk marka rengini ya da yüksek kontrastlı bir tonu alır. Geri kalan her şey soluktur.
• İkincil veriyi soluklaştır. Arka planlar, kılavuz çizgileri, eksen etiketleri %40 ila 60 opaklıkta. Ön plandaki veri tam doygunlukta. Kontrast hiyerarşinin kendisidir.
• Monokromda test et. Grafiği gri tonlamaya çevir ve hiyerarşinin hâlâ okunduğunu kontrol et. Grafik sadece renkle çalışıyorsa, renk fazla iş yapıyordur.
• Karanlık modda test et. Çoğu ürün grafiği hem açık hem koyu arka planda çalışmalı. Aynı ton çoğu zaman koyuda fazla doygun, açıkta fazla soluk okunur. Mod başına eşleştirilmiş bir palet kur.

Karanlık mod tasarımı yazısı daha geniş karanlık mod disiplinini anlatır. Grafikler karanlık modda doğru yapılması en zor parçalardan biridir.

Renk körlüğü niş değil

Erkeklerin yaklaşık %8'i ve kadınların %0,5'i bir tür renk görme eksikliğine sahip. Tasarımcıya iyi görünen çoğu kategorik palet bu kullanıcılar için okunamaz hale gelir.

Çözüm, bilgiyi asla yalnızca renkle kodlamamak. Rengi şekil, konum, etiket veya desenle eşleştir. Üç renkli çizgisi olan bir çizgi grafiğin her çizgide doğrudan etiketleri de olmalı. Bir çubuk grafikte, kullanıcının karşılaştırması gereken çubuklar için değer etiketleri olmalı.

Paletleri renk körlüğü simülatörlerinde test et. En yaygın hata, deuteranopi olan kullanıcılar için kırmızı ve yeşilin ayırt edilemez olması. Bunun yerine kategorik çift olarak mavi ve turuncu kullan; ikisi de en yaygın renk görme eksikliklerinde çalışır.

Erişilebilir renk kontrastı yazısı kontrast tabanlarını anlatır. Kontrast oranı sözlüğü kontrastın nasıl ölçüldüğünü anlatır.

---

Bir grafikte hiyerarşi

Her grafiğin bir hiyerarşisi vardır. Kullanıcının gözü önce veriye, sonra etiketlere, üçüncü olarak kılavuz çizgilerine ve eksene konmalı. Çoğu ürün grafiği bunu tersine çevirir ve kullanıcı veriyi bulmak için çaba harcar.

Neyi vurgulamalı, neyi soluklaştırmalı

Veri kahramandır. Çubuklar, çizgiler, noktalar en güçlü görsel ağırlığı alır. Tam opaklık, tam doygunluk, uygun yerde marka veya vurgu rengi.

Etiketler ve başlıklar yardımcı oyunculardır. Okunacak kadar güçlü, veriyle yarışacak kadar güçlü değil. Genelde verinin görsel ağırlığının %50 ila 70'i.

Kılavuz çizgileri, eksen çizgileri ve işaretler sahnedir. Sadece kullanıcı onları aradığında görünür. Genelde etiketlerin görsel ağırlığının %20 ila 40'ı.

Çoğu ürün grafiği kılavuz çizgileri tam güçte olarak yayına çıkar, çünkü her grafik kütüphanesinde varsayılan budur. Çözüm, kılavuz çizgilerini soluklaştıran tek bir CSS ezmesidir ve grafik anında şablon gibi değil, tasarlanmış gibi okunur.

Doğrudan etiketleme, lejandı yener

Grafiğin yanındaki bir lejand, kullanıcının gözünü lejand ile veri arasında ping-pong oynamaya zorlar. Her çizgide, çubukta veya segmentte doğrudan etiketler, kullanıcının grafiği tek geçişte okumasını sağlar.

Doğrudan etiketlemeyi uygulamak daha zor ve grafik kütüphaneleri bunu iyi desteklemiyor. Yine de yap. Sağ ucunda etiketli üç çizgisi olan bir çizgi grafik, köşede lejandı olan aynı grafikten çok daha okunaklıdır.

İstisna, doğrudan etiketlerin sığmayacağı kadar çok seri olmasıdır. Bu durumda etkileşimli bir lejand kullan. Bir lejand öğesinin üzerine gelmek veya dokunmak o seriyi grafikte vurgular ve geri kalanı soluklaştırır.

---

Üç saniye kuralı

Bir üründeki her grafik sorusunu üç saniyede yanıtlamalı. Kullanıcı grafiği incelemek zorundaysa tasarım başarısız olmuştur.

Üç saniye kuralı nasıl test edilir

Grafiği panoyu daha önce görmemiş birine göster. "Bu grafik sana ne anlatıyor?" diye sor. Cevabı zamanla.

Cevap üç saniyenin altında geliyorsa grafik çalışıyordur. Daha uzun sürüyorsa onları neyin yavaşlattığını bul. Genelde şunlardan biridir:

• Grafik türü soruyla eşleşmiyor
• Hiyerarşi ters (kılavuz çizgileri veriden gürültülü)
• Lejand göz ping-pongunu zorluyor
• Renk kodlaması belirsiz
• Grafikte çok fazla seri var

Hatayı düzelt, tekrar test et. Her grafiğin üç saniye testini geçtiği bir pano, bir kullanıcının gerçekten kullanabileceği bir panodur.

Üç saniye kuralı ne zaman geçerli değil

Keşifsel analitik araçları (BI araçları, veri bilimi defterleri) farklıdır. Kullanıcı göz gezdirmiyor, araştırıyor. Her değişkeni, her boyutu, her filtreyi istiyor. Üç saniye üç dakikaya dönüşür ve sorun yok.

Hata, bir ürün panosunu BI aracının disipliniyle kurmaktır. Ürün kullanıcısı araştırmıyor. Kontrol ediyor. Bütçe üç saniyedir.

---

Dataviz'de etkileşim

Ürün arayüzlerindeki grafikler etkileşimlidir. İpucu için üzerine gel, filtrelemek için tıkla, yakınlaştırmak için fırçala. Etkileşimler statik kodlama kadar bilinçli tasarım ister.

Tooltip tasarımı

Grafiklerdeki tooltip'ler "bu noktanın tam değeri nedir?" sorusunu yanıtlar. Çoğu grafik kütüphanesi varsayılan olarak her seriyi aynı anda gösteren bir tooltip kullanır ve bu üzerine gelince metin duvarına dönüşür.

Daha iyi varsayılanlar:

• Tüm seriler için değil, seri başına bir tooltip. Önemsediğin çizgiye gel, o çizginin değerini gör. Grafik arka planına gelmek hiçbir şey göstermez.
• Tooltip'ler birimi içerir. "1240" değil, "1.240 $".
• Tooltip'ler faydalı olduğu yerde karşılaştırma bağlamını gösterir. "1.240 $ (geçen haftaya göre +%8)" tooltip'i bir hikâyeye çevirir.
• Tooltip'ler veriyi asla kapatmaz. Grafik kenarına yakınlığa göre imlecin üstüne veya altına konumlandır.

Filtreleme ve fırçalama

Doğrudan manipülasyonu destekleyen grafikler, ayrı bir filtre paneli gerektiren grafiklerin hissettirmediği bir tepkisellik hissi verir. Yakınlaştırmak için x ekseninde bir tarih aralığını fırçalamak, izole etmek için lejanddaki bir kategoriye tıklamak, satırları filtrelemek için bir eşik çizgisini sürüklemek. Her biri mühendislik emeği ister ve kullanıcı güveniyle karşılığını verir.

Risk, gereğinden fazla mühendislik. Faydalı olmak için beş etkileşim gerektiren bir grafik, birden fazla daha basit grafiğe bölünmesi gereken bir grafiktir. Her etkileşim bilişsel bir maliyettir.

Aşamalı ifşa sözlüğü daha geniş ilkeyi anlatır. Grafikler, kullanıcı niyetini gösterene kadar gelişmiş kontrolleri gizleyerek bunu iyi kullanabilir.

---

Dikkat edilecek dataviz hataları

Her pano denetimi aynı hataları yakalar. Ürün bunlardan herhangi biriyle yayına çıkıyorsa, dataviz katmanı ürünün geri kalanını baltalıyordur.

Değişimi abartan kırpılmış y eksenleri. Y ekseni sıfır yerine 95'ten başlayan bir çubuk grafik, %2'lik değişimi görsel bir uçuruma çevirir. Net bir sebep yoksa tam aralıklı eksenler kullan ve her kırpmayı açıkça etiketle.

Çubuk grafiklerde sıfır tabanı olmayan grafikler. Çubuk uzunluğu kodlamadır. Çubuk sıfırdan başlamıyorsa kodlama yalan söyler. Çubuk grafikler için bu tartışılmaz. Çizgi grafikler, zaman içinde küçük bir aralığı gösterirken kırpılmış eksen kullanabilir.

Tek panoda uyumsuz grafik türleri. Farklı yönelimler kullanan iki çubuk grafik, farklı eksen aralıkları kullanan iki çizgi grafik, aynı veriyi gösteren yığılmış çubuğun yanında bir pasta grafik. Her soruya uyan grafik türünü seç, ama görsel işlemeyi pano boyunca tutarlı yap.

Sayfanın geri kalanından geç yüklenen grafikler. Düzeni 200 ms'de, grafikleri 2 saniyede çizen bir pano bozuk hissettirir. Her grafik için iskelet durumları kur. Ekran altındaki grafikleri tembel yükle. Tüm yükü beklemek yerine veriyi akıt.

Markayı yok sayan grafikler. Varsayılan grafik kütüphanesi renklerini kullanan bir pano şablon gibi görünür. Grafik paleti, erişilebilirlik ve küçük boyut okunabilirliği ayarlarıyla marka renk sisteminden türetilmeli. Canlıya asla varsayılan Chart.js veya Recharts renk paletiyle pano çıkarma.

Marka renk paleti yazısı daha geniş marka renk disiplinini anlatır. Dataviz paletleri icat edilmez, türetilir.

---

2026 koşullarında dataviz

Üç kayma dataviz'in nasıl tasarlandığını değiştirdi. İşin uyum sağlaması gerekiyor.

Yapay zekâ saniyeler içinde grafik üretiyor. ChatGPT ve Claude gibi araçlar ham veriden tek bir prompt ile grafik üretebilir. Risk, yapay zekâ bir tane seçtiği için tasarımcıların grafik seçimini düşünmeyi bırakması. Yapay zekâ neredeyse her zaman gerçek soruyla eşleşmeyen jenerik bir grafik türü seçer. Yapay zekâyı ilk taslaklar için kullan, sonra kullanıcının sorduğu soruya göre yeniden düzenle.

Gerçek zamanlı veri varsayılan. Panolar artık her 60 saniyede yenilemek yerine canlı veri akıtıyor. Tasarım açısından anlamı, hareketin de tasarım istemesi. Her güncellemede titreyen canlı grafikler kullanılamaz. Veri noktaları arasında pürüzsüz interpolasyon ve net bir "canlı" göstergesi taban çizgisidir.

Mobil panolar yaygın. Sadece masaüstü için tasarlanmış bir pano, hafta sonu ve seyahat kullanımının çoğunu kaybeden bir panodur. Mobildeki grafikler farklı kararlar ister: çoğu zaman daha basit grafik türleri, daha az seri, sıkışan ızgara düzenleri yerine kayan daha uzun düzenler.

Duyarlı tasarım yazısı daha geniş duyarlılık disiplinini anlatır. Dataviz, gerçekten duyarlı yapılması en zor katmanlardan biridir.

---

SSS

Hangi grafik türünü kullanmalıyım?

Grafiği kullanıcının sorduğu soruya uydur. Kategoriler arası değerleri karşılaştırmak: çubuk grafik. Zaman içindeki değişimi göstermek: çizgi grafik. Bir bütünün parçalarını göstermek: yığılmış çubuk veya treemap (neredeyse hiçbir zaman pasta değil). İki değişkenli ilişkileri göstermek: dağılım grafiği. Dağılımı göstermek: histogram veya kutu grafiği. Ekrandaki grafik bunlardan birine uymuyorsa, kullanıcı grafiğin hangi soruyu yanıtladığını bilmiyordur.

Pasta grafiklerden ne zaman kaçınmalıyım?

Neredeyse her zaman. Pasta grafikler, oranın hikâyenin tamamı olduğu iki ya da üç dilimde (evet/hayır, açık/kapalı, basit ikili bölünmeler) işe yarar. Üç dilimden sonra göz açıları doğru karşılaştıramaz ve grafik dekorasyona dönüşür. Bunun yerine yatay yığılmış çubuk veya treemap kullan.

Bir grafik kaç renk kullanmalı?

En fazla altı kategorik renk, artı vurgulanan seri için bir vurgu rengi. Altıdan sonra göz benzer tonları karıştırmaya başlar ve kodlama çöker. Ardışık veri (düşükten yükseğe) için açıktan koyuya tek bir ton rampası kullan. Ayrışan veri (negatiften pozitife) için anlamlı bir orta nokta etrafında iki tonlu bir rampa kullan.

Grafikleri nasıl erişilebilir yaparım?

Bilgiyi asla yalnızca renkle kodlama. Rengi şekil, konum, etiket veya desenle eşleştir. Paletleri renk körlüğü simülatörlerinde test et (en yaygını deuteranopi). Grafik öğeleri ile arka plan arasında WCAG minimum kontrastını yakala. Mümkün olduğunda yalnızca lejanda dayanan referanslar yerine doğrudan etiketler sun. Ekran okuyucular için grafik bileşenlerine erişilebilir adlar ekle.

Grafikler için üç saniye kuralı nedir?

Bir ürün panosundaki her grafik, yeni bir kullanıcıya gösterildiğinde sorusunu üç saniye veya daha kısa sürede yanıtlamalı. Kullanıcı grafiği incelemek zorundaysa tasarım başarısız olmuştur. Grafiği panoyu görmemiş birine göstererek ve grafiğin ne dediğini özetlemelerinin ne kadar sürdüğünü ölçerek test et. Üç saniyeyi aşan her şey grafiğin sadeleştirilmesi gerektiği anlamına gelir.

Grafik kütüphanesi mi kullanmalıyım, özel mi yapmalıyım?

İlk taslaklar ve prototipler için grafik kütüphanesi kullan. Ürün arayüzlerindeki çoğu üretim grafiği, varsayılanları düzeltmek için kütüphanenin üstüne özel katmanlardan fayda görür: soluk kılavuz çizgileri, doğrudan etiketler, marka renk paletleri, özel tooltip'ler. D3 veya canvas ile tamamen özel dataviz, ancak grafik türü hiçbir kütüphanenin desteklemeyeceği kadar alışılmadıksa haklı çıkar.

Dataviz tasarımdır, dekorasyon değil

Disiplinli dataviz'i olan bir pano, kullanıcının zamanına saygı duyan bir ürün gibi hissettirir. Olmayan pano, tesadüfen sayı içeren bir dekorasyon duvarı gibi hissettirir. İkisi arasındaki mesafe küçük ve birincisine giden tek yol, grafik seçimine, renge, hiyerarşiye ve etkileşime uygulanan tasarım disiplinidir.

Soruyla eşleşen grafiği seç. Kılavuz çizgilerini soluklaştır, veriyi vurgula. Rengi dekorasyon değil, kodlama olarak kullan. Üç saniye kuralına karşı test et. Renk körlüğüne karşı test et. Mobilde ve karanlık modda test et.

Disiplinli dataviz yayınlayan ürün ciddi okunur. Varsayılan grafik kütüphanesi çıktısı yayınlayan ürün şablon gibi okunur. Kullanıcılar nedenini ifade edemeseler bile farkı fark eder.

Ürün arayüzünün geri kalanıyla birlikte dataviz sistemleri kuran bir ekip istiyorsan, Brainy'yi işe al. Her projede grafikler, tasarım sisteminin birinci sınıf bir parçası.

İlgili okumalar

• Görsel Hiyerarşi Tasarımı
• Tasarımcılar İçin Renk Teorisi
• Karanlık Mod Tasarımı
• Erişilebilir Renk Kontrastı