Projektowanie dashboardów

Koncepcje projektowania dashboardów

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Dlaczego projekt ma znaczenie?

 

  • Firma: NASDAQ
  • Potrzeba: przekazywanie codziennych danych rynkowych przeciętnemu inwestorowi
  • Rozwiązanie: wyświetlacz pojedynczej wartości w czasie rzeczywistym na Times Square

 

Dlaczego linie trendu nie są najlepszym rozwiązaniem?

 

giełda papierów wartościowych

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Koncepcje projektowania dashboardów

Dlaczego projekt ma znaczenie?

 

  • Firma: NASDAQ
  • Potrzeba: przekazywanie codziennych danych rynkowych przeciętnemu inwestorowi
  • Rozwiązanie: wyświetlacz pojedynczej wartości w czasie rzeczywistym na Times Square

 

Dlaczego linie trendu nie są najlepszym rozwiązaniem?

 

giełda papierów wartościowych

 

Insights historyczne a wskaźniki czasu rzeczywistego

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Koncepcje projektowania dashboardów

Elementy projektu

                Odbiorcy

  • Kto będzie korzystać z tego dashboardu?
  • Jakie są ich potrzeby?
  • Jaki format jest odpowiedni dla odbiorców?
  • Jak często będzie używany?

  odbiorcy

                        Komponenty

  • Cel: eksploracyjny a objaśniający
  • Format: poziomy a pionowy
  • Układ: siatka a flex
  • Wizualizacje: wartości, wymiary, kształty

 

komponenty

Koncepcje projektowania dashboardów

Cel dashboardu

              Dashboard eksploracyjny

dashboard eksploracyjny

Dashboard eksploracyjny umożliwia użytkownikom eksplorację danych.

                    Dashboard objaśniający

dashboard objaśniający

Dashboard objaśniający dostarcza użytkownikom gotowych wniosków.

Koncepcje projektowania dashboardów

Dashboard eksploracyjny

 

dashboard eksploracyjny

 

 

  • Filtry do niestandardowej segmentacji danych
1 Baucke, Spencer. (2022). Dashboard design essentials.
Koncepcje projektowania dashboardów

Dashboard eksploracyjny

 

dashboard eksploracyjny

 

 

  • Filtry do niestandardowej segmentacji danych
  • Konfigurowalne panele nawigacyjne
1 Baucke, Spencer. (2022). Dashboard design essentials.
Koncepcje projektowania dashboardów

Dashboard eksploracyjny

 

dashboard eksploracyjny

 

 

  • Filtry do niestandardowej segmentacji danych
  • Konfigurowalne panele nawigacyjne
  • Szczegółowe przejście do widoku ziarnistego
1 Baucke, Spencer. (2022). Dashboard design essentials.
Koncepcje projektowania dashboardów

Dashboard eksploracyjny

 

dashboard eksploracyjny

 

 

  • Filtry do niestandardowej segmentacji danych
  • Konfigurowalne panele nawigacyjne
  • Szczegółowe przejście do widoku ziarnistego
  • Interaktywne wizualizacje (najazd kursora, podpowiedzi)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Koncepcje projektowania dashboardów

Dashboard objaśniający

 

dashboard objaśniający

 

 

  • Dane są często wstępnie przefiltrowane
  • Predefiniowana narracja
  • Prezentacja dla kadry zarządzającej
  • Wezwanie do działania
1 Baucke, Spencer. (2022). Dashboard design essentials.
Koncepcje projektowania dashboardów

Rozmiar dashboardu

                      Przestrzeń fizyczna

  • Rozmiar monitora – przekątna ekranu

      Komputer stacjonarny, laptop, tablet, urządzenia mobilne

rozmiar monitora

Koncepcje projektowania dashboardów

Rozmiar dashboardu

                      Przestrzeń fizyczna

  • Rozmiar monitora – przekątna ekranu
  • Rozdzielczość ekranu – liczba pikseli i ich gęstość (szerokość × wysokość)

                          Format

  • Format standardowy – prostokątny dashboard

    • Proporcje – 16:9
    • Wszystkie elementy widoczne na ekranie
    • Brak przewijania

  • Format wydłużony – poziomy lub pionowy

      Komputer stacjonarny, laptop, tablet, urządzenia mobilne

rozmiar monitora

                Poziomy (styl osi czasu) format wydłużony

Koncepcje projektowania dashboardów

Rozmiar dashboardu

                      Przestrzeń fizyczna

  • Rozmiar monitora – przekątna ekranu
  • Rozdzielczość ekranu – liczba pikseli i ich gęstość (szerokość × wysokość)

                          Format

  • Format standardowy – prostokątny dashboard

    • Proporcje – 16:9
    • Wszystkie elementy widoczne na ekranie
    • Brak przewijania

  • Format wydłużony – poziomy lub pionowy

      Komputer stacjonarny, laptop, tablet, urządzenia mobilne

rozmiar monitora

                Pionowy (styl kolumny prasowej) format pionowy

Koncepcje projektowania dashboardów

Układ dashboardu

                  System siatki system siatki

  • Macierz dwuwymiarowa
  • Zrównoważona i symetryczna
  • Prosta nawigacja
  • Duże liczby zagregowane (BAN) – górny wiersz

                                Fokus

fokus F

fokus F

1 Baucke, Spencer. (2022). Dashboard design essentials.
Koncepcje projektowania dashboardów

Czas na ćwiczenia!

Koncepcje projektowania dashboardów

Preparing Video For Download...