Příklady návrhu dashboardů: 14 rozvržení a co je dělá dobrými

Dobrý návrh dashboardu začíná otázkou, ne grafem: kdo se dívá, co potřebuje rozhodnout a jak často. Nejlepší dashboardy dávají na vrch pár hlavních čísel s kontextem, změny vysvětlují grafy pod nimi, udržují filtry na očích a dovolují lidem reagovat na to, co vidí. Většina skutečných dashboardů je za přihlášením, proto níže uvádíme tři veřejné příklady, které jsme v říjnu 2026 prověřili, a potom jedenáct běžných rozvržení popsaných bez uvedení konkrétního produktu. Následuje kontrolní seznam návrhu, chyby, kterým se vyhnout, a jak si vytvořit vlastní.

14 příkladů na první pohled

Veřejné příklady dashboardů

Popisy platí k říjnu 2026.

1. Živé demo Plausible

Plausible, nástroj pro webovou analytiku zaměřený na soukromí, zveřejňuje živé demo analytiky vlastního webu, které si může prohlédnout kdokoli. Jeho dokumentace popisuje přehledy jako Nejnavštěvovanější stránky se zobrazeními stránek, mírou okamžitého opuštění, časem na stránce a hloubkou scrollování, a také vstupní a výstupní stránky. Tlačítko filtru umožňuje segmentovat podle stránky pomocí pravidel „je“, „není“ a „obsahuje“ a dokumentace popisuje porovnání statistik v čase.

Co si z něj vzít: veřejné demo se skutečnými daty umožní lidem posoudit dashboard dřív, než se registrují, a malá sada jednoduchých přehledů s jedním systémem filtrů se chápe bez zaškolení. Otevřete si demo sami a všimněte si, jak jsou přehledy rozložené.

2. Stripe Dashboard

Dokumentace Stripe popisuje domovskou stránku s analytikou a grafy o výkonu podnikání, která zároveň zobrazuje důležitá upozornění, například nevyřešené spory. Přehled si můžete složit z widgetů podle sebe. Postranní panel vede k seznamům, se kterými pracujete (zůstatky, transakce, zákazníci, katalog produktů), a každý má filtry a export. Stisknutí „?“ ukáže klávesové zkratky, sandboxy umožňují zkoušet bez zásahu do živých dat a existuje mobilní aplikace pro iOS a Android.

Co si z něj vzít: spojte pohled „jak se nám daří?“ s upozorněními „co potřebuje mou pozornost?“ a nechte každého přizpůsobit si přehled.

3. Grafana

Dokumentace Grafany popisuje dashboardy skládané z panelů, z nichž každý spouští dotaz na zdroj dat, uspořádané do řádků nebo záložek. Proměnné umožní jednomu dashboardu přepínat třeba mezi servery nebo prostředími.

Co si z něj vzít: proměnné vám zabrání vytvářet deset kopií téhož dashboardu. Seskupení panelů do sbalitelných řádků udrží plné dashboardy čitelné.

Rozvržení dashboardů, která můžete zkopírovat

4. Dashboard metrik SaaS

Horní řádek: měsíční opakované tržby (MRR), noví zákazníci, odešli zákazníci a aktivní uživatelé, každý se změnou oproti minulému měsíci. Pod tím: trendová čára MRR, rozpad podle tarifu a seznam nedávných registrací. Náš průvodce metrikami SaaS vysvětluje každé číslo.

5. Dashboard prodejní pipeline

Levkový nebo sloupcový graf obchodů podle fáze, hodnota pipeline podle vlastníka, obchody uzavírané tento měsíc a seznam obchodů bez aktivity za týden. Kliknutí na obchod ho otevře, takže dashboard je zároveň seznam úkolů.

6. Administrace e-shopu

Nahoře dnešní objednávky, tržby a průměrná hodnota objednávky; hlavní částí seznam „nevyřízených objednávek“; po straně produkty s nízkými zásobami a nedávné recenze. Nejčastější akce, označení objednávky jako odeslané, by měla být na jeden klik.

7. Dashboard podpory

Otevřené tikety, tikety čekající na váš tým, mediánová doba první odezvy a tikety podle štítků. Pod tím živá fronta seřazená podle stáří. Zvýrazněte vše, co poruší cíl odezvy.

8. Dashboard skladu

Nejdřív položky pod minimální zásobou s akcí „doobjednat“. Potom hodnota zásob podle kategorie, nedávné pohyby a položky bez prodeje za daný čas. Viz jak vytvořit aplikaci pro správu skladu.

9. Dashboard projektů

Jeden řádek na projekt se stavem, vlastníkem, termínem a procentem hotovo, plus seznam zpožděných úkolů napříč všemi projekty. Barvou označte jen výjimky (zpožděné, zablokované), aby vynikly.

10. Marketingový dashboard

Návštěvníci, registrace a míra konverze podle kanálu za vybrané období; graf registrací v čase s vyznačenými spuštěními kampaní; nejnavštěvovanější vstupní stránky.

11. Finanční dashboard

Zůstatek v hotovosti, splatné a po splatnosti faktury, výdaje tento měsíc oproti minulému a nadcházející účty. Detailní účetnictví nechte v přehledech; dashboard slouží pro přehled.

12. Dashboard kliniky nebo rezervací

Dnešní termíny na časové ose, zrušení a nedostavení se, volné termíny a nové rezervace. Dost velké, aby se dalo přečíst na první pohled z obrazovky na recepci.

13. Dashboard osobního sledování

Aktuální série, pokrok k několika cílům a kalendářová tepelná mapa aktivity. Spíš motivující než analytický, proto ho držte na jedné obrazovce.

14. Dashboard pro klienty

Každý klient se přihlásí a vidí jen své projekty, přehledy nebo výsledky. Jasné popisky, žádný interní žargon a tlačítko exportu pro jeho vlastní záznamy. To vyžaduje řádné přihlášení a oprávnění; viz řízení přístupu podle rolí.

Co mají nejlepší dashboardy společné

• Pojmenované publikum a účel. „Pro vedoucího podpory, kontroluje se každé ráno.“
• Hlavní čísla nahoře, každé s kontextem: srovnáním, cílem nebo trendem.
• Grafy, které odpovídají otázce. Čáry pro trendy v čase, sloupce pro srovnání kategorií, tabulky pro přesné hodnoty.
• Zřetelné filtry, zejména období, uplatněné na vše na stránce.
• Výjimky vynikají. Barvu používejte pro to, co potřebuje pozornost, ne jako dekoraci.
• Cesta k akci. Kliknete na číslo a uvidíte řádky, které za ním jsou, a pak s nimi pracujete.
• Jednotné definice. „Aktivní uživatel“ znamená všude totéž a definice je zapsaná.
• Rychlost. Pomalé dashboardy přestanou někdo otevírat.

Časté chyby

• Zobrazovat všechno, co lze změřit. Čím víc grafů, tím méně si každý všimne.
• Čísla bez kontextu. „1 240“ moc neříká bez minulého období nebo cíle.
• Koláčové grafy s mnoha výseky. Těžko se porovnávají; seřazený sloupcový graf bývá jasnější.
• Příliš mnoho barev. Silné barvy vyhraďte upozorněním a jedné zvýrazněné řadě.
• Zastaralá data bez časového razítka. Vždy ukažte, kdy se data naposledy aktualizovala.
• Žádné zobrazení pro mobil u dashboardů, které lidé kontrolují na cestách.
• Mísení publika. Přehled pro vedení a denní provozní pohled spolu zřídka patří na jednu stránku.

Jak si postavit vlastní dashboard

1. Napište otázky, na které musí dashboard odpovídat, a kdo se ptá.
2. Vypište zdroje dat: databáze vaší aplikace, tabulku nebo API jiného nástroje.
3. Načrtněte rozvržení: hlavní čísla, dva až čtyři grafy, jeden seznam k akci.
4. Postavte ho. S Mythexem dashboard popíšete v chatu a uvidíte ho fungovat v živém náhledu. Může vytvořit databázi, přihlášení a role, které dashboard potřebuje, a publikujete ho na URL jedním kliknutím. Pro výchozí bod prohlédněte šablony. Pokud už vaše data žijí v datovém skladu a potřebujete ad-hoc analýzu, může se lépe hodit BI nástroj; pokud jsou v tabulce, podívejte se na jak připojit Google Sheets k vaší aplikaci.
5. Testujte se skutečným uživatelem. Sledujte, jak ho používá týden, a odstraňte to, co ignoruje.

Kompletní postup najdete v článku jak vytvořit dashboard.

Jak jsme příklady vybírali

Většina dashboardů je soukromá, proto jsme jmenovali jen produkty, jejichž dashboardy jsou veřejné nebo zdokumentované na jejich vlastních webech, a popisujeme, co tyto stránky říkaly v říjnu 2026. Ostatní rozvržení jsou běžné vzory popsané obecně, nejsou kopiemi konkrétního produktu.

Otázky