Primjeri dizajna dashboarda: 14 rasporeda i šta ih čini dobrim

Dobar dizajn dashboarda počinje pitanjem, a ne grafikonom: ko gleda, šta treba da odluči i koliko često? Najbolji dashboardi stavljaju nekoliko glavnih brojeva s kontekstom na vrh, objašnjavaju promjene grafikonima ispod, drže filtere uočljivim i omogućavaju ljudima da reaguju na ono što vide. Većina pravih dashboarda je iza prijave, zato ispod su tri javna primjera koje smo provjerili u oktobru 2026, zatim jedanaest uobičajenih rasporeda opisanih bez navođenja proizvoda. Nakon toga slijede kontrolna lista dizajna, greške koje treba izbjegavati i kako napraviti svoj dashboard.

Četrnaest primjera ukratko

Javni primjeri dashboarda

Opisano je stanje od oktobra 2026.

1. Plausibleov live demo

Plausible, alat za web analitiku usmjeren na privatnost, objavljuje live demo analitike vlastitog sajta koji svako može istraživati. Njihova dokumentacija opisuje izvještaje kao što je Top Pages, s pregledima stranica, stopom napuštanja, vremenom na stranici i dubinom skrolovanja, te ulaznim i izlaznim stranicama. Dugme za filter omogućava segmentaciju po stranici pravilima „je“, „nije“ i „sadrži“, a dokumentacija pokriva poređenje statistike kroz vrijeme.

Šta naučiti: javna demo verzija sa stvarnim podacima omogućava ljudima da procijene dashboard prije registracije, a mali broj jednostavnih izvještaja s jednim sistemom filtera lako je razumjeti bez obuke. Otvorite demo i pogledajte kako su izvještaji raspoređeni.

2. Stripe Dashboard

Stripeova dokumentacija opisuje početnu stranicu s analitikom i grafikonima o poslovnim rezultatima, koja ujedno ističe važna obavještenja, kao što su nerješeni sporovi. Na pregledu birate koji se widgeti prikazuju. Bočna navigacija vodi do lista na koje reagujete (stanja, transakcije, kupci, katalog proizvoda), svaka s filterima i izvozom. Pritiskom na „?“ prikazuju se prečice na tastaturi, sandboxovi vam omogućavaju testiranje bez dodirivanja stvarnih podataka, a postoji i mobilna aplikacija za iOS i Android.

Šta naučiti: uparite prikaz „kako nam ide?“ s upozorenjima „šta traži moju pažnju?“, i neka svaka osoba prilagodi svoj pregled.

3. Grafana

Grafanina dokumentacija opisuje dashboarde izgrađene od panela, pri čemu svaki izvršava upit nad izvorom podataka, organizovanih u redove ili kartice. Varijable omogućavaju da jedan dashboard prebacuje, recimo, između servera ili okruženja.

Šta naučiti: varijable sprječavaju da napravite deset kopija istog dashboarda. Grupisanje panela u sklopive redove čini zauzete dashboarde čitljivim.

Rasporedi dashboarda koje možete kopirati

4. Dashboard SaaS metrika

Gornji red: mjesečni ponavljajući prihod, novi kupci, izgubljeni kupci i aktivni korisnici, svaki s promjenom u odnosu na prethodni mjesec. Ispod: linijski grafikon MRR-a, raspodjela po planu i lista nedavnih registracija. Naš vodič o SaaS metrikama objašnjava svaki broj.

5. Dashboard prodajnog lijevka

Lijevak ili stupčasti grafikon poslova po fazi, vrijednost lijevka po vlasniku, poslovi koji se zatvaraju ovog mjeseca i lista poslova bez aktivnosti u posljednjih sedam dana. Klikom na posao otvara se, pa je dashboard ujedno i lista zadataka.

6. Admin za e-trgovinu

Današnje narudžbe, prihod i prosječna vrijednost narudžbe na vrhu; lista „neposlatih narudžbi“ kao glavni dio; proizvodi s niskim zalihama i nedavne recenzije sa strane. Najčešća radnja, označavanje narudžbe kao poslate, treba da bude jedan klik.

7. Dashboard podrške

Otvoreni tiketi, tiketi koji čekaju vaš tim, medijan vremena prvog odgovora i tiketi po oznaci. Ispod je živi red čekanja sortiran po starosti. Istaknite sve što prekoračuje rok za odgovor.

8. Dashboard zaliha

Artikli ispod nivoa za ponovnu nabavku prvi, s dugmetom „naruči“. Zatim vrijednost zaliha po kategoriji, nedavna kretanja i artikli bez prodaje u zadatom periodu. Pogledajte kako napraviti aplikaciju za upravljanje zalihama.

9. Dashboard projekata

Jedan red po projektu sa statusom, vlasnikom, rokom i procentom završenosti, plus lista zakasnelih zadataka kroz sve projekte. Obojite samo izuzetke (kasni, blokirano) da se istaknu.

10. Marketing dashboard

Posjete, registracije i stopa konverzije po kanalu za odabrani period; grafikon registracija kroz vrijeme s označenim pokretanjima kampanja; najposjećenije ulazne stranice.

11. Finansijski dashboard

Stanje gotovine, fakture koje dospijevaju i kasne, troškovi ovog mjeseca u odnosu na prošli i predstojeće obaveze. Detalje računovodstvenog nivoa čuvajte u izvještajima; dashboard je za pregled.

12. Dashboard za kliniku ili rezervacije

Današnji termini na vremenskoj liniji, otkazivanja i nedolasci, slobodni termini i nove rezervacije. Dovoljno veliko da se čita na prvi pogled s ekrana na recepciji.

13. Dashboard za lično praćenje

Trenutni niz, napredak prema nekoliko ciljeva i kalendarska toplotna mapa aktivnosti. Motivira više nego što analizira, pa neka stane na jedan ekran.

14. Dashboard za klijente

Svaki klijent se prijavi i vidi samo svoje projekte, izvještaje ili rezultate. Jasne oznake, bez internog žargona i dugme za izvoz vlastitih zapisa. Ovo zahtijeva ispravnu prijavu i dozvole; pogledajte kontrolu pristupa zasnovanu na ulogama.

Šta najbolji dashboardi imaju zajedničko

• Jasno imenovanu publiku i svrhu. „Za šefa podrške, provjerava se svako jutro.“
• Glavne brojeve na vrhu, svaki s kontekstom: poređenjem, ciljem ili trendom.
• Grafikone koji odgovaraju pitanju. Linije za trendove kroz vrijeme, stupci za poređenje kategorija, tabele za tačne vrijednosti.
• Uočljive filtere, posebno za period, primijenjene na sve na stranici.
• Izuzeci se ističu. Boju koristite za ono što traži pažnju, a ne za ukras.
• Put do akcije. Kliknete broj da vidite redove iza njega, pa reagujete.
• Dosljedne definicije. „Aktivan korisnik“ znači isto svuda, a definicija je zapisana.
• Brzina. Spori dashboardi prestaju da se otvaraju.

Česte greške

• Prikazivanje svega što možete mjeriti. Više grafikona znači da svaki manje primijeti.
• Brojevi bez konteksta. „1.240“ malo znači bez prethodnog perioda ili cilja.
• Kružni grafikoni s mnogo isječaka. Teško se upoređuju; sortirani stupčasti grafikon je obično jasniji.
• Previše boja. Jake boje čuvajte za upozorenja i jedan istaknuti niz.
• Zastarjeli podaci bez vremenske oznake. Uvijek prikažite kada su podaci zadnji put ažurirani.
• Nema mobilnog prikaza za dashboarde koje ljudi provjeravaju u pokretu.
• Miješanje publike. Izvještaj za upravni odbor i dnevni operativni pregled rijetko pripadaju istoj stranici.

Kako napraviti svoj dashboard

1. Zapišite pitanja na koja dashboard mora odgovoriti i ko ih postavlja.
2. Navedite izvore podataka: bazu vaše aplikacije, tabelu ili API drugog alata.
3. Skicirajte raspored: glavni brojevi, dva do četiri grafikona, jedna lista za akciju.
4. Napravite ga. Sa Mythexom dashboard opisujete u chatu i vidite ga kako radi u live pregledu. Može napraviti bazu, prijavu i uloge koje dashboard treba, a objavljujete ga na URL jednim klikom. Pogledajte šablone kao polaznu tačku. Ako su vaši podaci već u skladištu i trebate ad-hoc analizu, BI alat vam može bolje odgovarati; ako su u tabeli, pogledajte kako povezati Google Sheets s vašom aplikacijom.
5. Testirajte sa stvarnim korisnikom. Posmatrajte ga kako koristi dashboard nedelju dana i uklonite ono što ignoriše.

Za cijeli postupak pročitajte kako napraviti dashboard.

Kako smo odabrali ove primjere

Većina dashboarda je privatna, pa smo naveli samo proizvode čiji su dashboardi javni ili dokumentovani na njihovim sajtovima, i opisali šta su te stranice pokazivale u oktobru 2026. Ostali rasporedi su uobičajeni obrasci opisani općenito, a nisu kopije nekog konkretnog proizvoda.

Pitanja