breadcrumbDescription
Organiser dashboardsider med visuelt hierarki
Arranger hver dashboardside, så brugerne læser den i en naturlig rækkefølge, fra det overordnede billede til detaljerne.
Brug dashboardsider til at fortælle en lagdelt historie i et enkelt dashboard i stedet for at opbygge mange separate dashboards. Sider forbedrer også indlæsningstiden, da det kun er forespørgslerne på standardsiden, der kører, når dashboardet åbnes.
Emne med en overskrift, derefter brødtekst og derefter detaljer
- Hovedlinje. Placer nøglemålene og takeaways øverst, hvor brugerne ser først.
- Kroppen. Under overskriften skal du vise de diagrammer, der forklarer og opdeler disse mål.
- Detaljer. Placer detaljerede tabeller og referenceoplysninger sidst for brugere, der har brug for at gå i detaljer.
Vælg et layoutmønster, der guider øjet
- F-mønster. Brugere scanner på tværs af toppen og derefter ned ad venstre side. Brug den til indholdstækkede dashboards med mange widgets.
- Z-mønster. Øjet flytter top-venstre til top-højre og derefter diagonalt til bunden. Brug den til enklere dashboards med en tydelig opfordring til handling.
- Side for side. Placer relaterede visninger ved siden af hinanden for at understøtte direkte sammenligning, f.eks. denne periode kontra sidste periode.
Grupper og juster for at opnå tydelighed
- Brug beholderwidgets til at gruppere relaterede widgets og til at adskille afsnit.
- Juster widgets til et ensartet gitter, og hold afstandene lige.
- Brug betegnelser og afsnitsfarver til at styrke grupperingen.
- Lad blanktegn være, så hvert afsnit er nemt at skelne mellem.
Design for, hvor dashboardet vises
- Vis alle detaljer i en enkeltstående app.
- Vis færre metrikker på højere niveau, når du integrerer et dashboard på en registreringsside eller på startsiden.
Related information html
Løste denne artikel dit problem?
Giv os besked, så vi kan forbedre os!
