Accelerating Dashboard Design – ukázka řešení pro Angry Beards

Aneb jak neskončit už na začátku.

Karolina Everlingová

31. března 2025

V krátkém videu vám náš vizualista a inženýr Ondřej Ivan ukáže, jak společně s klientem definujeme zadání na vytváření funkčního datového produktu, který přináší skutečnou hodnotu.

Na příkladu spolupráce s Jakubem Szlaurerem, Brand Ownerem značky Angry Beards, vznikl během 3 hodin kompletní návrh dashboardu.

Proč to funguje?

Iterace v reálném čase = méně chyb, více hodnoty
Rychlé zapojení klienta
Jasná struktura: wireframe → mockup → prototyp
Zaměření na to, co klient opravdu potřebuje

Jak postupujeme?

Discovery Workshop

První seznámení s úkolem. V Jakubově případě šlo o zaslání jeho představy v písemném dokumentu.
V závislosti na velikosti firmy se zpravidla koná první schůzka s celým vedením a sbíráme desítky případů užití.

Porozumění potřebám
Co chceme nahradit, co vytváříme nově?
Uživatelské scénáře

Setkání se zadavatelem

Osobní setkání s vlastníkem konkrétního řešení nebo oblasti – tady Brand Manager. Výsledkem první schůzky je často několik use cases přes celou firmu, na individuální schůzce se proto zaměřujeme na jednoho zadavatele.

První schůzka k návrhu

Společný (běžně online meeting) kdy náš designér tvoří první návrh řešení ve Figmě. Od klienta tak máme okamžitou zpětnou vazbu.

Wireframe

Niekedy sa stihne na jednom stretnutí, niekedy dvoch. Rychlý návrh struktury celého dashboardu.

Jaká vizualizace nejlépe odpoví na otázky?
Pohled na data z různých úhlů
Definice potřebných dat

Mockup Review

Krátká diskuze nad barevným schématem a vizuální podobou finálního produktu. Zahrnuje také doladění filtrování a podrobnosti o tom, jak bude výrobek používán.