Najlepsze przykłady wizualizacji danych i projekty pulpitów nawigacyjnych
Opublikowany: 2022-03-11Wizualizacja danych i projektowanie pulpitu nawigacyjnego są zarówno sztuką, jak i nauką, a ich tworzenie nie jest tak łatwe, jak mogłoby się wydawać. W jaki sposób najlepsi projektanci UX i projektanci wizualni ilustrują złożone informacje bez dezorientowania użytkowników?
Trzy sposoby: lepsze zrozumienie zasad UX stojących za dobrym projektem pulpitu nawigacyjnego, zastosowanie doskonałości graficznej i praktyka.
Projekt dashboardu UX jest zgodny z określonymi zasadami i najlepszymi praktykami. Z drugiej strony doskonałość graficzna wymaga dokładniejszego zbadania.
Doskonałość graficzna jest zdefiniowana jako:
- Dobrze zaprojektowana i wydajna prezentacja ciekawych danych.
- Złożone pomysły przekazywane z wydajnością, przejrzystością i precyzją.
- Zapewnienie widzowi jak największej liczby pomysłów, które wymagają najmniej czasu na małej przestrzeni i zużywają najmniej atramentu.
- Mówienie prawdy o danych.
Doskonałym źródłem lepszego zrozumienia doskonałości graficznej jest praca Edwarda Tufte. Jest uważany za „Leonarda da Vinci danych” i ma wiele opublikowanych prac, książek i wykładów. David McCandless, który założył, że informacja jest piękna, witryna internetowa, która reprezentuje najlepsze wizualizacje danych i doskonałość graficzną, jest kolejnym doskonałym źródłem informacji.
Zasady wzorowego projektowania UX i doskonałości graficznej dotyczą zarówno projektowania dashboardów, jak i wizualizacji danych. Oto niektóre z najlepszych przykładów wizualizacji danych i projektowania pulpitów nawigacyjnych.
Najlepsze wizualizacje danych
Marzec 1812 Napoleona
Wizualizacja Minarda przedstawiająca marsz Napoleona w 1812 r. jest uważana za jeden z „najlepszych rysunków statystycznych, jakie kiedykolwiek stworzono”: Stworzenie wizualizacji z taką ilością informacji, jaką zrobił Minard, byłoby niemożliwe, gdyby nie zastosowanie doskonałości graficznej.
Ta pojedyncza wizualizacja pokazuje liczbę żołnierzy Napoleona według lokalizacji, temperaturę odczuwaną przez żołnierzy oraz drogę, jaką żołnierze przebyli do iz Moskwy.
Mapa cholery Johna Snowa
Grafika Johna Snowa z 1854 r. przedstawiająca lokalizację 13 studni publicznych w Londynie i 578 zgonów na cholerę za pomocą ułożonych w stos słupków prostopadłych do ich lokalizacji: jest łatwy do zrozumienia, ujawnia prawdę w danych i dostarcza użytkownikowi wszystkich informacji potrzebnych do narysowania właściwego wniosek dotyczący zgonów na cholerę.
Historia muzyki rockowej
Przedstawiająca tylko ułamek całej wizualizacji danych, poniższa grafika przedstawia część ponad 30 stylów muzycznych ponad 700 artystów w okresie od 1955 do 1978.
Nie tylko reprezentuje artystów i style, ale pokazuje wpływy, wielkość sprzedaży płyt, kategorie stylistyczne oraz miejsce ich zakończenia lub kontynuacji. Osiągnięcie tego rodzaju graficznej doskonałości to nie lada wyczyn.
Gdzie populacja Europy rośnie i maleje
Wizualizacja najlepszych danych pokazująca, jak radzić sobie z ogromną ilością danych w nieskomplikowany, dobrze zaprojektowany i zgodny z prawdą sposób. Wersja interaktywna zawiera również filtry, które pozwalają na jeszcze większą eksplorację danych, takich jak wskaźniki urodzeń.
Codzienne rutyny kultowych sławnych osób
Ta wizualizacja danych jest nie tylko interesująca, ale jest klasycznym przykładem doskonałości graficznej. Na jednej grafice możemy zobaczyć szczegółowe przedstawienie codziennych nawyków, rytuałów, zajęć i priorytetów kultowych sławnych osób.
Korzystając z prostego wykresu oznaczonego kolorami, ta wizualizacja jest łatwa do zrozumienia, prosta, efektywna, a przede wszystkim informacyjna.
Grafika języków świata
Ta klasyczna wizualizacja danych przedstawia liczbę języków istniejących na planecie, w których się nimi mówi i kto nimi posługuje się w różnych częściach świata.
Bez wysokiego poziomu doskonałości graficznej trudno byłoby pokazać tak wiele danych w tak elegancki sposób, który jest jednocześnie pouczający i łatwy do zrozumienia.
Najlepsze projekty desek rozdzielczych
Aby pulpit nawigacyjny można było uznać za lepszy, musi spełniać zestaw określonych kryteriów UX:
- Jasne i spójne konwencje nazewnictwa
- Priorytetyzacja przepływu i układu danych
- Marginesy są odpowiednie dla czytelności
- Dane nie są ani ukryte, ani przeciążone
- Zrozumiałe i łatwe do odczytania

Pulpit nawigacyjny KPI w marketingu
Poniższy przykład jest doskonałym przykładem łatwego zrozumienia złożonych informacji biznesowych. Powściągliwa kolorystyka jest przyjemna, a użycie oddzielnych kart jest przyjemne dla oczu.
Jednym z powodów, dla których ten pulpit nawigacyjny jest doskonały, jest jego stosunek danych do atramentu. Dane i przestrzeń wzajemnie się uzupełniają. Zamiast wypełniać ekran większą liczbą wykresów, używane są osobne karty z małymi zakładkami. Jest to genialny sposób na zachowanie dostępności krytycznych informacji (tj. nieukrywanie ich), jednocześnie dając użytkownikowi łatwy i pouczający sposób przeglądania ich na własnych warunkach.
Deska rozdzielcza w paski
Pulpit nawigacyjny Stripe jest doskonałym przykładem najlepszych praktyk projektowania pulpitu nawigacyjnego. Jest prosty, odpowiada na najbardziej istotne pytania użytkowników i ma prawie idealne marginesy na każdej karcie.
Pulpit telemedyczny
Analityka telemedyczna znana jest z dostarczania wielu surowych danych. Zorganizowanie tych danych w sensowny i informacyjny pulpit nawigacyjny może być wyzwaniem. W tym przykładzie zastosowano najlepsze praktyki UX projektowania pulpitu nawigacyjnego. Marginesy są podwojone, informacje są prezentowane wraz z pytaniami i odpowiedziami, a dane nie są ukrywane.
Tablica rozdzielcza zapasów
Zapasy mogą być trudne do konceptualizacji na jednym pulpicie nawigacyjnym ze względu na liczbę punktów danych konkurujących o miejsce. Ten przykładowy projekt deski rozdzielczej pozwolił uzyskać przejrzysty, minimalistyczny wygląd ze wszystkimi istotnymi informacjami z przodu i na środku.
Panel odbiorców w sieci Web
Google Analytics świetnie sobie radzi z pulpitami nawigacyjnymi; jednak osiągnięcie określonego celu może wymagać wielu dostosowań. Ten pulpit nawigacyjny przeniósł analitykę na nowy poziom, oferując widok, który jest prosty, łatwy do zrozumienia, łatwy do odczytania i pomocny, bez zwiększania obciążenia poznawczego.
Pulpit zarządzania dokumentacją
Zarządzanie dokumentami jest trudne, ale utrzymanie ich w porządku i łatwej nawigacji może być jeszcze trudniejsze. Doskonałym rozwiązaniem jest ten pulpit nawigacyjny, który sprawia, że wszystko jest proste, zrozumiałe i zaskakująco oszczędne.
Nawet przy minimalistycznym podejściu ten doskonały przykład projektu pulpitu nawigacyjnego zapewnia użytkownikowi wszystko, czego potrzebuje, aby zarówno zrozumieć, jak i poruszać się po systemie dokumentów.
Aplikacja pogody do siewu roślin – mobilny pulpit nawigacyjny
Ten mobilny pulpit nawigacyjny ma charakter informacyjny i jest łatwy do zrozumienia. Okruszki ułatwiają nawigację, a ikony z popularnymi opisami językowymi pomagają w tworzeniu świetnego projektu UX.
Pulpit nawigacyjny karty kredytowej — pulpit mobilny
Podobnie jak bankowość, pulpity nawigacyjne kart kredytowych są znane ze złego UX, zwłaszcza na urządzeniu mobilnym. Ten mobilny projekt deski rozdzielczej zwraca się w nowym kierunku. Informacje są nie tylko dobrze zorganizowane, ale zrozumiałe i bogate w funkcje, ale nie przytłaczają.
Doskonała wizualizacja danych i projektowanie pulpitów nawigacyjnych wymagają doskonałości graficznej oraz zrozumienia i stosowania zasad projektowania pulpitów nawigacyjnych. Stosowane zgodnie, użytkownicy będą czerpać korzyści z wizualizacji danych, które mają charakter informacyjny i pulpitów nawigacyjnych, które zapewniają wysoką jakość obsługi.
• • •
Dalsza lektura na blogu Toptal Design:
- Projekt pulpitu nawigacyjnego — rozważania i najlepsze praktyki
- Wizualizacja danych – najlepsze praktyki i podstawy
- Zainspiruj się tymi wizualizacjami danych
- Ulepsz swoje statystyki dzięki tym inspiracjom do projektowania pulpitów nawigacyjnych