Dashboards er en unik og kraftig måte å presentere datadrevet intelligens ved hjelp av datavisualiseringsteknikker som viser relevante og handlingsbare data, samt sporingsstatistikk og viktige ytelsesindikatorer (KPIer). Dashboards bør presentere disse dataene i et raskt og enkelt å skanne format med den mest relevante informasjonen som er forståelig på et øyeblikk.

Begrepet ble født fra det tradisjonelle bilbrettet, og de har utviklet seg for å oppfylle den samme funksjonen i den digitale verden. I boken hans , Stephen Few sa det best:

Et instrument dashboard er en visualisering av den viktigste informasjonen som trengs for å oppnå ett eller flere mål, konsolidert og organisert på en enkelt skjerm slik at informasjonen kan overvåkes med et øyeblikk.

Dashboard mobildesign av Mason Yarnell for Mixpanel

I denne artikkelen skisserer vi strategiske, analytiske, operasjonelle og informasjonseksempler, samt de grunnleggende prinsippene som ligger i hjertet av enhver vellykket dashborddesign, uavhengig av type.

Å ha riktig tilnærming til datavisualisering er en nøkkelfunksjon i å legge grunnlaget for et vellykket dashbord. Datavisualisering er presentasjon av data gjennom grafikk og bilder. Hovedformålet er å hjelpe beslutningstakere med å identifisere mønstre eller forstå vanskelige konsepter som kan gå ubemerket hen i tekstbaserte applikasjoner.

I boken hans , Datavisualisering , Noah Iliinsky og Julie Steele uttaler:

Designerens formål med å designe en datavisualisering er å skape en leveranse som er godt mottatt og lett for leseren å forstå. Alle designvalg og spesielle implementeringer må tjene dette formålet.

Hovedtrekkene til instrumentbordene på Great Instrument

Et effektivt dashbord viser raskt og praktisk informasjon. Det forenkler den visuelle representasjonen av komplekse data og hjelper interessenter med å forstå, analysere og presentere viktige ideer.

Contractbook Dashboard av ApeeScape designer Wojciech Dobry

De store panelene er klare, intuitive og tilpassbare.

• De kommuniserer informasjon raskt.
• De viser informasjon tydelig og effektivt.
• De viser trender og endringer i dataene over tid.
• De kan enkelt tilpasses.
• De viktigste widgetene og datakomponentene presenteres effektivt på et begrenset sted.

En innledende tilpasning av visuelle data og informasjon for viktige brukerkrav vil bidra til å forbedre brukervennligheten og eliminere behovet for forskjellige brukere.

Tilpassbare dashbordelementer - Kontraktsbok av ApeeScape designer Wojciech Dobry

Store paneler gir alt et klikk unna.

• All viktig informasjon er umiddelbart tilgjengelig.
• Data er prioritert.
• Informasjon vises tydelig i et visuelt hierarki på en skjerm.
• Designet gir en jevn oversikt som inkluderer sparsomme og klare innledende data med ekstra muligheter for å grave dypere.
• Elementer (diagram, tabell, skjema) vises i en minimert visning med muligheten til å vise flere detaljer i et modalvindu eller gå til en side med flere detaljer.
• Oppsettet forbedrer brukervennligheten med filtre, slik at brukerne kan tilpasse hvordan data vises og filtrere innhold ved hjelp av koder, kategorier og KPI-er.

Detaljerte data hentet fra et dashbord i et modal, av ApeeScape designer Miklos Philips

Redusert kompleksitet gir klarhet

I en verden overveldet av data, er det en av de vanskeligste tingene å oppnå tydelig informasjon. Å presentere bare de mest relevante dataene på dashbordene er viktig: jo mer informasjon vi viser, jo vanskeligere blir det for brukerne å finne det de trenger.

Når du møter for mye data å velge, designerne de skal bare vise den mest relevante delmengden. Vi må nøye prioritere og eliminere villedende og uklare beregninger.

Effektive beslutninger om instrumentborddesign bør styres av:

• prosjektets mål
• dataenes art
• brukernes behov

Dashboard Design av ApeeScape Designer Stelian Subotin

Når du leser en visualisering (eller annen form for kommunikasjon), har leseren din en begrenset hjernekapasitet til å fokusere på problemet. En del av denne hjernekraften vil være viet til å avkode visualiseringen, hvilken som helst gjenværende hjernekraft kan brukes til å forstå meldingen (hvis leseren ennå ikke har gitt opp i frustrasjon).

- Noah Iliinsky og Julie Steele (datavisualisering)

Hovedmålet med et dashbord er å gjøre kompleks informasjon tilgjengelig og lett å fordøye. Derfor må grensesnittet som presenterer dataene være klart og enkelt for å minimere den kognitive belastningen til brukerne og søketiden.

Informasjonsarkitekturen må først presentere viktige data mens den gir tilgang til støttende eller sekundære tiltak. Det bør utformes et progressivt drilldown-system som starter med en oversikt og deretter går mer detaljert - det gjør prioritering av data enklere og skaper klarhet.

Dashboard mobildesign av Jan Losert

Bestemmelse av dashbordmål og visualisering av passende data

Vellykkede instrumentpaneldesigner starter med et veldefinert sett med mål som fokuserer på problemet som skal løses og nøkkelen til å lære å fjerne fra datasettet. Å sette disse målene kommer fra en klar forståelse av oppgavene som brukeren må utføre.

Gode ​​designmål fremmer effektiv og nøyaktig gjennomføring. Bruker rammeverk S.M.A.R.T for målsetting setter fokus på de som er spesifikk , målbar , handlingsbar , realistisk Y tidsbasert .

Noen viktige spørsmål å stille når du bestemmer målene:

• Hvor mange skritt bør brukerne ta for å oppnå et spesifikt mål?
• Er grensesnittet intuitivt nok til at brukeren kan oppnå målet sitt alene?
• Hvilken informasjon trenger brukeren for å nå målet sitt?

For å bestemme hva målet med et bestemt dashborddesign kan være, definer det ved å spørre: 'Hvilket spesifikt problem vil dette designet løse for brukeren?' Svaret vil gi informasjon om hvilke beregninger, egenskaper, verdier, bilder og data som er viktige.

Dashboard Design av ApeeScape Designer Miklos Philips

Målsentrert design fokuserer på løsninger på reelle problemer og er grunnlaget for all flott dashborddesign. Det starter med en klar forståelse av forretningsmål, vurderer brukermål og formidler deretter nøkkelinformasjon som må kommuniseres.

Kontekst i dashborddesign

En av de største utfordringene innen dashborddesign er å betjene flere personer. Når hver brukerrolle er definert, er det viktig å forstå hvor deres behov overlapper og hvor de avviker.

Effektiv kommunikasjon er det underliggende prinsippet for enhver vellykket instrumentinstrumentdesign. Å forutse mulige scenarier der brukere kan befinne seg, vil bidra til en bedre forståelse av brukerens omstendigheter.

Husk alltid brukernes kontekst når du designer: identifiser deres tekniske kunnskap, deres fortrolighet med det samlede systemet, deres mål osv.

Dashboard Design av ApeeScape Designer Miklos Philips

Husk å stille følgende spørsmål når du prøver å bestemme brukeratferd og kontekst:

• Vurderer utformingen retningen den besøkende er vant til å lese?
• Krever interaksjon med dashbordet teknisk kunnskap?
• Vil brukerne kunne utføre de fleste handlingene med bare noen få klikk?
• Samsvarer designet med brukerens kontekst ved å lage detaljerte menyer? Bruker du suggestiv ikonografi og fargepaletter?

Fargepaletten som brukes i utformingen av et dashbord, bør også betraktes som en sammenheng. Mange forretnings-til-virksomhets SaaS-produktdashboards er utformet i et brukergrensesnitt med mørkt tema fordi de brukes i flere timer om gangen.

UI-er med mørkt tema kan bidra til å redusere belastningen på øynene og støtte visuell klarhet i grensesnittet. Imidlertid krever å ta denne tilnærmingen en grundig vurdering av designretningen - kompromissene og potensielle risikoer, som beskrevet i et tidligere blogginnlegg om design: To ting å ikke gjøre i det mørke brukergrensesnittet .

Dashbord-UI-oppsett, analyse og infografikk fungerer bra i et mørkt brukergrensesnitt, men må 'håndteres forsiktig' for å sikre tilstrekkelig kontrast. (av Alex Gilev ).

Bedre dashborddesign med brukerundersøkelser

Brukerundersøkelser bidrar til å skape et miljø der brukerne blir presentert med data som er relevante, klare og konsise. Dette hjelper dem med å tenke på innholdet og dataene de leter etter, i stedet for hvordan de skal bruke og få tilgang til det.

Noen dashboards må fungere, eller kan enkelt tilpasses brukere i forskjellige roller ved å se på det samme grunnleggende dashbordet. Brukerundersøkelse er viktig fordi den hjelper til med å bestemme brukermål, mentale modeller, miljøkontekst og smertepunkter. Dette er faktorer som har stor innflytelse på den endelige utformingen av dashbordet.

Dashboard Design av ApeeScape Designer Stelian Subotin

Brukeropplevelsesdesigner, forsker og forfatter Mike Kuniavsky bemerker at det er 'prosessen med å forstå effekten av design på et publikum.'

En designer må definere de forskjellige typene brukere og forstå hvor målene deres ligger og hvor de er forskjellige. Hvilken informasjon er mer handlingsbar for en type bruker sammenlignet med en annen? De bør vurdere om det må være en annen utforming fra en type bruker til en annen, eller om det er en løsning for en mer generell brukssak.

Med dette i bakhodet er det en god ide å starte med rudimentære trådrammer og gå videre til prototyper som kan testes med virkelige brukere i løpet av en brukerforskningsfase. En kort brukerundersøkelsesfase med bare fem brukere kan gi virkelig verdifull informasjon, og det vil spare enorm tid online.

Dashbord wireframe av Aaron sananes

Progressiv avsløring i instrumentinstrumentdesign

De progressiv avsløring er en teknikk som brukes til å holde brukerens oppmerksomhet ved å redusere rot. Å lage et progressivt avsløringssystem hjelper deg med å skape et brukersentrert miljø, og hjelper med å prioritere brukerens oppmerksomhet, unngå feil og spare tid. Det tillater også brukere å fokusere på de viktigste funksjonene som interesserer dem og ikke bli tvunget til å se gjennom alle funksjonene, selv de de ikke trenger eller ikke bryr seg om.

Progressiv avsløring er en best praksis for dashborddesign som også vil redusere feilraten betydelig; forbedre effektiviteten og hjelpe brukerne med å forbedre sine forståelse av dashbord når et system er basert på funksjonsprioritering.

Dashboard design av Jan Losert

Progressiv avsløring skiller avanserte eller sjelden brukte funksjoner fra en sekundær skjerm, noe som gjør applikasjoner lettere å lære og mindre utsatt for feil. - Jakob Nielsen

Animasjon er en fin måte å oppfylle en rekke brukerbehov mens du betjener flere funksjoner. Det er et flott alternativ å bruke mens data og bilder lastes inn, og det er en avansert løsning for progressiv avsløring.

Animasjon er prosessen med å skape en illusjon av bevegelse; det er en dynamikk som skaper en følelse av fremgang og konstant tilbakemelding, reduserer brukerusikkerhet og øker opplevd ytelse.

Dashboard av Virgil Pana

Fordeler med å bruke progressiv avsløring på paneler:

• Reduser brukerusikkerhet og angst (ved å vise tegn til fremgang, er brukerne forsikret om at alt fungerer som forutsatt)
• Gi brukerne noe å se på (delvis datavisualisering) i stedet for å få dem til å vente
• Gi brukerne en klar forventning om neste trinn, og skape forståelse for hvordan informasjon presenteres hierarkisk

Potensielle problemer med progressive avsløringer og dataopplasting inkluderer:

• Bruke indikatorer og avsløringer upassende. Korte lastetider og ubrukelige trinn vil skape distraksjon og arbeide mot brukbarhetsprinsippene.
• En forsinkelse i datainnhenting uten en klar fremdriftsindikator kan føre til brukerusikkerhet og høyere fluktfrekvens.
• Å bruke statiske fremdriftsindikatorer er en meningsløs løsning, og det gir ikke nok informasjon om fremgang, noe som også kan føre til brukerusikkerhet og høyere fluktfrekvens.

Dashboard design av Mason Yarnell

Sammendrag

Dashboards er en kraftig måte å kommunisere data og annen informasjon på, spesielt med et brukerfokusert, målfokusert design som følger beste praksis for dashboarddesign og riktig datavisualisering. Selv om hvert dashbord er forskjellig og har sine egne mål, krav og begrensninger, vil det å følge disse grunnleggende prinsippene hjelpe deg med å lage eksepsjonelle design uavhengig av detaljene:

• Det første og fremst er å føle med brukertyper og forstå målene deres.
• Formidle en klar historie til brukerne gjennom bruk av suggestive bilder, koder, progressiv avsløringsteknikk og animasjon.
• Gjør komplekse ting enkle ved å bruke brukerforskningsteknikker.
• Avslør data og informasjon til riktig tid i et sammenbruddssystem.
• Bruk datavisualisering til å uttrykke informasjon på en meningsfull måte.