Vodiči

Primeri dizajna kontrolnih tabli: 14 rasporeda i šta ih čini dobrim

Dobar dizajn kontrolne table počinje pitanjem, a ne grafikonom: ko gleda, šta treba da odluči i koliko često? Najbolje table stavljaju nekoliko glavnih brojeva sa kontekstom na vrh, objašnjavaju promene grafikonima ispod, drže filtere uočljivim i omogućavaju ljudima da deluju na ono što vide. Većina pravih kontrolnih tabli iza je prijave, pa su ispod tri javna primera koje smo proverili u oktobru 2026, a zatim jedanaest uobičajenih rasporeda opisanih bez navođenja proizvoda. Posle toga sledi kontrolna lista za dizajn, greške koje treba izbeći i kako napraviti sopstvenu tablu.

Četrnaest primera ukratko

#PrimerZa koga jeKljučna ideja
1Plausible živa demonstracijaVlasnici sajtovaJavna demonstracija sa pravim podacima i filterabilnim izveštajima
2Stripe kontrolna tablaPreduzeća koja primaju uplateVidžeti na početnoj koje možete prilagoditi plus liste za delovanje
3GrafanaInženjerski i operativni timoviPaneli, redovi i promenljive
4Kontrolna tabla SaaS metrikaOsnivačiMRR, odliv i rast na prvi pogled
5Kontrolna tabla prodajnog lijevkaProdajni timoviPoslovi po fazi i vlasniku
6Administracija e-trgovineVlasnici prodavnicaDanašnje porudžbine i šta treba poslati
7Kontrolna tabla podrškeTimovi podrškeOtvoreni tiketi, vremena odgovora, red čekanja
8Kontrolna tabla zalihaOperacijeNiske zalihe i upozorenja za ponovnu nabavku
9Kontrolna tabla projekataMenadžeriStatus po projektu, zakasneli poslovi
10Kontrolna tabla marketingaMarketinški stručnjaciPosete i prijave po kanalu
11Kontrolna tabla finansijaVlasnici, računovođeGotovina, dospele fakture, troškovi
12Kontrolna tabla klinike ili rezervacijaRecepcijaDanašnji raspored i nedolasci
13Kontrolna tabla ličnog praćenjaPojedinciNizovi, ciljevi i napredak
14Kontrolna tabla za klijenteAgencije, uslužne firmeSvaki klijent vidi samo svoje rezultate

Javni primeri kontrolnih tabli

Opisi važe od oktobra 2026.

1. Plausible-ova živa demonstracija

Plausible, alat za web analitiku usmeren na privatnost, objavljuje živu demonstraciju analitike sopstvenog sajta koju svako može da istražuje. Njegova dokumentacija opisuje izveštaje kao što je Top Pages, sa pregledima strana, stopom napuštanja, vremenom na strani i dubinom skrolovanja, plus ulaznim i izlaznim stranama. Dugme za filtriranje omogućava segmentaciju po strani sa pravilima „je”, „nije” i „sadrži”, a dokumentacija pokriva poređenje statistike kroz vreme.

Šta da naučite: javna demonstracija sa pravim podacima omogućava ljudima da procene kontrolnu tablu pre prijave, a mali broj jednostavnih izveštaja sa jednim sistemom filtera lako je razumeti bez obuke. Otvorite demonstraciju sami i zabeležite kako su izveštaji raspoređeni.

2. Stripe kontrolna tabla

Stripe-ova dokumentacija opisuje početnu stranicu sa analitikom i grafikonima o poslovnim rezultatima, koja takođe ističe važna obaveštenja, kao što su nerešeni sporovi. Sami birate koji se vidžeti pojavljuju na pregledu. Bočni meni vodi do lista za delovanje (salda, transakcije, kupci, katalog proizvoda), svaka sa filterima i izvozom. Pritiskom na „?” prikazuju se prečice sa tastature, sandbox-ovi vam omogućavaju testiranje bez dodirivanja pravih podataka, a postoji i mobilna aplikacija za iOS i Android.

Šta da naučite: povežite pregled „kako nam ide?” sa upozorenjima „šta traži moju pažnju?”, i dozvolite svakoj osobi da prilagodi pregled.

3. Grafana

Grafana-ova dokumentacija opisuje kontrolne table izgrađene od panela, pri čemu svaki izvršava upit nad izvorom podataka, organizovanih u redove ili kartice. Promenljive omogućavaju da jedna tabla prelazi, recimo, između servera ili okruženja.

Šta da naučite: promenljive vas sprečavaju da pravite deset kopija iste table. Grupisanje panela u redove koji se mogu sklopiti čini zauzete table čitljivim.

Rasporedi kontrolnih tabli koje možete kopirati

4. Kontrolna tabla SaaS metrika

Gornji red: mesečni ponavljajući prihod, novi kupci, otkazani kupci i aktivni korisnici, svaki sa promenom od prošlog meseca. Ispod: linija trenda MRR-a, raspodela po planu i lista nedavnih prijava. Naš vodič o SaaS metrikama objašnjava svaki broj.

5. Kontrolna tabla prodajnog lijevka

Lijevak ili stubičasti grafikon poslova po fazi, vrednost lijevka po vlasniku, poslovi koji se zatvaraju ovog meseca i lista poslova bez aktivnosti nedelju dana. Klik na posao ga otvara, pa je kontrolna tabla ujedno i lista zadataka.

6. Administracija e-trgovine

Današnje porudžbine, prihod i prosečna vrednost porudžbine na vrhu; lista „neispunjenih porudžbina” kao glavni deo; proizvodi sa niskim zalihama i nedavne recenzije sa strane. Najčešća radnja, označavanje porudžbine kao poslate, treba da bude jedan klik.

7. Kontrolna tabla podrške

Otvoreni tiketi, tiketi koji čekaju vaš tim, medijano vreme prvog odgovora i tiketi po oznaci. Ispod je živi red čekanja sortiran po starosti. Istaknite sve što probija cilj odgovora.

8. Kontrolna tabla zaliha

Stavke ispod nivoa za ponovnu nabavku na prvom mestu, uz radnju „naruči”. Zatim vrednost zaliha po kategoriji, nedavna kretanja i stavke bez prodaje u zadatom periodu. Pogledajte kako napraviti aplikaciju za upravljanje zalihama.

9. Kontrolna tabla 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. Kontrolna tabla marketinga

Posete, prijave i stopa konverzije po kanalu za izabrani period; grafikon prijava kroz vreme sa obeleženim lansiranjima kampanja; najbolje odredišne stranice.

11. Kontrolna tabla finansija

Stanje gotovine, dospele i zakasnele fakture, potrošnja ovog meseca u odnosu na prošli i predstojeći računi. Računovodstveno detaljne stvari držite u izveštajima; kontrolna tabla je za pregled.

12. Kontrolna tabla klinike ili rezervacija

Današnji termini na vremenskoj liniji, otkazivanja i nedolasci, slobodni termini i nove rezervacije. Dovoljno velika da se čita iz daleka sa ekrana na recepciji.

13. Kontrolna tabla ličnog praćenja

Trenutni niz, napredak ka nekoliko ciljeva i kalendarska toplotna mapa aktivnosti. Više motiviše nego što analizira, pa je zadržite na jednom ekranu.

14. Kontrolna tabla za klijente

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

Šta najbolje kontrolne table imaju zajedničko

  • Imenovanu publiku i svrhu. „Za šefa podrške, proverava se svakog jutra.”
  • Glavne brojeve na vrhu, svaki sa kontekstom: poređenjem, ciljem ili trendom.
  • Grafikone koji odgovaraju pitanju. Linije za trendove kroz vreme, stubići za poređenje kategorija, tabele za tačne vrednosti.
  • Uočljive filtere, posebno za period, primenjene na sve na stranici.
  • Izuzeci se ističu. Boju koristite za ono što traži pažnju, a ne za ukras.
  • Put do delovanja. Kliknite broj da vidite redove iza njega, pa delujte na njih.
  • Dosledne definicije. „Aktivan korisnik” znači isto svuda, a definicija je zapisana.
  • Brzina. Spore table prestanu da se otvaraju.

Česte greške

  • Prikazivanje svega što možete da merite. Više grafikona znači da svaki manje primeti.
  • Brojevi bez konteksta. „1.240” malo znači bez prethodnog perioda ili cilja.
  • Kružni grafikoni sa mnogo delova. Teško je porediti; sortirani stubičasti grafikon je obično jasniji.
  • Previše boja. Jake boje rezervišite za upozorenja i jednu istaknutu seriju.
  • Zastarela podaci bez vremenske oznake. Uvek pokažite kada su podaci poslednji put ažurirani.
  • Nema mobilnog prikaza za table koje ljudi proveravaju u pokretu.
  • Mešanje publike. Izveštaj za upravni odbor i dnevni operativni pregled retko pripadaju istoj stranici.

Kako napraviti sopstvenu kontrolnu tablu

  1. Zapišite pitanja na koja tabla treba da odgovori 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 i jedna lista za delovanje.
  4. Napravite je. Sa Mythex-om kontrolnu tablu opisujete u chatu i vidite je u živom pregledu. Može da napravi bazu, prijavu i uloge koje tabla treba, a objavljujete je na URL u jednom kliku. Pogledajte šablone za polaznu tačku. Ako su vaši podaci već u skladištu i treba vam ad-hoc analiza, BI alat vam možda bolje odgovara; ako su u tabeli, pogledajte kako povezati Google Sheets sa aplikacijom.
  5. Testirajte sa pravim korisnikom. Posmatrajte kako je koristi nedelju dana i uklonite ono što ignoriše.

Za kompletan vodič pročitajte kako napraviti kontrolnu tablu.

Kako smo birali primere

Većina kontrolnih tabli je privatna, pa smo naveli samo proizvode čije su table javne ili dokumentovane na sopstvenim sajtovima, i opisujemo šta su te stranice navodile u oktobru 2026. Ostali rasporedi su uobičajeni obrasci opisani u opštim crtama, a nisu kopije nekog konkretnog proizvoda.

Pitanja

Šta čini dobar dizajn kontrolne table?

Ona odgovara na određeni skup pitanja za određenu osobu. Najvažniji brojevi stoje na vrhu, svaki uz kontekst, na primer poređenje sa prethodnim periodom; grafikoni ispod objašnjavaju promenu, a filteri za period i segment lako se nalaze. Sve što niko ne koristi može da ode.

Koliko metrika treba da prikazuje kontrolna tabla?

Nema fiksnog pravila, ali manje je obično bolje. Red od tri do šest glavnih brojeva i nekoliko grafikona je čest raspored. Ako tabla treba desetine brojeva, podelite je na zasebne prikaze za različite ljude ili pitanja.

Koja je razlika između analitičke i administratorske kontrolne table?

Analitička kontrolna tabla uglavnom prikazuje brojeve i trendove da bi neko razumeo šta se dešava. Administratorska ili operativna tabla omogućava i delovanje: odobri porudžbinu, odgovori na tiket, dopuni zalihe. Mnoge prave table kombinuju oba, kao Stripe-ova, koja na početnoj stranici prikazuje grafikone i liste plaćanja i kupaca na kojima možete da delujete.

Mogu li da napravim kontrolnu tablu bez kodiranja?

Da. Alati za tabele i BI alati mogu da prikazuju postojeće podatke na grafikonima, a AI alati za izradu aplikacija mogu da naprave prilagođenu kontrolnu tablu sa sopstvenom bazom, prijavom i formularima na osnovu opisa. Ako su vaši podaci u drugom sistemu, proverite da li on ima API ili izvoz koji možete da povežete.

Mythex · Pricing · Pravite bilo šta uz AI · Šabloni za sajtove i aplikacije · Mythex u poređenju · Rečnik pojmova za pravljenje aplikacija uz AI · Besplatni alati za pravljenje aplikacija uz AI · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)