Jak stworzyć efektywny dashboard

30/05/2019
UX / UI

Audyt UX / Projektowanie UX – Software House ASC

  • audyt użyteczności

  • interfejs użytkownika

  • projektowanie interfejsów graficznych

  • projektowanie ui

  • projektowanie ux

  • usability ux

  • ux experience

  • user experience / user interface

W książce Stephena Few pt.: „Information dashboard design” czytamy że „Dashboard to wizualne wyświetlanie najważniejszych informacji potrzebnych do osiągnięcia jednego lub więcej celów, które zostały skonsolidowane na jednym ekranie komputera, po to, by można je było monitorować w mgnieniu oka”. Innymi słowy, jedno spojrzenie powinno pozwolić nam lepiej zarządzać informacją w firmie.
Żyjemy w społeczeństwie oczekującym natychmiastowej gratyfikacji. Chcemy szybko docierać do najważniejszych informacji, trendów czy problemów, aby móc podejmować strategiczne decyzje.
Jak zatem stworzyć efektywny dashboard, który zaspokoiłby te potrzeby? Poniżej kilka podstawowych porad, o których należy pamiętać podczas jego tworzenia.

 

  1. Określ cel i poznaj potrzeby odbiorców

Projektując dashboard, warto na początku określić role użytkowników i ich potrzeby – czyli kto, w jaki sposób i po co będzie go używał.  Jak każdy inny widok systemu czy aplikacji, tak i widok pulpitu ma spełniać określony cel. A naszym zadaniem jest zaprojektowanie go w taki sposób, aby to zrealizować.
Najczęściej spotykanymi dashbordami, są pulpity operacyjne i analityczne.
Rolą pulpitów operacyjnych jest szybkie przekazywanie użytkownikom zaangażowanym w zadania zależne od czasu, wszystkich krytycznych informacji. Taki dashboard powinien wyraźne prezentować odchylenia danych, pokazywać bieżące zasoby i ich status. Pulpity takie charakteryzują się dynamiczną zmianą prezentowanych danych.

pulpit operacyjny

Żródło: why-did-we-build-operations-dashboard

Pulpity analityczne natomiast zapewniają użytkownikowi informacje wykorzystywane do analizy i podejmowania decyzji. Są mniej wrażliwe na czas i nie koncentrują się na natychmiastowym działaniu. Podstawowym celem jest pomoc użytkownikom w lepszym zrozumieniu danych, analizowaniu trendów i podejmowaniu decyzji. Wymagają także dodatkowego kontekstu, np historycznego.

Pulpity analityczne

Żródło: analytical-dashboard

 

  1. Kontekst reprezentowanych danych

Kontekst wyświetlanych danych tworzy pewną historię, z której użytkownik czerpie informacje. Prezentowane wyniki muszą być do czegoś porównane, bo skąd wiadomo, jak jest – dobrze czy źle? Na dashboardzie wszystkie dane, czy KPI należy porównać do innych danych. Na tym polega kontekst informacji.  Np. jeżeli chcemy zaprezentować jakąś informację, to warto zestawić ją z wartością z analogicznego okresu w przeszłości lub porównać do innego regionu.

Kontekst reprezentowanych danych

Źródło: kpi-dashboard

 

  1. Zachowaj spójność

Czy pulpit jest przydatny czy nie, decyduje pierwsze wrażenie, a właściwie spojrzenie. Dlatego liczy się każdy szczegół. Należy pamiętać zarówno o spójności danych jak i warstwy wizualnej, na którą składają się czcionki i kolory. Unikamy zbyt wielu kolorów i rodzajów fontów. Definiujemy jasną hierarchię czcionek. Osiągniemy to skupiając się na najważniejszych informacjach biznesowych i przypisując im odpowiedniej wielkości czcionki i kolory.

spójność ux ui

Źródło: dashboard-rodzaje-i-najczestsze-bedy

Spójność jest niezwykle istotna. Gdy mamy bardzo dużo danych, elementy dashboardu musimy przesuwać. W efekcie odczyt danych jest fragmentaryczny, a nasza pamięć nie ma już natychmiastowego dostępu do wszystkich informacji. Dlatego jeśli nie możemy zmieścić wszystkich informacji na jednym pulpicie, lepszym rozwiązaniem będzie zbudowanie więcej niż jeden widok (np. widok ogólny, a następnie szczegółowe widoki, które muszą nawiązywać do widoku ogólnego).
Dobry dashboard powinna cechować kompaktowość, czyli zmieszczenie się w widoku zarówno ekranu jak i poszczególnych sekcji, bez konieczność scrollowania w pionie lub poziomie.

 

  1. Zastosuj odpowiedni układ

Badania eye-trackingu  pokazują (Big Data LDN 2017: What does Eye-tracking teach us about Dashboard Design? ), że w cyfrowym świecie większość ludzi czyta treści instynktownie, tak jak książkę. Oznacza to, że naturalnie lewy górny róg ekranu przyciąga najwięcej uwagi.  Z tego względu warto więc umieszczać kluczowe informacje od strony lewej do prawej (w zależności od kraju sytuacja może być odwrotna).

heatmap

Źródło: what-does-eyetracking-teach-us-about-dashboard-design

Jeśli istnieją zależności między wyświetlanymi danymi, które wpływają na podejmowanie decyzji, należy się upewnić, że powiązane wizualizacje umieszczone są obok siebie.

 

  1. Kolory, rozmiary, kształty

Zbyt wiele kolorów obciąża odbiorcę, spowalnia analizę lub ją w ogóle uniemożliwia. Jeśli jakiś kolor nie znajduje uzasadnienia dla całości pulpitu, to znaczy, że jest niepotrzebny i trzeba go usunąć. Warto też uważać, aby kolorystyka nie wprowadzała w błąd.
Przy wyborze kolorów należy pamiętać o osobach z CVD (colour vision deficiency – ślepota barw) wybierając z palety odpowiednie odcienie czerwieni czy zieleni.

ux

Źródło: 7-tips-and-tricks-dashboard-experts

Zasada “mniej znaczy więcej” dotyczy także wykresów. Zanim je zastosujemy, powinniśmy wiedzieć, jakie dane chcemy pokazać użytkownikowi. Wykresy punktowe są używane głównie do analizy korelacji i dystrybucji. Wykres bąbelkowy pomaga wprowadzić trzeci wymiar do wykresu. Do wizualizacji porównania wartości najczęściej stosuje się wykresy kolumnowe i liniowe. Wykres kołowy najlepiej pokazuje części całości. Dobrą praktyką będzie również unikanie pionowych etykiet przy wykresach.

Podsumowanie

Wizualizacja dashboardów nie powinna opierać się wyłącznie na o osobistych preferencjach, ale korzystać z solidnych zasad i najlepszych praktyk poprawiających użyteczność informacji.
Z własnego doświadczenia mogę podpowiedzieć dwie rady:

  1. Nie zniechęcaj się za szybko. Żaden projekt dashboardu nie jest idealny za pierwszym razem. Czas i współpraca z biznesem oraz użytkownikami końcowymi, to sprawdzone sposoby na znalezienie najlepszego rozwiązania. Bierz pod uwagę opinie innych osób, szczególnie nie zaangażowanych w projekt. Wniosą świeże spojrzenie, które zawsze warto brać pod uwagę.
  2. Szukaj inspiracji – oglądaj dashboardy innych projektantów, czytaj opracowania na ich temat. Kiedy zgłębisz temat i przejrzysz najlepsze projekty, z pewnością zainspirujesz się tworzenia coraz lepszych wizualizacji.

I na koniec przykład “z życia wzięty”. Pracując niedawno nad projektem dashboardu do systemu faktoringowego (oprogramowanie dla bankowości), pokazałam efekt koleżance, której opinia brzmiała: “trochę smutny”. Uwagi odbiorców są dla mnie bardzo cenne i chętnie z tych sugestii korzystam. Poniżej poprawiony, mniej smutny projekt. Zresztą oceńcie to sami 🙂

Wizualizacja dashboardów

Author: Katarzyna Suwała, Specjalista UX/UI

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 1,00 out of 5)
Loading...

Zarejestruj się na webinar:

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych dla potrzeb procesu realizacji zgłoszenia (pokaż więcej) przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa), zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”). Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne, ale konieczne do obsługi zgłoszenia oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych w celach marketingowych (pokaż więcej)przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa)oraz otrzymywanie informacji handlowych drogą elektroniczną na adres e-mail i numer telefonu podany przeze mnie, zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”), oraz Ustawy z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną. Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

 

Watch for free

Enter your contact details to receive a link to the recording:

I voluntarily consent to the processing of my personal data for the purposes of the application process (show more) by Altkom Experts sp. z o.o. and Altkom Software & Consulting sp. z o.o. (51 Chłodna Street, 00-867 Warsaw), in accordance with Regulation 2016/679 of the European Parliament and of the Council of 27 April 2016 on the protection of individuals with regard to the processing of personal data and on the free movement of such data ("RoDO"). I am aware that providing the above personal data is voluntary, but necessary to handle the request, and that I have the right to access the content of my data and the possibility of correcting it, and that my consent may be revoked at any time. Please contact the Altkom Data Protection Officer: iodo@altkom.pl.

I voluntarily consent to the processing of my personal data for marketing purposes (show more)by Altkom Experts sp. z o.o. and Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warsaw) and receiving commercial information by electronic means to the e-mail address and telephone number provided by me, in accordance with Regulation 2016/679 of the European Parliament and of the Council of 27 April 2016 on the protection of individuals with regard to the processing of personal data and on the free movement of such data ("RODO"), and the Act of 18 July 2002 on the provision of electronic services. I am aware that providing the above personal data is voluntary and that I have the right to access and correct my data and that my consent may be revoked at any time. Please contact the Altkom Data Protection Officer: iodo@altkom.pl.

 

Zarejestruj się na webinar:

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych dla potrzeb procesu realizacji zgłoszenia (pokaż więcej) przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa), zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”). Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne, ale konieczne do obsługi zgłoszenia oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych w celach marketingowych (pokaż więcej)przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa)oraz otrzymywanie informacji handlowych drogą elektroniczną na adres e-mail i numer telefonu podany przeze mnie, zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”), oraz Ustawy z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną. Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

 

Zarejestruj się na webinar:

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych dla potrzeb procesu realizacji zgłoszenia (pokaż więcej) przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa), zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”). Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne, ale konieczne do obsługi zgłoszenia oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych w celach marketingowych (pokaż więcej)przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa)oraz otrzymywanie informacji handlowych drogą elektroniczną na adres e-mail i numer telefonu podany przeze mnie, zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”), oraz Ustawy z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną. Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

 

Zarejestruj się na webinar:

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych dla potrzeb procesu realizacji zgłoszenia (pokaż więcej) przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa), zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”). Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne, ale konieczne do obsługi zgłoszenia oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl

Wyrażam dobrowolnie zgodę na przetwarzanie moich danych osobowych w celach marketingowych (pokaż więcej)przez Altkom Experts sp. z o.o. oraz Altkom Software & Consulting sp. z o.o. (ul. Chłodna 51, 00-867 Warszawa)oraz otrzymywanie informacji handlowych drogą elektroniczną na adres e-mail i numer telefonu podany przeze mnie, zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych („RODO”), oraz Ustawy z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną. Mam świadomość, iż podanie powyższych danych osobowych jest dobrowolne oraz że posiadam prawo dostępu do treści swoich danych i możliwość ich poprawiania a zgoda może być odwołana w każdym czasie. Kontakt do inspektora ochrony danych osobowych w Altkom: iodo@altkom.pl