Eksempler på dashboard-design: 14 layouts og hvad der gør dem gode

Godt dashboard-design starter med et spørgsmål, ikke et diagram: hvem kigger, hvad skal de beslutte, og hvor ofte? De bedste dashboards samler nogle få hovedtal med kontekst øverst, forklarer ændringer med diagrammer nedenunder, holder filtrene tydelige og lader folk handle på det, de ser. De fleste rigtige dashboards ligger bag et login, så nedenfor er tre offentlige eksempler, vi har gennemgået i oktober 2026, og derefter elleve almindelige layouts beskrevet uden at nævne et produkt. Derefter følger en designtjekliste, fejl at undgå og hvordan du bygger dit eget.

De 14 eksempler i et overblik

Offentlige dashboard-eksempler

Disse er beskrevet, som de så ud i oktober 2026.

1. Plausibles live-demo

Plausible, et webanalyseværktøj med fokus på privatliv, udgiver en live-demo af analysen af sin egen side, som alle kan udforske. Dens dokumentation beskriver rapporter som Top Pages med sidevisninger, afvisningsrate, tid på siden og scrolldybde samt ind- og udgangssider. En filterknap lader dig segmentere efter side med reglerne "er", "er ikke" og "indeholder", og dokumentationen dækker sammenligning af statistik over tid.

Lær af det: en offentlig demo med rigtige data lader folk bedømme dashboardet, før de tilmelder sig. Og et lille sæt enkle rapporter med ét filtersystem er let at forstå uden oplæring. Åbn demoen selv, og læg mærke til, hvordan rapporterne er opbygget.

2. Stripe Dashboard

Stripes dokumentation beskriver en forside med analyser og diagrammer over virksomhedens resultater, som også viser vigtige notifikationer, fx uafklarede tvister. Du vælger selv, hvilke widgets der vises i oversigten. Sidemenuen fører til lister, du handler på (saldi, transaktioner, kunder, produktkatalog), og hver har filtre og eksport. Et tryk på "?" viser tastaturgenveje, sandkasser lader dig teste uden at røre ved live-data, og der er en mobilapp til iOS og Android.

Lær af det: kombiner visningen "hvordan går det?" med advarsler om "hvad kræver min opmærksomhed?", og lad hver person tilpasse oversigten.

3. Grafana

Grafanas dokumentation beskriver dashboards bygget af paneler, hvor hvert kører en forespørgsel mod en datakilde, organiseret i rækker eller faner. Variabler lader ét dashboard skifte mellem fx servere eller miljøer.

Lær af det: variabler forhindrer, at du bygger ti kopier af det samme dashboard. At gruppere paneler i sammenklappelige rækker holder travle dashboards læselige.

Dashboard-layouts du kan kopiere

4. SaaS-dashboard for nøgletal

Øverste række: månedlig tilbagevendende omsætning, nye kunder, opsagte kunder og aktive brugere, hver med ændringen siden sidste måned. Nedenunder: en tendenslinje for MRR, en fordeling pr. plan og en liste over nylige tilmeldinger. Vores guide til SaaS-nøgletal forklarer hvert tal.

5. Salgspipeline-dashboard

Et tragt- eller søjlediagram over handler pr. fase, pipelineværdi pr. ejer, handler der lukkes denne måned, og en liste over handler uden aktivitet i en uge. Et klik på en handel åbner den, så dashboardet også er en to-do-liste.

6. E-handel-admin

Dagens ordrer, omsætning og gennemsnitlig ordreværdi øverst; en liste over "ikke-afsendte ordrer" som hovedsektion; produkter med lav beholdning og nye anmeldelser i siden. Den almindeligste handling, at markere en ordre som afsendt, bør kunne gøres med ét klik.

7. Support-dashboard

Åbne henvendelser, henvendelser der venter på dit team, medianen for første svartid og henvendelser pr. tag. En live-kø nedenunder, sorteret efter alder. Fremhæv alt, der overskrider et svarmål.

8. Lager-dashboard

Varer under genbestillingsniveau først, med en "genbestil"-handling. Derefter lagerværdi pr. kategori, nylige bevægelser og varer uden salg i en fastsat periode. Se hvordan du bygger en app til lagerstyring.

9. Projekt-dashboard

Én række pr. projekt med status, ejer, forfaldsdato og procent færdigt, plus en liste over forsinkede opgaver på tværs af alle projekter. Farvelæg kun undtagelserne (forsinket, blokeret), så de skiller sig ud.

10. Marketing-dashboard

Besøgende, tilmeldinger og konverteringsrate pr. kanal i det valgte datointerval; et diagram over tilmeldinger over tid med markering af kampagnestarter; de bedste landingssider.

11. Finans-dashboard

Kontantsaldo, fakturaer der forfalder og er forfaldne, udgifter denne måned sammenlignet med sidste måned, og kommende regninger. Behold regnskabsdetaljer i rapporter; dashboardet er til overblikket.

12. Klinik- eller booking-dashboard

Dagens aftaler på en tidslinje, aflysninger og udeblivelser, ledige tider og nye bookinger. Store nok til at kunne læses med et blik fra en receptionsskærm.

13. Personligt tracker-dashboard

Nuværende streak, fremskridt mod nogle få mål og et kalender-heatmap over aktivitet. Mere motiverende end analytisk, så hold det på én skærm.

14. Dashboard til kunder

Hver kunde logger ind og ser kun sine egne projekter, rapporter eller resultater. Tydelige labels, ingen intern jargon og en eksportknap til deres egne optegnelser. Det kræver et ordentligt login og ordentlige rettigheder; se rollebaseret adgangskontrol.

Hvad de bedste dashboards har til fælles

• Et navngivet publikum og formål. "Til supportlederen, tjekket hver morgen."
• Hovedtal øverst, hver med kontekst: en sammenligning, et mål eller en tendens.
• Diagrammer, der passer til spørgsmålet. Linjer til tendenser over tid, søjler til sammenligning af kategorier, tabeller til præcise værdier.
• Tydelige filtre, især datointerval, anvendt på alt på siden.
• Undtagelser skiller sig ud. Brug farve til det, der kræver opmærksomhed, ikke til pynt.
• En vej til handling. Klik på et tal for at se rækkerne bag det, og handl så på dem.
• Ensartede definitioner. "Aktiv bruger" betyder det samme overalt, og definitionen er skrevet ned.
• Hurtigt. Langsomme dashboards bliver ikke åbnet.

Almindelige fejl

• At vise alt, du kan måle. Flere diagrammer gør, at hvert enkelt bliver lagt mindre mærke til.
• Tal uden kontekst. "1.240" betyder lidt uden sidste periode eller et mål.
• Cirkeldiagrammer med mange skiver. Svære at sammenligne; et sorteret søjlediagram er som regel tydeligere.
• For mange farver. Reservér stærke farver til advarsler og én fremhævet serie.
• Forældede data uden tidsstempel. Vis altid, hvornår data sidst blev opdateret.
• Ingen mobilvisning til dashboards, folk tjekker på farten.
• Blanding af publikum. En bestyrelsesrapport og en daglig driftsvisning hører sjældent hjemme på samme side.

Sådan bygger du dit eget dashboard

1. Skriv de spørgsmål dashboardet skal besvare, og hvem der stiller dem.
2. List datakilderne: din apps database, et regneark eller et andet værktøjs API.
3. Skitsér layoutet: hovedtal, to til fire diagrammer, én handlingsliste.
4. Byg det. Med Mythex beskriver du dashboardet i en chat og ser det køre i en live-preview. Det kan oprette den database, det login og de roller dit dashboard har brug for, og du publicerer det til en URL med ét klik. Se skabeloner for et udgangspunkt. Hvis dine data allerede ligger i et datalager, og du har brug for ad hoc-analyse, passer et BI-værktøj måske bedre; ligger de i et regneark, se sådan forbinder du Google Sheets til din app.
5. Test med den rigtige bruger. Se dem bruge det i en uge, og fjern det, de ignorerer.

Til en fuld gennemgang, læs sådan bygger du et dashboard.

Sådan har vi valgt eksemplerne

De fleste dashboards er private, så vi har kun nævnt produkter, hvis dashboards er offentlige eller dokumenteret på deres egne sider, og vi beskriver, hvad disse sider sagde i oktober 2026. De øvrige layouts er almindelige mønstre beskrevet i generelle vendinger, ikke kopier af et bestemt produkt.

Spørgsmål