Olet tässä:
Mittaristosivujen organisointi visuaalisella hierarkialla
Järjestele jokainen mittaristosivu siten, että käyttäjät voivat lukea sen luonnollisessa järjestyksessä, kokonaiskuvasta lisätietoihin.
Käytä mittaristosivuja kerätyn tarinan kertomiseen yhdessä mittaristossa sen sijaan, että rakentaisit useita erillisiä mittaristoja. Sivut parantavat myös latausaikoja, koska vain oletussivun kyselyt suoritetaan, kun mittaristo avautuu.
Liidi, jonka otsikko, tekstiosa ja lisätiedot
- Ohje. Aseta tärkeimmät mitat ja ohjeet ylälaitaan, jossa käyttäjät katsovat ensin.
- Body. Näytä otsikon alla kaaviot, jotka selittävät ja pilkkovat mitat.
- Lisätiedot. Aseta tarkempia taulukoita ja viitetietoja viimeiseksi käyttäjille, joiden täytyy syventyä.
Valitse asettelukuvio, joka opastaa silmää
- F-kuvio. Käyttäjät skannaavat ylälaidassa ja alas vasemmalla puolella. Käytä sitä sisältötiheille mittaristoille, joissa on useita widgetejä.
- Z-kuvio. Silmä siirtyy ylhäältä vasemmalle ylhäältä oikealle ja sitten kaaviota alaspäin. Käytä sitä yksinkertaisimmille mittaristoille, joissa on selkeä toimintakehote.
- Side by side. Aseta asiaankuuluvat näkymät vierekkäin tukemaan suoraa vertailua, kuten tämä ajanjakso ja edellinen ajanjakso.
Ryhmitä ja tasaa selkeyttämistä varten
- Käytä säiliö-widgetejä ryhmittääksesi asiaan liittyviä widgetejä ja erottaaksesi osioita.
- Kohdista widgetejä yhdenmukaiseen ruudukkoon ja pidä välilyönnit tasaisina.
- Käytä otsikoita ja osioiden värejä vahvistaaksesi ryhmitystä.
- Jätä tyhjäksi, jotta jokainen osio on helppo erottaa toisistaan.
Suunnittele missä mittaristoa tarkastellaan
- Näytä kaikki lisätiedot erillisessä sovelluksessa.
- Näytä vähemmän ja korkeampia tilastoja, kun upotat mittariston tietuesivulle tai aloitussivulle.
Katso myös:
Ratkaisiko tämä artikkeli ongelmasi?
Anna palautetta, jotta voimme kehittyä!
