Du är här:
Organisera instrumentpanelsidor med visuell hierarki
Ordna varje instrumentpanelsida så att användare läser den i en naturlig ordning, från den stora bilden till detaljerna.
Använd instrumentpanelsidor för att berätta en berättelse i lager i en enda instrumentpanel istället för att bygga många separata instrumentpaneler. Sidor förbättrar även inläsningstiden eftersom endast sökfrågorna på standardsidan körs när instrumentpanelen öppnas.
Lead med en rubrik, sedan brödtext och sedan detaljer
- Rubrik. Placera nyckelmåtten och uttagen högst upp, där användarna tittar först.
- Kropp. Under rubriken, visa diagrammen som förklarar och delar upp dessa mått.
- Detaljer. Placera detaljerade tabeller och referensinformation sist, för användare som behöver fördjupa sig.
Välj ett layoutmönster som guidar ögat
- F-mönster. Användare skannar över toppen och sedan ner på vänster sida. Använd den för innehållstäta instrumentpaneler med många widgets.
- Z-mönster. Ögat flyttas överst till vänster till överst till höger och sedan diagonalt till undersidan. Använd den för enklare instrumentpaneler med en tydlig uppmaning till åtgärd.
- Sida vid sida. Placera relaterade vyer bredvid varandra för att stödja direkt jämförelse, som denna period jämfört med senaste period.
Gruppera och justera för tydlighet
- Använd behållarwidgets för att gruppera relaterade widgets och för att separera sektioner.
- Justera widgetar till ett enhetligt rutnät och håll avståndet jämnt.
- Använd etiketter och sektionsfärger för att förstärka grupperingen.
- Lämna tomrum så att varje sektion är lätt att skilja åt.
Design för var instrumentpanelen visas
- Visa fullständiga detaljer i en fristående app.
- Visa färre, mer övergripande mått när du bäddar in en instrumentpanel på en postsida eller startsidan.
Se även:
Löste denna artikel ditt problem?
Berätta för oss vad vi kan förbättra!
