Designa dashboards som faktiskt läses
Av CodexierPublicerad 5 min läsning
En dashboard är inte en rapport med diagram. Den är en skärm någon öppnar för att besluta något: ringa en kund, beställa lager, flytta en tekniker, stoppa en kampanj. Dashboards misslyckas när ingen skrivit ned vilka beslut de tjänar, så varje mätvärde som finns får en ruta. Den här guiden ger en metod som börjar i beslutet och slutar i en skärm folk öppnar med flit, oavsett om den byggs i Power BI, Looker Studio eller inne i er egen produkt.
Börja i beslutet
Intervjua läsarna innan något ritas. Fråga vad de beslutade förra veckan, vilken information de letade efter för att besluta det, och vad de önskar att de vetat tidigare. Skriv varje svar som en mening: trafikledaren bestämmer varje morgon vilka jobb som ska omfördelas, utifrån gårdagens överdrag och dagens sjukfrånvaro. De meningarna är kravspecifikationen, och varje ruta måste gå att spåra till en av dem.
Färre siffror, mer sammanhang
En siffra betyder inget utan referens. Omsättning den här månaden är ett faktum; omsättning mot mål och mot samma månad förra året är ett beslutsstöd. Varje ruta ska bära sitt eget sammanhang, så att läsaren aldrig behöver minnas hur bra ser ut.
| I stället för | Visa | Därför |
|---|---|---|
| Öppna ärenden: 43 | Öppna ärenden: 43, upp 12 sedan måndag, mål under 30 | Läsaren ser riktning och avstånd till målet på en gång |
| Tolv nyckeltalsrutor i ett rutnät | Tre primära siffror, resten ett klick bort | Uppmärksamhet är begränsad; rutnätet gömmer den viktiga |
| Omsättning per produkt, cirkeldiagram | Omsättning per produkt, sorterade staplar med förra perioden som markör | Cirklar kan inte visa förändring eller små skillnader |
| Färg på varje ruta | Färg bara där ett tröskelvärde passerats | Rött som alltid lyser slutar betyda något |
Kan du inte säga vilken åtgärd en ruta utlöser när den blir röd, ta bort rutan.
Diagramtyper som passar frågan
Linje: hur förändras det?
Trend över tid, en eller få serier, med målet som en plan referenslinje. Undvik fler än fyra linjer; dela upp i små separata diagram i stället.
Stapel: vilken är störst?
Jämförelse mellan kategorier, sorterade efter värde, inte alfabetiskt. Liggande staplar när etiketterna är långa, vilket de alltid är på svenska.
Siffra med förändring: var står vi nu?
En enskild status läsaren kollar dagligen. Stor siffra, liten förändringsindikator, tröskelfärg. Det här är det mesta av en bra operativ dashboard.
Tabell: vilka exakt?
När beslutet gäller specifika rader, som vilka fakturor som är förfallna, slår en sorterbar tabell alla diagram. Lägg åtgärdslänken i raden.
Layout och läsordning
Folk läser en skärm uppifrån vänster till nedre höger, och de läser första raden ordentligt och resten snabbt. Lägg den beslutsdrivande siffran överst till vänster, dess förklaring till höger, stödjande detaljer under och historik längst ned. Gruppera efter fråga, inte efter datakälla: läsaren bryr sig inte om att två rutor kommer från olika system.
- En skärm, ingen scroll, för den operativa vyn. Detaljer bor på en andra sida som nås genom att klicka på en ruta.
- Samma tidsfönster över hela skärmen. Att blanda i dag, den här veckan och rullande trettio dagar på en sida är en vanlig orsak till felbeslut.
- Skriv ut enheter och datum. Vecka 38 säger inget för en chef som läser en måndag; skriv datumintervallet.
- Testa på enheten den ska användas på. En lagerskärm och en mobil behöver olika layouter, inte en responsiv ihopklämning.
Larm i stället för att stirra
De bästa dashboardsen är sällan öppna. Utlöses beslutet av ett tröskelvärde ska systemet skicka larmet, via mejl, Teams, Slack eller sms, med siffran, tröskeln och en länk till skärmen. Dashboarden blir då platsen att undersöka, inte saken att bevaka.
- Lista tröskelvärdena som skulle få en läsare att agera. Finns inga är dashboarden en rapport och bör schemaläggas som en.
- Skicka ett larm per händelse, till personen som agerar, med möjlighet att snooza. Larm som går till alla tystas av alla.
- Se över larmvolymen varje månad. Mer än några per dag och person betyder att trösklarna är fel.
För en dashboard inne i er egen produkt är det här designarbetet vad en produktdesignsprint levererar på en vecka: intervjuer, beslutslistan, en klickbar prototyp och ett test med riktiga användare innan någon bygger. För en befintlig dashboard ingen läser hittar en UX-granskning varför. Båda är fasta priser på prissidan.
När ni inte behöver designhjälp
Är dashboarden bara för dig själv och du vet vad du letar efter räcker en vy i Looker Studio eller Excel som du bygger själv; metoden ovan gäller ändå, men du behöver inte oss. Är det verkliga problemet att datan är fel eller kommer sent löser ingen layout det; fixa dataflödet först. Designhjälp lönar sig när många personer med olika roller ska agera på samma data, eller när dashboarden är en del av en produkt kunder betalar för. Ett kort samtal räcker för att säga vilket fall ni är.
Vanliga frågor
Hur många mätvärden ska en dashboard ha?
Tre till fem primära siffror på första skärmen för en roll, med stödjande detaljer ett klick bort. Fler än så och läsarna skannar i stället för att läsa. Behöver två roller olika siffror, bygg två dashboards i stället för en med femton rutor.
Power BI, Looker Studio eller egenbyggd dashboard?
För intern rapportering på data ni redan har i Microsoft- eller Google-system är de färdiga verktygen snabbare och billigare. Bygg eget när dashboarden är en del av er produkt, måste matcha ert gränssnitt eller behöver åtgärder, som att omfördela ett jobb direkt från skärmen.
Ska vi använda realtidsdata?
Bara om någon agerar inom minuter. De flesta beslut är dagliga eller veckovisa, och realtidssiffror på ett veckobeslut skapar oro utan värde. Matcha uppdateringstakten mot beslutets rytm och skriv på skärmen när datan senast uppdaterades.
Har ni en dashboard ingen öppnar?
Ta med en skärmbild och listan över vilka som använder den till ett kort samtal. Vi säger vilka beslut den tjänar, vilka rutor som ska bort och om en designsprint eller en UX-granskning är rätt nästa steg till fast pris.
Boka ett kostnadsfritt 15-minuterssamtal