En İyi Veri Görselleştirme Örnekleri ve Pano Tasarımları

Veri görselleştirme ve gösterge tablosu tasarımı hem sanat hem de bilimdir ve ilk bakışta göründükleri kadar kolay oluşturulamazlar. En iyi UX tasarımcıları ve görsel tasarımcılar, karmaşık bilgileri kullanıcıların kafasını karıştırmadan nasıl gösterir?

Üç yol: iyi pano tasarımının ardındaki UX ilkelerinin daha iyi anlaşılması, grafiksel mükemmelliğin uygulanması ve pratik.

UX gösterge panosu tasarımı, belirli ilkeleri ve en iyi uygulamaları takip eder. Grafiksel mükemmellik ise daha kapsamlı bir inceleme gerektirir.

Grafiksel mükemmellik şu şekilde tanımlanır:

• İlginç verilerin iyi tasarlanmış ve verimli bir sunumu.
• Karmaşık fikirler verimlilik, netlik ve hassasiyetle iletildi.
• İzleyiciye küçük bir alanda en az zaman gerektiren ve en az miktarda mürekkep kullanarak en fazla sayıda fikir vermek.
• Veriler hakkında doğruyu söylemek.

Grafiksel mükemmelliğin daha iyi anlaşılması için mükemmel bir kaynak Edward Tufte'nin çalışmasıdır. “Verinin Leonardo da Vinci'si” olarak kabul edilir ve çok sayıda yayınlanmış eseri, kitabı ve dersi vardır. Bilgi güzeldir'in kurucusu David McCandless, veri görselleştirmelerinde ve grafiksel mükemmellikte en iyiyi temsil eden bir web sitesi, başka bir mükemmel kaynaktır.

Örnek UX tasarımı ve grafiksel mükemmellik ilkeleri, hem pano tasarımı hem de veri görselleştirmeleri için geçerlidir. İşte en iyi veri görselleştirme ve pano tasarım örneklerinden bazıları.

En İyi Veri Görselleştirmeleri

Napolyon'un 1812 Mart

Minard'ın Napolyon'un 1812 yürüyüşünü görselleştirmesi “şimdiye kadar yapılmış en iyi istatistiksel çizimlerden” biri olarak kabul ediliyor: Grafiksel mükemmellik uygulaması olmasaydı Minard'ın yaptığı kadar çok bilgi içeren bir görselleştirme yaratmak imkansız olurdu.

Bu tek görselleştirme, konuma göre Napolyon'un birliklerinin sayısını, birliklerin maruz kaldığı sıcaklığı ve birliklerin Moskova'ya gidiş ve dönüş yolunu gösterir.

John Snow'un Kolera Haritası

John Snow'un Londra'daki 13 kamu kuyusunun ve 578 kolera ölümünün konumlarına dik yığılmış çubuklar kullanarak konumunu gösteren 1854 grafiği: Anlaşılması kolaydır, verilerdeki gerçeği ortaya çıkarır ve kullanıcıya uygun bir çizim yapmak için ihtiyaç duyduğu tüm bilgileri verir. Kolera ölümleriyle ilgili sonuç.

Rock Müzik Tarihi

Tüm veri görselleştirmesinin yalnızca bir kısmını temsil eden aşağıdaki grafik, 1955 ile 1978 arasındaki dönemde 700'den fazla sanatçıya ait 30'dan fazla müzik stilinin bir bölümünü göstermektedir.

Yalnızca sanatçıları ve stilleri temsil etmekle kalmaz, etkileri, plak satışlarının hacmini, üslup kategorilerini ve bunların nerede bittiğini veya devam ettiğini gösterir. Bu tür bir grafik mükemmelliği elde etmek küçük bir başarı değildir.

Avrupa Nüfusunun Büyüdüğü ve Düştüğü Yer

Muazzam miktarda veriyle karmaşık olmayan, iyi tasarlanmış ve gerçeğe uygun bir şekilde nasıl başa çıkılacağını gösteren en iyi veri görselleştirmesi. Etkileşimli sürümde, doğum oranları gibi daha da fazla veri keşfine olanak tanıyan filtreler de bulunmaktadır.

İkonik Ünlülerin Günlük Rutinleri

Bu veri görselleştirmesi sadece ilginç değil, aynı zamanda grafiksel mükemmelliğin klasik bir örneğidir. Tek bir grafikte, ikonik ünlülerin günlük alışkanlıklarının, ritüellerinin, uğraşlarının ve önceliklerinin ayrıntılı bir tasvirini görebiliriz.

Basit bir renk kodlu çizelge kullanan bu görselleştirme, anlaşılması kolay, basit, etkili ve hepsinden önemlisi bilgilendiricidir.

Dünya Dilleri Grafiği

Bu klasik veri görselleştirmesi, gezegende var olan dillerin sayısını, bunların konuşulduğunu ve dünyanın çeşitli yerlerinde kimin konuştuğunu gösteriyor.

Yüksek düzeyde bir grafik mükemmelliği olmadan, bu kadar çok veriyi aynı zamanda bilgilendirici ve anlaşılması kolay bu kadar zarif bir şekilde göstermek zor olurdu.

En İyi Pano Tasarımları

Bir panonun üstün sayılması için bir dizi belirli UX kriterini karşılaması gerekir:

• Açık ve tutarlı adlandırma kuralları
• Öncelik verilen veri akışı ve düzeni
• Kenar boşlukları okunabilirlik için uygundur
• Veriler ne gizli ne de aşırı yüklenmiş
• Anlaşılır ve okunması kolay

Pazarlama KPI Gösterge Tablosu

Aşağıdaki örnek, karmaşık işletme bilgilerinin anlaşılmasını kolaylaştırmanın mükemmel bir örneğidir. Kısıtlanmış renk şeması hoş ve ayrı kartların kullanımı gözleri yoruyor.

Bu panonun mükemmel bir tasarım olmasının nedenlerinden biri veri-mürekkep oranıdır. Veri ve alan birbirini tamamlar. Ekranı daha fazla grafikle doldurmak yerine, küçük sekmeli ayrı kartlar kullanılır. Bu, kritik bilgileri kullanılabilir tutmanın (yani saklamamanın) ustaca bir yoludur ve kullanıcıya kendi şartlarına göre kolay ve öğretici bir görüntüleme yöntemi sunar.

Çizgili Pano

Stripe panosu, pano tasarımı en iyi uygulamalarının mükemmel bir örneğidir. Basittir, en ilgili kullanıcı sorularını yanıtlar ve her kartta mükemmele yakın marjlara sahiptir.

Teletıp Panosu

Teletıp analitiği, çok sayıda ham veri sağlamasıyla bilinir. Bu verileri anlamlı ve bilgilendirici bir panoda düzenlemek zor olabilir. Bu örnek, pano tasarımı UX en iyi uygulamalarını kullanır. Kenar boşlukları ikiye katlanır, bilgiler sorular ve yanıtlarla sunulur ve veriler görünümden gizlenmez.

Stok Panosu

Alan için rekabet eden veri noktalarının sayısı nedeniyle hisse senetlerini tek bir gösterge panosunda kavramsallaştırmak zor olabilir. Bu gösterge panosu tasarım örneği, tüm ilgili bilgilerin ön ve merkezde olduğu temiz, minimal bir görünüm elde etmeyi başardı.

Web Kitle Kontrol Paneli

Google Analytics, gösterge tablolarıyla harika bir iş çıkarıyor; ancak belirli bir hedefe ulaşmak çok fazla özelleştirme gerektirebilir. Bu gösterge panosu, bilişsel yükü artırmadan basit, anlaşılması kolay, okunması kolay ve yardımcı bir görünüm sunarak analitiği yeni bir düzeye taşıdı.

Dokümantasyon Yönetim Panosu

Belgeleri yönetmek zordur, ancak onları düzenli ve gezinmesi kolay tutmak daha da zor olabilir. Her şeyi basit, anlaşılır ve şaşırtıcı derecede seyrek tutan bu gösterge panosu mükemmel bir çözümdür.

Minimalist bir yaklaşımla bile, bu mükemmel pano tasarım örneği, kullanıcıya belge sistemini hem anlamak hem de gezinmek için ihtiyaç duydukları her şeyi verir.

Bitki Tohumlama Hava Durumu Uygulaması – Mobil Gösterge Tablosu

Bu mobil gösterge paneli bilgilendirici ve anlaşılması kolay. Ekmek kırıntıları gezinmeye yardımcı olur ve ortak dil açıklamalarına sahip simgeler harika UX tasarımı oluşturmaya yardımcı olur.

Kredi Kartı Gösterge Tablosu – Mobil Gösterge Tablosu

Bankacılıkta olduğu gibi, kredi kartı gösterge panoları, özellikle bir mobil cihazda kötü UX ile ünlüdür. Bu mobil gösterge paneli tasarımı yeni bir yöne dönüyor. Bilgiler yalnızca iyi organize edilmiş olmakla kalmaz, aynı zamanda anlaşılabilir ve bunaltıcı olmaksızın zengin özelliklere sahiptir.

Üstün veri görselleştirme ve gösterge panosu tasarımı, grafik mükemmelliği ve gösterge panosu tasarım ilkelerinin anlaşılmasını ve uygulanmasını gerektirir. Uyumlu bir şekilde uygulandığında, kullanıcılar bilgilendirici veri görselleştirmelerinden ve yüksek kaliteli bir kullanıcı deneyimi sunan gösterge tablolarından faydalanacaktır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Pano Tasarımı - Hususlar ve En İyi Uygulamalar
• Veri Görselleştirme – En İyi Uygulamalar ve Temeller
• Bu Veri Görselleştirmelerinden İlham Alın
• Analitiklerinizi Bu Pano Tasarım İlhamlarıyla Yükseltin