#PrzemoPatterns: Dashboard
2 min czytania

#PrzemoPatterns: Dashboard

#PrzemoPatterns: Dashboard

馃 Co to jest?

Dashboard (po polsku pulpit/kokpit) zapewnia u偶ytkownikowi globalny przegl膮d najwa偶niejszych danych, funkcji i element贸w nawigacyjnych.

Bardzo cz臋sto pe艂ni rol臋 strony g艂贸wnej, np. w zaawansowanych aplikacjach analitycznych.

Podobnie jak w聽samochodzie, dashboard ma na celu ukazanie nam krytycznych i聽istotnych na pierwszy rzut oka danych.

殴r贸d艂o: justinmind.com

Istniej膮 3 g艂贸wne typy dashboard贸w:

  • operacyjne 鈥 pozwalaj膮 zobaczy膰, co si臋 dzieje w danej chwili
  • analityczne 鈥 daj膮 u偶ytkownikowi jasny wgl膮d w trendy wydajno艣ciowe i聽potencjalne problemy
  • strategiczne 鈥 艣ledz膮 g艂贸wne cele strategiczne, np. za pomoc膮 wska藕nik贸w KPI

O czym warto pami臋ta膰 przy projektowaniu dashboard贸w?

鈩癸笍 Wskaz贸wki

  1. Dowiedz si臋, czego potrzebuj膮 Twoi u偶ytkownicy.
    Pierwszym krokiem jest poznanie swoich odbiorc贸w. Po zapoznaniu si臋 z聽personami u偶ytkownik贸w. Poznasz odpowied藕 na kluczowe pytanie: czego moi u偶ytkownicy b臋d膮 oczekiwa膰 od dashboardu? Pomy艣l np. o 5 obszarach, kt贸re Twoi u偶ytkownicy chcieliby zobaczy膰 na pulpicie.
  2. Responsywno艣膰 i customizacja.
    Je艣li jeste艣 w stanie, pozw贸l u偶ytkownikowi filtrowa膰 wyniki, wybra膰 jakie dane chcia艂by zobaczy膰 na kokpicie lub u艂o偶y膰 ich kolejno艣膰. Takie posuni臋cie spowoduje wi臋ksze zaanga偶owanie u偶ytkownik贸w, poczucie mocy sprawczej oraz opcj臋 dostosowania wygl膮du interfejsu pod ich potrzeby.
  3. Czytelnie prezentuj dane.
    Puste przestrzenie, du偶e i widoczne cyfry - nasz wzrok lubi w ten spos贸b odczytywa膰 istotne dane. Zamiast pr贸by upchni臋cia jak najwi臋kszej ilo艣ci informacji 鈥 postaw na czytelno艣膰. Pami臋taj r贸wnie偶 o odpowiednim doborze wykres贸w pod dane (wi臋cej o wykresach).
  4. Zadbaj o architektur臋 informacji.
    Wszystkie elementy s膮 wa偶ne, ale niekt贸re karty s膮 wa偶niejsze ni偶 inne. Nawi膮zuj膮c do punktu 1, zbadaj potrzeby u偶ytkownik贸w i wyeksponuj to, co jest dla nich najbardziej istotne. W tym celu mo偶esz zastosowa膰 wzorzec czytania strony F lub Z (wi臋cej o architekturze informacji, a tutaj wi臋cej o wizualnej hierarchii).
  5. Trzymaj si臋 zasady pi臋ciu sekund.
    Odnalezienie najwa偶niejszych informacji na pulpicie nie powinno zaj膮膰 u偶ytkownikowi wi臋cej ni偶 pi臋膰 sekund (test 5 sekund w UX). W przypadku d艂u偶szego przegl膮dania danych oznacza to, 偶e szata graficzna wymaga pewnych poprawek. U偶ytkownik chce otrzyma膰 odpowiedzi na wszystkie pytania tak szybko, jak to mo偶liwe.
Dashboard z mo偶liwo艣ci膮 dostosowania szeroko艣ci sekcji g艂贸wnej / bocznej (kliknij, aby zobaczy膰 animacj臋). 殴r贸d艂o

Warto te偶 rzuci膰 okiem na to, co by艂o o dashboardzie w #10 wydaniu newslettera聽馃槈

Je艣li jeszcze nie ma Ci臋 na li艣cie 馃

Wysy艂amy jeden email tygodniowo, w ka偶dy pi膮tek, o godz. 12:00.
Warto艣ciowa wiedza o UI/UX dla developera mo偶e wyl膮dowa膰 do Twojej skrzynki.