Guider

Dashboard-eksempler: 14 oppsett og hva som gjør dem gode

Godt dashboard-design starter med et spørsmål, ikke med et diagram: hvem ser på, hva må de avgjøre, og hvor ofte? De beste dashboardene setter noen få hovedtall med kontekst øverst, forklarer endringer med diagrammer under, gjør filtrene tydelige og lar folk handle på det de ser. De fleste ekte dashboarder ligger bak innlogging, så under finner du tre offentlige eksempler vi kontrollerte i oktober 2026, og elleve vanlige oppsett beskrevet uten å nevne et produkt. Deretter kommer en designsjekkliste, feil du bør unngå og hvordan du bygger ditt eget.

De 14 eksemplene i oversikt

#EksempelHvem det er forHovedidé
1Plausible live-demoNettsideeiereEn offentlig demo med ekte data og filtrerbare rapporter
2Stripe DashboardBedrifter som tar betalingerTilpassbare widgeter på hjemmesiden pluss handlingslister
3GrafanaUtvikling- og driftsteamPaneler, rader og variabler
4SaaS-nøkkeltall-dashboardGründereMRR, frafall og vekst på et blikk
5Salgspipeline-dashboardSalgsteamAvtaler per fase og eier
6Admin for netthandelButikkeiereDagens bestillinger og hva som må sendes
7Support-dashboardSupportteamÅpne saker, svartider, kø
8Lager-dashboardDriftLav beholdning og varsler om påfyll
9Prosjekt-dashboardLedereStatus per prosjekt, forsinket arbeid
10Markedsførings-dashboardMarkedsførereBesøk og registreringer per kanal
11Økonomi-dashboardEiere, regnskapsførereKontanter, fakturaer som forfaller, utgifter
12Klinikk- eller bookingdashboardResepsjonDagens timeplan og uteblivelser
13Personlig sporingsdashboardEnkeltpersonerRekker, mål og fremdrift
14Kundevendt dashboardByråer, tjenesteforetakHver kunde ser bare sine egne resultater

Offentlige dashboard-eksempler

Disse er beskrevet slik de sto i oktober 2026.

1. Plausibles live-demo

Plausible, et personvernfokusert verktøy for nettanalyse, publiserer en live-demo av analysene for sin egen side, som alle kan utforske. Dokumentasjonen beskriver rapporter som Top Pages, med sidevisninger, avvisningsprosent, tid på siden og scrolldybde, pluss inngangs- og utgangssider. En filterknapp lar deg segmentere etter side med regler som «er», «er ikke» og «inneholder», og dokumentasjonen forklarer hvordan du sammenligner statistikk over tid.

Lær av den: en offentlig demo med ekte data lar folk bedømme dashboardet før de registrerer seg, og et lite sett enkle rapporter med ett filtersystem er lett å forstå uten opplæring. Åpne demoen selv og legg merke til hvordan rapportene er satt opp.

2. Stripe Dashboard

Stripes dokumentasjon beskriver en startside med analyse og diagrammer om forretningens ytelse, som også viser viktige varsler, for eksempel uløste tvister. Du velger hvilke widgeter som vises på oversikten. Sidemenyen fører til lister du handler på (saldoer, transaksjoner, kunder, produktkatalog), hver med filtre og eksport. Trykk «?» for å se hurtigtaster, sandkasser lar deg teste uten å røre live-data, og det finnes en mobilapp for iOS og Android.

Lær av den: kombiner visningen «hvordan går det?» med varsler om «hva trenger min oppmerksomhet?», og la hver person tilpasse oversikten.

3. Grafana

Grafanas dokumentasjon beskriver dashboarder bygget av paneler, der hvert panel kjører et søk mot en datakilde, organisert i rader eller faner. Variabler lar ett dashboard veksle mellom for eksempel servere eller miljøer.

Lær av den: variabler hindrer at du lager ti kopier av samme dashboard. Å gruppere paneler i sammenleggbare rader gjør travle dashboarder lettere å lese.

Dashboard-oppsett du kan kopiere

4. SaaS-nøkkeltall-dashboard

Øverste rad: månedlig gjentakende inntekt, nye kunder, avsluttede kunder og aktive brukere, hver med endring siden forrige måned. Under: en trendlinje for MRR, en fordeling per plan og en liste over nylige registreringer. Vår guide til SaaS-nøkkeltall forklarer hvert tall.

5. Salgspipeline-dashboard

En trakt- eller stolpediagram over avtaler per fase, pipelineverdi per eier, avtaler som avsluttes denne måneden, og en liste over avtaler uten aktivitet på én uke. Ved å klikke på en avtale åpnes den, slik at dashboardet også fungerer som en huskeliste.

6. Admin for netthandel

Dagens bestillinger, omsetning og gjennomsnittlig ordreverdi øverst; en liste over «ikke-oppfylte bestillinger» som hovedseksjon; produkter med lav beholdning og nye anmeldelser på siden. Den vanligste handlingen, å merke en bestilling som sendt, bør kunne gjøres med ett klikk.

7. Support-dashboard

Åpne saker, saker som venter på teamet ditt, median førstesvartid og saker etter tagg. En live kø under, sortert etter alder. Fremhev alt som bryter en svarfrist.

8. Lager-dashboard

Varer under bestillingsgrensen først, med en «bestill på nytt»-handling. Deretter lagerverdi per kategori, nylige bevegelser og varer uten salg i en fastsatt periode. Se hvordan du bygger en app for lagerstyring.

9. Prosjekt-dashboard

En rad per prosjekt med status, eier, frist og prosentvis fremdrift, pluss en liste over forsinkede oppgaver på tvers av alle prosjekter. Fargelegg bare avvikene (forsinket, blokkert), slik at de skiller seg ut.

10. Markedsførings-dashboard

Besøkende, registreringer og konverteringsrate per kanal for valgt datoperiode; et diagram over registreringer over tid, med kampanjestarter markert; de mest besøkte landingssidene.

11. Økonomi-dashboard

Kontantbeholdning, fakturaer som forfaller og forfalt, utgifter denne måneden mot forrige, og kommende regninger. Behold regnskapsdetaljer i rapportene; dashboardet er til oversikten.

12. Klinikk- eller bookingdashboard

Dagens avtaler på en tidslinje, avbestillinger og uteblivelser, ledige tidspunkter og nye bestillinger. Store nok til å leses på et blikk fra resepsjonsskjermen.

13. Personlig sporingsdashboard

Nåværende rekke, fremdrift mot noen få mål og et kalenderheatmap over aktivitet. Motiverende snarere enn analytisk, så hold det på én skjerm.

14. Kundevendt dashboard

Hver kunde logger inn og ser bare sine egne prosjekter, rapporter eller resultater. Tydelige etiketter, ingen intern sjargong, og en eksportknapp for kundens egne data. Dette krever ordentlig innlogging og tilganger; se rollebasert tilgangskontroll.

Det de beste dashboardene har felles

  • Et navngitt publikum og formål. «For supportlederen, sjekkes hver morgen.»
  • Hovedtall øverst, hver med kontekst: en sammenligning, et mål eller en trend.
  • Diagrammer som passer spørsmålet. Linjer for trender over tid, stolper for å sammenligne kategorier, tabeller for eksakte verdier.
  • Tydelige filtre, særlig datoperiode, brukt på alt på siden.
  • Avvik skiller seg ut. Bruk farge på det som trenger oppmerksomhet, ikke som pynt.
  • En vei til handling. Klikk på et tall for å se radene bak det, og handle på dem.
  • Konsekvente definisjoner. «Aktiv bruker» betyr det samme overalt, og definisjonen er skrevet ned.
  • Raskt. Trege dashboarder slutter å bli åpnet.

Vanlige feil

  • Å vise alt du kan måle. Flere diagrammer gjør at hvert enkelt blir mindre lagt merke til.
  • Tall uten kontekst. «1 240» betyr lite uten forrige periode eller et mål.
  • Kakediagrammer med mange skiver. Vanskelige å sammenligne; et sortert stolpediagram er som regel tydeligere.
  • For mange farger. Reserver sterke farger til varsler og én fremhevet serie.
  • Utdaterte data uten tidsstempel. Vis alltid når dataene sist ble oppdatert.
  • Ingen mobilvisning for dashboarder folk sjekker når de er på farten.
  • Blanding av publikum. En styrerapport og en daglig driftsvisning hører sjelden hjemme på samme side.

Slik bygger du ditt eget dashboard

  1. Skriv ned spørsmålene dashboardet må svare på, og hvem som stiller dem.
  2. List datakildene: appens database, et regneark eller et API fra et annet verktøy.
  3. Skisser oppsettet: hovedtall, to til fire diagrammer og én handlingsliste.
  4. Bygg det. Med Mythex beskriver du dashboardet i en chat og ser det fungere i en live forhåndsvisning. Det kan lage databasen, innloggingen og rollene dashboardet trenger, og du publiserer til en URL med ett klikk. Bla i maler for et utgangspunkt. Hvis dataene dine allerede ligger i et datalager og du trenger ad hoc-analyse, passer et BI-verktøy kanskje bedre; hvis de ligger i et regneark, se hvordan du kobler Google Sheets til appen din.
  5. Test med den ekte brukeren. Se på at de bruker det i en uke, og fjern det de ignorerer.

For en fullstendig gjennomgang, les hvordan du bygger et dashboard.

Slik valgte vi eksemplene

De fleste dashboarder er private, så vi nevnte bare produkter der dashboardene er offentlige eller dokumentert på egne nettsider, og vi beskriver det disse sidene viste i oktober 2026. De andre oppsettene er vanlige mønstre beskrevet på generelt nivå, ikke kopier av et bestemt produkt.

Spørsmål

Hva kjennetegner et godt dashboard-design?

Det svarer på et bestemt sett spørsmål for en bestemt person. De viktigste tallene står øverst, hver med kontekst, som en sammenligning med forrige periode. Diagrammer under forklarer endringen, og filtre for datoperiode og segment er lette å finne. Det som ingen handler på, kan fjernes.

Hvor mange nøkkeltall bør et dashboard vise?

Det finnes ingen fast regel, men færre er som regel bedre. En rad med tre til seks hovedtall pluss noen få diagrammer er et vanlig oppsett. Hvis et dashboard trenger dusinvis av tall, del det opp i egne visninger for ulike personer eller spørsmål.

Hva er forskjellen mellom et analysedashboard og et admin-dashboard?

Et analysedashboard viser først og fremst tall og trender, slik at noen kan forstå hva som skjer. Et admin- eller driftsdashboard lar dem også handle: godkjenne en bestilling, svare på en henvendelse eller fylle opp en vare. Mange ekte dashboarder kombinerer begge, som Stripes, som viser diagrammer på startsiden og lister over betalinger og kunder du kan handle på.

Kan jeg bygge et dashboard uten å kode?

Ja. Regneark og BI-verktøy kan lage diagrammer av eksisterende data, og AI-appbyggere kan lage et tilpasset dashboard med egen database, innlogging og skjemaer ut fra en beskrivelse. Hvis dataene dine ligger i et annet system, kontroller at det har et API eller en eksportfunksjon du kan koble til.

Mythex · Pricing · Bygg hva som helst med KI · Maler for nettsider og apper · Mythex sammenlignet · Ordliste for app-bygging med KI · Gratis verktøy for app-bygging med KI · 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 မြန်မာ Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)