U bent hier:
Dashboardpagina's ordenen met visuele hiƫrarchie
Rangschik elke dashboardpagina dusdanig dat gebruikers deze in een natuurlijke volgorde lezen, van het grote geheel tot de details.
Gebruik dashboardpagina's om een gelaagd verhaal te vertellen in Ć©Ć©n dashboard in plaats van veel afzonderlijke dashboards samen te stellen. Pagina's verbeteren ook de laadtijd, omdat alleen de query's op de standaardpagina worden uitgevoerd wanneer het dashboard wordt geopend.
Lead met een kop, dan hoofdtekst, dan details
- Kop. Plaats de belangrijkste meeteenheden en takeaways bovenaan, waar gebruikers het eerst kijken.
- Lichaam. Toon onder de kop de diagrammen die deze meeteenheden verklaren en opsplitsen.
- Details. Plaats fijnmazige tabellen en verwijzingsgegevens als laatste, voor gebruikers die zich moeten verdiepen.
Kies een lay-outpatroon dat het oog stuurt
- F-patroon. Gebruikers scannen over de bovenzijde en vervolgens over de linkerzijde. Gebruik deze voor inhouddichte dashboards met veel widgets.
- Z-patroon. Het oog beweegt van linksboven naar rechtsboven en vervolgens diagonaal naar beneden. Gebruik deze voor eenvoudiger dashboards met een duidelijke oproep tot actie.
- Zij aan zij. Plaats gerelateerde weergaven naast elkaar ter ondersteuning van directe vergelijking, zoals deze periode ten opzichte van de afgelopen periode.
Groeperen en uitlijnen voor duidelijkheid
- Gebruik containerwidgets om gerelateerde widgets te groeperen en secties te scheiden.
- Lijn widgets uit op een consistent raster en houd de spatiƫring gelijk.
- Gebruik labels en sectiekleuren om de groepering te versterken.
- Laat witruimte zodat elke sectie gemakkelijk te onderscheiden is.
Ontwerp voor waar het dashboard wordt weergegeven
- Toon alle details in een zelfstandige app.
- Toon minder meetgegevens op een hoger niveau wanneer u een dashboard inbedt op een recordpagina of de hoofdpagina.
Zie ook:
Heeft dit artikel uw probleem opgelost?
Laat ons weten wat we kunnen doen om te verbeteren!
