Zasady dashboardu: 5-15 paneli (obciążenie poznawcze), spójna skala czasu, kolory semantyczne (czerwony=błąd, zielony=ok, żółty=ostrzeżenie), hierarchia informacji (najważniejsze na samej górze).
Dobry dashboard odpowiada w sekundy, nie minuty. Cztery zasady: mało paneli, wspólny czas, mądre kolory i hierarchia.
- Ograniczenie liczby paneli – optymalny pulpit zawiera od 5 do 15 paneli; nadmiar wykresów wywołuje szum i utrudnia koncentrację.
- Globalna synchronizacja czasu – wspólny selektor przedziału czasowego gwarantuje spójność analizy zdarzeń na wszystkich wykresach.
- Semantyczna rola kolorów – barwa czerwona oznacza awarię, żółta ostrzeżenie, a zielona poprawność, z uwzględnieniem czytelności dla daltonistów.
- Hierarchia ważności informacji – kluczowe wskaźniki SLO i stan budżetu umieszcza się na samej górze, a szczegóły techniczne poniżej.
- Organizacja według metodyk RED i USE – logiczny podział na wiersze oddziela metryki ruchu aplikacji od parametrów sprzętowych serwerów.
Obciążenie poznawcze: Limit możliwości percepcyjnych operatora; dlatego dashboard ma 5-15 paneli, spójną skalę czasu i hierarchię z najważniejszym na górze.
Ergonomia i psychologia percepcji w projektowaniu pulpitów: Zgodnie z psychologicznym prawem Millera, ludzka pamięć robocza jest w stanie efektywnie przetwarzać jednocześnie 7 ± 2 elementy informacji. Przeładowanie pulpitu kilkudziesięcioma wykresami wywołuje paraliż analityczny – inżynier w obliczu awarii nie wie, na który panel patrzeć. Dlatego profesjonalny dashboard operacyjny stosuje ścisłą hierarchię: na samej górze umieszcza się stan realizacji celów SLO i budżetu błędów (widok syntetyczny), poniżej metryki ruchu aplikacji (RED), a na samym dole szczegóły infrastruktury (USE). Jeśli dany wykres nie prowadzi do konkretnej decyzji operacyjnej, nie powinien znajdować się na głównym pulpicie.
Projektowanie pulpitów operacyjnych podlega zasadom ergonomii interakcji określonym w normie PN-EN ISO 9241-110. Obowiązuje reguła 5 sekund: inżynier dyżurny musi w ciągu 5 sekund ocenić stan zdrowia usługi na podstawie kolorystycznych progów semantycznych. Układ elementów musi realizować zasadę odwróconej piramidy: u góry zagregowane wskaźniki SLI/SLO usługi, pośrodku dynamika żądań i błędów, a na dole szczegółowe nasycenie zasobów.
Dobry dashboard wyróżnia nie estetyka, lecz inżynieria użyteczności, dlatego zanim zaczniemy kleić panele, warto poznać kanon zasad projektowych. Limit poznawczy, spójność czasowa, semantyka kolorów i hierarchia informacji - to one odróżniają pulpit operacyjny od zwykłej kolekcji wykresów. Pamiętaj, że dashboard ma odpowiedzieć na pytanie operacyjne w sekundy, nie w minuty. Te zasady są uniwersalne: obowiązują zarówno w widokach NOC, jak i w widokach zarządczych, i powinny stać się twoją checklistą przy każdym przeglądzie dashboardu.
Pierwsza zasada dotyczy liczby paneli, bo zagadnienie to nazywa się zarządzaniem obciążeniem poznawczym, czyli cognitive load management. Ludzka pamięć robocza mieści przeciętnie 7±2 obiekty naraz - to prawo Millera, jedno z najbardziej znanych w psychologii poznawczej. Dlatego 30 paneli na jednym ekranie nie daje wiedzy, lecz tylko szum: kluczowe sygnały toną w gęstości elementów, a operator traci skupienie. Trzymaj się zakresu 5-15 paneli i grupuj je logicznie - metryki RED (Rate, Errors, Duration) dla usług, metryki USE (Utilization, Saturation, Errors) dla infrastruktury. Zasada prosta: każdy panel musi odpowiadać na jedno, jasne pytanie. Mniej znaczy więcej.
Druga zasada, spójność czasowa, czyli temporal consistency, wynika z tego, że wszystkie panele powinny pokazywać ten sam wycinek czasu. Globalny selektor czasu w prawym górnym rogu steruje wszystkimi panelami jednocześnie. Zmienne $__range i $__interval w zapytaniach PromQL sprawiają, że rozdzielczość wykresu sama dopasowuje się do wybranego okna - na krótkim zakresie mamy gęste punkty, na długim zagęszczenie maleje. Połączone dashboardy, przez które schodzimy w dół przy drill-downie, zachowują zakres czasu. Dzięki temu znika irytujące pytanie: dlaczego ten wykres pokazuje inny czas?
Trzecia zasada to czytelne etykiety i kolory, czyli semantyka kolorów. Legenda powinna zawierać czytelną nazwę metryki i jej kluczowe etykiety, na przykład instance, job czy handler - a nie surowy identyfikator serii. Kolory mają stałe znaczenie: czerwony oznacza błąd i stan krytyczny, zielony stan dobry, żółty ostrzeżenie, a niebieski neutralną informację. Wybieraj palety przyjazne dla daltonistów, jak ColorBrewer czy Viridis - są bezpieczne dla osób z deuteranopią lub protanopią, a to około 8% mężczyzn. Spójna kolorystyka na wszystkich dashboardach to duże ułatwienie poznawcze.
Czwarta zasada to hierarchia informacji, czyli information architecture. Układ podporządkowujemy decyzjom, a nie porządkowi alfabetycznemu. Na górze, w strefie „above the fold", umieszczamy sygnały krytyczne: status SLO, procent zużytego budżetu błędów, aktywne alerty i najważniejsze sygnały nasycenia. W środku metryki RED i USE w ujęciu per usługa. Na dole szczegóły - per instancja, per endpoint, per zapytanie do bazy. Taka kolejność prowadzi wzrok operatora: najpierw odpowiadamy, czy jest problem, potem gdzie, a na końcu dlaczego.
Terminologia: cognitive load (obciążenie poznawcze), information hierarchy (hierarchia informacji), time picker (selektor czasu), semantic colors (kolory semantyczne), above the fold (strefa ponad zagięciem ekranu), clarity (czytelność), layout (układ).
Dobry dashboard to nie kwestia estetyki, lecz inżynierii użyteczności - ma odpowiedzieć na pytanie operacyjne w kilka sekund, a nie w kilka minut. W tym slajdzie omówimy cztery zasady projektowe, które odróżniają pulpit operacyjny od zwykłej kolekcji wykresów: limit liczby paneli, spójność czasową, semantykę kolorów i hierarchię informacji. Każda z nich rozwiązuje konkretny problem, od przeciążenia poznawczego po zatopione w szczegółach krytyczne wskaźniki, dlatego warto potraktować je jako stałą checklistę przy każdym przeglądzie pulpitu.
Za zasadami stoją konkretne fakty. Ludzka pamięć robocza mieści przeciętnie siedem plus minus dwa obiekty naraz - to prawo Millera - stąd zalecane pięć do piętnastu paneli, a metryki dobrze jest grupować według schematów RED dla usług i USE dla infrastruktury. Globalny selektor czasu steruje wszystkimi panelami jednocześnie, a palety przyjazne daltonistom, jak Viridis czy ColorBrewer, są bezpieczne dla części odbiorców. W strefie nad zagięciem ekranu, na samej górze, umieszczamy status SLO, budżet błędów i aktywne alerty.
Wyjaśnienie skrótów użytych na slajdzie:
ISO – International Organization for Standardization – Międzynarodowa Organizacja Normalizacyjna; Instytucja definiująca międzynarodowe normy ergonomii interfejsów (np. seria ISO 9241).
UI – User Interface – interfejs użytkownika; Warstwa wizualna platformy analitycznej decydująca o czytelności prezentowanych danych.
UX – User Experience – doświadczenie użytkownika; Dobre praktyki projektowe eliminujące szum informacyjny i przeciążenie poznawcze inżyniera.
RED – Rate, Errors, Duration – metoda RED (częstotliwość, błędy, czas trwania); Wzorzec kompozycji paneli dla usług aplikacyjnych w architekturze mikroserwisowej.
USE – Utilization, Saturation, Errors – metoda USE (utylizacja, nasycenie, błędy); Wzorzec układu pulpitów dla zasobów sprzętowych (CPU, pamięć, sieć, dyski).