Primjeri dizajna nadzornih ploča: 14 rasporeda i što ih čini dobrima

Dobar dizajn nadzorne ploče počinje pitanjem, a ne grafikonom: tko gleda, što treba odlučiti i koliko često? Najbolje nadzorne ploče na vrhu imaju nekoliko glavnih brojeva s kontekstom, objašnjavaju promjene grafikonima ispod, drže filtre na vidljivom mjestu i omogućuju ljudima da djeluju na onome što vide. Većina stvarnih nadzornih ploča iza je prijave, pa su u nastavku tri javna primjera koje smo provjerili u listopadu 2026., zatim jedanaest čestih rasporeda opisanih bez navođenja proizvoda. Slijede kontrolni popis dizajna, pogreške koje treba izbjegavati i kako izraditi vlastitu.

Četrnaest primjera ukratko

Javni primjeri nadzornih ploča

Ovo je opisano stanjem u listopadu 2026.

1. Plausibleov live demo

Plausible, alat za web analitiku usmjeren na privatnost, objavljuje live demo analitike vlastite web stranice koji može istražiti svatko. Njihova dokumentacija opisuje izvješća kao što je Top Pages, s pregledima stranica, stopom napuštanja, vremenom na stranici i dubinom pomicanja, uz ulazne i izlazne stranice. Gumb za filtriranje omogućuje segmentiranje po stranici pravilima „je“, „nije“ i „sadrži“, a dokumentacija objašnjava usporedbu statistika kroz vrijeme.

Što možete naučiti: javni demo sa stvarnim podacima omogućuje ljudima da procijene nadzornu ploču prije prijave, a mali broj jednostavnih izvješća s jednim sustavom filtara lako se razumije bez obuke. Otvorite demo sami i zabilježite kako su izvješća raspoređena.

2. Stripe Dashboard

Stripeova dokumentacija opisuje početnu stranicu s analitikom i grafikonima o poslovnim rezultatima koja ujedno ističe važna obavještenja, poput neriješenih sporova. Sami birate koji se widgeti pojavljuju u pregledu. Bočna traka vodi do popisa na kojima djelujete (salda, transakcije, kupci, katalog proizvoda), svaki s filtrima i izvozom. Pritiskom na „?“ prikazuju se tipkovni prečaci, sandboxovi vam omogućuju testiranje bez diranja stvarnih podataka, a postoji i mobilna aplikacija za iOS i Android.

Što možete naučiti: spojite prikaz „kako nam ide?“ s upozorenjima „što traži moju pozornost?“ i neka svaka osoba prilagodi vlastiti pregled.

3. Grafana

Grafanina dokumentacija opisuje nadzorne ploče izgrađene od panela, pri čemu svaki izvodi upit prema izvoru podataka, organiziranih u redove ili kartice. Varijable omogućuju jednoj nadzornoj ploči da se prebacuje, primjerice, između poslužitelja ili okruženja.

Što možete naučiti: varijable vas sprječavaju da napravite deset kopija iste nadzorne ploče. Grupiranje panela u sažimajuće redove čini zauzete nadzorne ploče čitljivima.

Rasporedi nadzornih ploča koje možete kopirati

4. Nadzorna ploča SaaS metrika

Gornji red: mjesečni ponavljajući prihod, novi kupci, izgubljeni kupci i aktivni korisnici, svaki s promjenom u odnosu na prošli mjesec. Ispod: linija trenda MRR-a, raščlamba po planu i popis nedavnih prijava. Naš vodič o SaaS metrikama objašnjava svaki broj.

5. Nadzorna ploča prodajnog lijevka

Lijevak ili stupčasti grafikon poslova po fazi, vrijednost lijevka po vlasniku, poslovi koji se zatvaraju ovaj mjesec i popis poslova bez aktivnosti u tjednu dana. Klikom na posao otvara se, pa je nadzorna ploča ujedno i popis zadataka.

6. Administracija web trgovine

Danas narudžbe, prihod i prosječna vrijednost narudžbe na vrhu; popis „neispunjenih narudžbi“ kao glavni dio; proizvodi s niskim zalihama i nedavne recenzije sa strane. Najčešća radnja, označavanje narudžbe kao poslane, trebala bi biti jedan klik.

7. Nadzorna ploča podrške

Otvoreni upiti, upiti koji čekaju vaš tim, medijan vremena prvog odgovora i upiti po oznaci. Ispod je živi red čekanja složen po starosti. Istaknite sve što prekoračuje ciljano vrijeme odgovora.

8. Nadzorna ploča zaliha

Artikli ispod točke ponovne narudžbe prvi, s radnjom „naruči“. Zatim vrijednost zaliha po kategoriji, nedavna kretanja i artikli bez prodaje u zadanom razdoblju. Pogledajte kako izraditi aplikaciju za upravljanje zalihama.

9. Nadzorna ploča projekata

Jedan red po projektu sa statusom, vlasnikom, rokom i postotkom završenosti, uz popis zakašnjelih zadataka u svim projektima. Obojite samo iznimke (kasni, blokirano) da bi se istaknule.

10. Marketinška nadzorna ploča

Posjetitelji, prijave i stopa konverzije po kanalu za odabrani raspon datuma; grafikon prijava kroz vrijeme s označenim pokretanjima kampanja; najpopularnije ulazne stranice.

11. Financijska nadzorna ploča

Stanje gotovine, dospjele i zakašnjele fakture, potrošnja ovog mjeseca u odnosu na prošli i nadolazeći računi. Detalje razine računovodstva zadržite u izvješćima; nadzorna ploča služi za pregled.

12. Nadzorna ploča za kliniku ili rezervacije

Današnji termini na vremenskoj crti, otkazivanja i nedolasci, slobodni termini i nove rezervacije. Dovoljno velika da se na recepcijskom ekranu može pročitati na prvi pogled.

13. Nadzorna ploča osobnog praćenja

Trenutačni niz, napredak prema nekoliko ciljeva i kalendarska toplinska karta aktivnosti. Više motivira nego što analizira, pa je držite na jednom ekranu.

14. Nadzorna ploča za klijente

Svaki klijent se prijavljuje i vidi samo svoje projekte, izvješća ili rezultate. Jasne oznake, bez internog žargona i gumb za izvoz vlastitih zapisa. Ovo zahtijeva ispravnu prijavu i dozvole; pogledajte kontrolu pristupa temeljenu na ulogama.

Što najbolje nadzorne ploče imaju zajedničko

• Imenovanu publiku i svrhu. „Za voditeljicu podrške, provjerava se svako jutro.“
• Glavne brojeve na vrhu, svaki s kontekstom: usporedbom, ciljem ili trendom.
• Grafikone koji odgovaraju pitanju. Linije za trendove kroz vrijeme, stupce za usporedbu kategorija, tablice za točne vrijednosti.
• Vidljive filtre, posebno za raspon datuma, primijenjene na sve na stranici.
• Iznimke se ističu. Boju koristite za ono što treba pozornost, a ne za ukras.
• Put do djelovanja. Kliknite broj da vidite retke iza njega, pa djelujte na njima.
• Dosljedne definicije. „Aktivni korisnik“ znači isto svugdje, a definicija je zapisana.
• Brzinu. Spore nadzorne ploče prestanu se otvarati.

Česte pogreške

• Prikazivanje svega što se može mjeriti. Više grafikona znači da se svaki manje primjećuje.
• Brojevi bez konteksta. „1.240“ malo znači bez prošlog razdoblja ili cilja.
• Kružni grafikoni s mnogo kriški. Teško se uspoređuju; sortirani stupčasti grafikon je obično jasniji.
• Previše boja. Jake boje rezervirajte za upozorenja i jednu istaknutu seriju.
• Zastarjeli podaci bez vremenske oznake. Uvijek prikažite kada su podaci zadnji put osvježeni.
• Nema mobilnog prikaza za nadzorne ploče koje ljudi pregledavaju u pokretu.
• Miješanje publike. Izvješće za upravu i dnevni operativni pregled rijetko pripadaju istoj stranici.

Kako izraditi vlastitu nadzornu ploču

1. Zapišite pitanja na koja nadzorna ploča mora odgovoriti i tko ih postavlja.
2. Popišite izvore podataka: bazu podataka vaše aplikacije, proračunsku tablicu ili API drugog alata.
3. Skicirajte raspored: glavni brojevi, dva do četiri grafikona, jedan popis za djelovanje.
4. Izradite je. Uz Mythex nadzornu ploču opisujete u chatu i vidite je kako radi u uživo pregledu. Može izraditi bazu podataka, prijavu i uloge koje vaša nadzorna ploča treba, a objavljujete je na URL jednim klikom. Pregledajte predloške za polazišnu točku. Ako su vaši podaci već u skladištu i trebate ad-hoc analizu, BI alat možda bolje odgovara; ako su u proračunskoj tablici, pogledajte kako povezati Google Sheets s aplikacijom.
5. Testirajte sa stvarnim korisnikom. Promatrajte ga tjedan dana dok ju koristi i uklonite ono što ignorira.

Za cjelovit vodič pročitajte kako izraditi nadzornu ploču.

Kako smo odabrali ove primjere

Većina nadzornih ploča je privatna, pa smo naveli samo proizvode čije su nadzorne ploče javne ili dokumentirane na njihovim vlastitim stranicama, i opisujemo što su te stranice pokazivale u listopadu 2026. Ostali rasporedi su uobičajeni obrasci opisani općenito, a ne kopije nekog konkretnog proizvoda.

Pitanja