Du er her:
Organisere kontrollpanelsider med visuelt hierarki
Ordne hver kontrollpanelside slik at brukere leser den i en naturlig rekkefølge, fra det store bildet til detaljene.
Bruk kontrollpanelsider til å fortelle en lagdelt historie i ett enkelt kontrollpanel i stedet for å bygge mange separate kontrollpaneler. Sider forbedrer også innlastingstiden fordi bare spørringene på standardsiden kjøres når kontrollpanelet åpnes.
Salgsemne med overskrift, deretter innhold og deretter detaljer
- Hovedtekst. Plasser viktige målinger og uttak øverst der brukerne ser først.
- Tekst. Under overskriften viser du diagrammene som forklarer og deler opp disse målingene.
- Detaljer. Plasser detaljerte tabeller og referanseinformasjon sist, for brukere som trenger å grave inn.
Velge et oppsettmønster som veileder øyet
- F-mønster. Brukere skanner over toppen og deretter ned til venstre. Bruk den til innholdstette kontrollpaneler med mange widgeter.
- Z-mønster. Øyet beveger seg fra øverst til venstre til øverst til høyre og deretter diagonalt til nederst. Bruk den til enklere kontrollpaneler med et tydelig kall til handling.
- Side-ved-side. Plasser relaterte visninger ved siden av hverandre for å støtte direkte sammenligning, som denne perioden kontra forrige periode.
Grupper og juster for å gjøre det tydeligere
- Bruk beholderwidgeter til å gruppere relaterte widgeter og til å skille deler.
- Juster widgeter til et konsistent rutenett, og hold avstandene jevne.
- Bruk etiketter og delfarger til å styrke grupperingen.
- La det være mellomrom, slik at hver del er lett å skille.
Utforming for hvor kontrollpanelet vises
- Vis alle detaljer i en frittstående app.
- Vis færre målinger på høyere nivå når du bygger inn et kontrollpanel på en postside eller på hjemmesiden.
