Projekt pulpitu nawigacyjnego — rozważania i najlepsze praktyki

Posłuchaj wersji audio tego artykułu

Pulpity nawigacyjne są unikalnym i potężnym sposobem prezentowania inteligencji opartej na danych przy użyciu technik wizualizacji danych, które wyświetlają odpowiednie, przydatne dane, a także śledzą statystyki i kluczowe wskaźniki wydajności (KPI). Pulpity nawigacyjne powinny przedstawiać te dane w szybkim, łatwym do przeskanowania formacie z najistotniejszymi informacjami zrozumiałymi na pierwszy rzut oka.

Termin narodził się z tradycyjnej deski rozdzielczej samochodu i ewoluował, aby pełnić tę samą funkcję w cyfrowym świecie. W swojej książce Stephen Few ujął to najlepiej:

Pulpit nawigacyjny to wizualne przedstawienie najważniejszych informacji potrzebnych do osiągnięcia jednego lub więcej celów; skonsolidowane i uporządkowane na jednym ekranie, dzięki czemu informacje można monitorować na pierwszy rzut oka.

W tym artykule przedstawiamy strategiczne, analityczne, operacyjne i informacyjne przykłady, a także podstawowe zasady, które leżą u podstaw każdego udanego projektu dashboardu, niezależnie od jego rodzaju.

Właściwe podejście do wizualizacji danych to kluczowa cecha w tworzeniu podstaw udanego pulpitu nawigacyjnego. Wizualizacja danych to prezentacja danych za pomocą grafiki i obrazów — jej głównym celem jest pomoc decydentom w identyfikacji wzorców lub zrozumieniu trudnych pojęć, które mogą pozostać niewykryte w aplikacjach tekstowych.

W swojej książce Data Visualization Noah Iliinsky i Julie Steele stwierdzają:

Celem projektanta podczas projektowania wizualizacji danych jest stworzenie elementu wynikowego, który będzie dobrze odbierany i łatwo zrozumiały dla czytelnika. Wszystkie wybory projektowe i poszczególne realizacje muszą temu służyć.

Kluczowe cechy świetnych pulpitów nawigacyjnych

Wydajny pulpit nawigacyjny pokazuje na pierwszy rzut oka przydatne i przydatne informacje. Upraszcza wizualną reprezentację złożonych danych i pomaga interesariuszom zrozumieć, przeanalizować i przedstawić kluczowe spostrzeżenia.

Świetne pulpity nawigacyjne są przejrzyste, intuicyjne i można je dostosowywać.

• Szybko przekazują informacje.
• Wyświetlają informacje wyraźnie i wydajnie.
• Pokazują trendy i zmiany danych w czasie.
• Można je łatwo dostosować.
• Najważniejsze widżety i komponenty danych są efektywnie prezentowane na ograniczonej przestrzeni.

Wstępne dostosowanie danych wizualnych i informacji do kluczowych wymagań użytkowników pomoże poprawić użyteczność i wyeliminować potrzebę stosowania różnych person.

Świetne pulpity nawigacyjne zapewniają wszystko za jednym kliknięciem.

• Wszystkie niezbędne informacje są natychmiast dostępne.
• Dane mają priorytet.
• Informacje są wyświetlane wyraźnie w wizualnej hierarchii na jednym ekranie.
• Projekt zapewnia spójny przegląd, który obejmuje nieliczne, jasne dane początkowe z dodatkowymi możliwościami dogłębnego przeanalizowania.
• Elementy (wykres, tabela, formularz) są wyświetlane w zminimalizowanym widoku z możliwością wywołania większej ilości szczegółów w oknie modalnym lub przejścia do bardziej szczegółowej strony.
• Projekt poprawia użyteczność dzięki filtrom, które pozwalają użytkownikom dostosować sposób wyświetlania danych i filtrować zawartość za pomocą etykiet, kategorii i wskaźników KPI.

Zmniejszona złożoność zapewnia przejrzystość

W świecie przepełnionym danymi dostarczanie jasnych informacji jest jedną z najtrudniejszych rzeczy do osiągnięcia. Prezentowanie tylko najistotniejszych danych na pulpitach nawigacyjnych jest niezbędne — im więcej informacji wyświetlamy, tym trudniej użytkownikom znaleźć to, czego potrzebują.

W obliczu zbyt dużej ilości danych do wyboru projektanci powinni wyświetlać tylko najbardziej odpowiedni podzbiór. Musimy ustalić priorytety i ostrożnie usunąć wprowadzające w błąd i niejasne metryki.

Skuteczne decyzje dotyczące projektowania kokpitów powinny kierować się:

• cele projektu
• charakter danych
• potrzeby użytkowników

Czytając wizualizację (lub jakikolwiek inny rodzaj komunikacji), Twój czytelnik ma ograniczoną moc umysłu, aby poświęcić się problemowi. Część tej siły umysłowej będzie poświęcona dekodowaniu wizualizacji; wszelkie pozostałe zdolności umysłowe mogą być następnie wykorzystane do zrozumienia przekazu (jeśli czytelnik nie poddał się jeszcze z frustracją). Noah Iliinsky i Julie Steele (Wizualizacja danych)

Głównym celem pulpitu nawigacyjnego jest zapewnienie dostępności i łatwości przyswajania złożonych informacji. Dlatego interfejs prezentujący dane powinien być przejrzysty i prosty, aby zminimalizować obciążenie poznawcze użytkowników i czas spędzony na wyszukiwaniu.

Architektura informacji powinna w pierwszej kolejności przedstawiać najważniejsze dane, umożliwiając jednocześnie dostęp do wskaźników pomocniczych lub wtórnych. Należy zaprojektować progresywny system drążenia, który zaczyna się od ogólnego przeglądu, a następnie przechodzi do bardziej szczegółowych informacji — ułatwia ustalanie priorytetów danych i zapewnia przejrzystość.

Określanie celów pulpitu nawigacyjnego i wyświetlanie odpowiednich danych

Projektując pulpity nawigacyjne, projektanci, którzy odnieśli sukces, zaczynają od dobrze zdefiniowanego zestawu celów, skupiając się na problemie do rozwiązania i kluczowych, praktycznych spostrzeżeniach, które ludzie muszą wyciągnąć z danych.

Dobre cele projektowe sprzyjają wydajnemu i precyzyjnemu wykonaniu. Stosowanie ram SMART do wyznaczania celów kładzie nacisk na konkretne , mierzalne , wykonalne , realistyczne i określone w czasie cele.

Kilka kluczowych pytań, które należy zadać podczas określania celów projektu dashboardu:

• Ile kroków muszą wykonać użytkownicy, aby osiągnąć określony cel?
• Czy interfejs jest wystarczająco intuicyjny, aby użytkownik mógł samodzielnie osiągnąć swój cel?
• Jakich informacji potrzebuje użytkownik, aby skutecznie osiągnąć swój cel?

Aby określić, jaki może być cel konkretnego projektu pulpitu nawigacyjnego, zdefiniuj go, pytając: „Jaki konkretny problem rozwiąże ten projekt dla użytkownika?” Odpowiedź zapewni wgląd w to, jakie metryki, właściwości, wartości, wizualizacje i dane mają znaczenie.

Projekt zorientowany na cele koncentruje się na rozwiązaniach rzeczywistych problemów i jest podstawą wszystkich wspaniałych projektów deski rozdzielczej. Zacznij od jasnego zrozumienia celów biznesowych, rozważ cele użytkowników, a następnie przekaż kluczowe informacje, które należy przekazać.

Kontekst w projektowaniu pulpitu nawigacyjnego

Jednym z największych wyzwań związanych z projektowaniem dashboardów jest obsługa wielu osób. Po zdefiniowaniu każdej roli użytkownika kluczowe staje się zrozumienie, gdzie ich potrzeby się pokrywają, a gdzie się rozchodzą.

Skuteczna komunikacja to podstawa każdego udanego projektu deski rozdzielczej. Przewidywanie potencjalnych scenariuszy, w jakich mogą się znaleźć użytkownicy, przyczyni się do lepszego zrozumienia sytuacji użytkownika.

Podczas projektowania zawsze pamiętaj o kontekście użytkowników — określ ich wiedzę techniczną, ogólną znajomość systemu, cele i tak dalej.

Pamiętaj, aby zadać następujące pytania, próbując określić zachowanie użytkownika i kontekst:

• Czy projekt uwzględnia kierunek, w jakim przyzwyczajony jest czytelnik?
• Czy interakcja z dashboardem wymaga wiedzy technicznej?
• Czy użytkownicy zdołają wykonać większość czynności za pomocą zaledwie kilku kliknięć?
• Czy projekt jest zgodny z kontekstem użytkownika poprzez tworzenie rozwijanych menu; czy wykorzystuje sugestywną ikonografię i palety barw?

Paleta kolorów użyta w projekcie deski rozdzielczej również powinna być traktowana jako kontekst. Wiele pulpitów nawigacyjnych produktów SaaS typu business-to-business jest zaprojektowanych w interfejsie użytkownika o ciemnej tematyce, ponieważ są używane przez kilka godzin bez przerwy.

Interfejsy z ciemnymi motywami mogą pomóc zmniejszyć zmęczenie oczu i zapewnić przejrzystość wizualną w interfejsie. Jednak przyjęcie takiego podejścia wymaga starannej oceny kierunku projektowania — zalet, wad i potencjalnych pułapek, jak opisano w poprzednim artykule na blogu poświęconym projektowaniu: Dark UI Dos and Don't.

Lepszy projekt pulpitu nawigacyjnego dzięki badaniom użytkowników

Badania użytkowników pomagają stworzyć środowisko, w którym użytkownikom prezentowane są dane, które są istotne, jasne i zwięzłe. Pomaga im to myśleć o treści i danych, których szukają, a nie o tym, jak z nich korzystać i uzyskać do nich dostęp.

Niektóre pulpity nawigacyjne muszą działać — lub można je bez trudu dostosowywać do użytkowników pełniących różne role, patrzących na ten sam podstawowy pulpit nawigacyjny. Badania użytkowników są ważne, ponieważ pomagają określić cele użytkownika, modele umysłowe, kontekst środowiskowy i punkty bólu. Są to czynniki, które mają duży wpływ na ostateczny projekt deski rozdzielczej.

Projektant doświadczeń użytkownika, badacz i autor Mike Kuniavsky zauważa, że ​​jest to „proces zrozumienia wpływu projektowania na odbiorców”.

Projektant musi zdefiniować różne typy użytkowników i zrozumieć, gdzie ich cele są takie same, a gdzie się różnią. Jakie informacje są najbardziej przydatne dla jednego typu użytkownika, a jakie dla innego? Muszą rozważyć, czy musi istnieć inny układ dla różnych typów użytkowników, czy też istnieje rozwiązanie dla bardziej ogólnego przypadku użycia.

Mając to na uwadze, dobrym pomysłem jest rozpoczęcie od podstawowych makiety i przejście do prototypów, które można przetestować na rzeczywistych użytkownikach w fazie badań użytkowników. Naprawdę cenny wgląd może pochodzić z krótkiej fazy badania użytkowników przy zaledwie pięciu użytkownikach — i zaoszczędzi to ogromną ilość czasu w dalszej kolejności.

Progresywne ujawnianie w projektowaniu deski rozdzielczej

Progresywne ujawnianie to technika wykorzystywana do utrzymania uwagi użytkownika poprzez zmniejszenie bałaganu. Stworzenie systemu progresywnego ujawniania informacji pomaga w tworzeniu środowiska zorientowanego na użytkownika, co pomaga priorytetyzować uwagę użytkownika, unikać błędów i oszczędzać czas. Pozwala także użytkownikom skupić się na kluczowych funkcjach, które są dla nich ważne, i nie muszą być zmuszani do przechodzenia przez wszystkie funkcje — w tym te, których nie potrzebują lub którymi nie są zainteresowani.

Stopniowe ujawnianie to najlepsza praktyka projektowania pulpitów nawigacyjnych, która również znacznie zmniejszy liczbę błędów; poprawi wydajność i pomoże użytkownikom lepiej zrozumieć pulpity nawigacyjne, gdy system jest oparty na priorytetyzacji funkcji.

Stopniowe ujawnianie przenosi zaawansowane lub rzadko używane funkcje na drugi ekran, dzięki czemu aplikacje są łatwiejsze do opanowania i mniej podatne na błędy. – Jakob Nielsen

Animacja to świetny sposób na zaspokojenie różnorodnych potrzeb użytkowników, a jednocześnie spełnianie wielu funkcji. Jest to świetna opcja do użycia podczas ładowania danych i wizualizacji oraz zaawansowane rozwiązanie do progresywnego ujawniania informacji.

Animacja to proces tworzenia iluzji ruchu; jest to dynamika, która tworzy poczucie postępu i ciągłe informacje zwrotne, zmniejszając w ten sposób niepewność użytkownika i zwiększając postrzeganą wydajność.

Zalety korzystania z progresywnego ujawniania w dashboardach:

• Zmniejszenie niepewności i niepokoju użytkowników (wyświetlając oznaki postępu, użytkownicy mają pewność, że wszystko działa zgodnie z przeznaczeniem)
• Zapewnienie użytkownikom czegoś do oglądania (częściowe wyświetlanie danych) zamiast zmuszania ich do czekania
• Zapewnienie użytkownikom jasnego oczekiwania co do nadchodzących kroków i zrozumienie sposobu, w jaki informacje są prezentowane hierarchicznie

Potencjalne problemy z progresywnym ujawnianiem i ładowaniem danych obejmują:

• Wykorzystywanie wskaźników i ujawnień w niewłaściwy sposób. Krótkie czasy ładowania i bezużyteczne kroki spowodują rozproszenie uwagi i będą działać wbrew zasadom użyteczności.
• Opóźnienie w pobieraniu danych bez wyraźnego wskaźnika postępu może prowadzić do niepewności użytkownika i wyższych współczynników odrzuceń.
• Korzystanie ze statycznych wskaźników postępu jest rozwiązaniem o niewielkim znaczeniu i nie zapewnia wystarczających informacji o postępie, co może również prowadzić do niepewności użytkownika i wyższych współczynników odrzuceń.

Streszczenie

Pulpity nawigacyjne są potężnym sposobem przekazywania danych i innych informacji, zwłaszcza w przypadku projektowania ukierunkowanego na użytkownika, zorientowanego na cele, zgodnego z najlepszymi praktykami projektowania pulpitów nawigacyjnych i odpowiedniej wizualizacji danych. Chociaż każdy pulpit nawigacyjny jest inny i ma swoje własne cele, wymagania i ograniczenia, przestrzeganie tych podstawowych zasad pomoże w tworzeniu wyjątkowych projektów niezależnie od specyfiki:

• Przede wszystkim wczuj się w typy użytkowników i zrozum ich cele.
• Przekaż użytkownikom przejrzystą historię, korzystając z sugestywnych elementów wizualnych, etykiet, technik progresywnego ujawniania i animacji.
• Ułatw skomplikowane rzeczy, stosując techniki badania użytkowników.
• Ujawniaj dane i informacje we właściwym czasie, w systemie hierarchicznym.
• Użyj wizualizacji danych, aby wyrazić informacje w znaczący sposób.

• • •

Dalsza lektura na blogu Toptal Design:

• eCommerce UX – przegląd najlepszych praktyk (z infografiką)
• Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
• Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
• Zasady heurystyczne dla interfejsów mobilnych
• Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika