Visuaalinen hierarkia on koon, värin, sijainnin ja kontrastin järjestely, joka kertoo katsojalle, mitä lukea ensin, toiseksi ja kolmanneksi. Kojelaudassa hierarkia erottaa signaalin koristeista. Ilman sitä jokainen kaavio huutaa yhtä kovaa. Käyttäjät silmäilevät sattumanvaraisesti, missaavat kriittiset muutokset ja lähtevät vähemmän luottavaisina kuin tulivat.
Hyvä hierarkia ei ole kojelautojen kaunistamista. Se vähentää kognitiivista kuormaa, jotta oikea ihminen huomaa oikean poikkeaman ja toimii. Suunnitteluvalintojen pitäisi vastata suoraan päätösten tärkeysjärjestystä.
Aloita yhdestä pääkysymyksestä kojelautaa kohden
Ennen kuin sijoitat yhtään vimpainta, kirjoita kysymys, johon kojelauta vastaa. Olemmeko aikataulussa neljännesvuoden liikevaihdossa? Mikä kanava alisuoriutui tällä viikolla? Paraneeko tuotteen käyttöönotto julkaisun jälkeen? Pääkysymys määrittää, mikä mittari ansaitsee ylimmän sijainnin ja suurimman koon.
Toissijaiset kysymykset tukevat pääkysymystä. Ne kuuluvat asettelussa alemmas tai pienemmiksi. Kolmannen tason yksityiskohdat sijaitsevat porautumisten tai linkitettyjen diagnostiikkanäkymien takana. Jos kaikki vastaa samaa tärkeystasoa, hierarkia romahtaa.
Käytä sijaintia ja kokoa harkiten
Katsojat lukevat vasemmalta oikealle ulottuvissa asetteluissa ensin vasemman yläkulman. Sijoita sinne yksittäinen tärkein luku tai trendi. Keskeiset suorituskykymittarit, jotka ohjaavat viikoittaisia päätöksiä, ansaitsevat suurimman typografian ja näkyvimmän korttisijoituksen.
Varaa ylärivi mittareille, joita tarvitsee seurata päivittäin. Sijoita hitaammin liikkuvat kontekstimittarit, kuten vertailu edellisvuoteen tai segmenttierittelyt, toiselle riville. Tukevat kaaviot täyttävät jäljellä olevan tilan kilpailematta ensisilmäyksen huomiosta.
Käytä väriä merkitykseen, ei koristeeksi
Värin pitäisi koodata tila tai luokka, ei estetiikkaa. Neutraalit sävyt lähtötason kaavioille. Yksi korostusväri positiiviselle liikkeelle. Yksi erottuva väri hälytyksille tai negatiiviselle poikkeamalle. Yli kolme toiminnallista väriä luo sekaannusta.
Vältä sateenkaaripalettia yksittäisessä kaaviossa, ellei jokainen väri vastaa vakaata luokkaa, jonka käyttäjät jo tuntevat. Satunnainen värien jako pakottaa katsojat lukemaan selitteen joka kerta, mikä hidastaa ymmärtämistä.
Tilaindikaattorit
Vihreä, keltainen ja punainen toimivat, kun ne on sidottu kojelaudalla dokumentoituihin selkeisiin kynnysarvoihin. Mittari muuttuu keltaiseksi viisi prosenttia tavoitteen alapuolella ja punaiseksi kymmenen prosenttia alapuolella. Kynnysarvojen pitää vastata mittarisanakirjan määritelmiä, jotta väriviestit ovat luotettavia.
Häivytä toimintaan johtamaton data
Taustakonteksti, kuten historiallinen kokonaisvolyymi, pitäisi esittää ohuemmilla viivoilla ja pienemmillä selitteillä. Nykyisen jakson vertailu ansaitsee lihavoinnin. Hierarkia on yhtä paljon sitä, mitä vaimennat, kuin sitä, mitä korostat.
Valitse kaaviotyypit, jotka vastaavat tärkeyttä
Yksinkertaiset muodot viestivät nopeammin kuin monimutkaiset. Suuri yksittäinen KPI-luku ja pieni trendikaavio (sparkline) voittaa yksityiskohtaisen usean sarjan kaavion johdon huomiosta. Säästä pinotut aluekaaviot ja kaksiakseliset kuvaajat diagnostiikkakojelaudoille, joissa katsojat odottavat analyyttistä syvyyttä.
Taulukot kuuluvat alas tai välilehtien taakse, ellei rivitason tieto ole ensisijainen päätöksen pohja. Kun taulukot ovat välttämättömiä, korosta vain rivit, jotka rikkovat kynnysarvoja. Korostamattomat rivit tarjoavat kontekstin varastamatta huomiota.
Käytä yhtenäisiä asetteluja kaikilla kojelaudoilla
Kun markkinoinnin ja myynnin kojelaudat jakavat saman ruudukon, typografian ja värisäännöt, käyttäjät siirtävät oppimansa näkymästä toiseen. Yhdenmukaisuus on hierarkian liima. Punainen piikki tarkoittaa aina samaa. Ensisijaiset KPI:t ovat aina vasemmassa yläkulmassa.
Kun kojelautojen määrä kasvaa, julkaise asettelupohja. Uudet kojelaudat perivät pohjan sen sijaan, että keksisivät rakenteen uudelleen. Näin hierarkian periaatteet liittyvät laajempaan kojelautojen skaalaus -strategiaasi.
Vähennä sotkua piilottamatta hyödyllistä syvyyttä
Sotku tuhoaa hierarkian. Poista kaavioroska: liialliset ruudukkoviivat, kolmiulotteiset tehosteet, tarpeettomat selitteet ja kaksoismittarit, jotka näytetään sekä lukuna että kaaviona. Jokaisen elementin pitäisi ansaita pikselinsä.
Käytä asteittaista paljastamista. Näytä yhteenvetohierarkia pääsivulla. Linkitä edistyneeseen segmentointiin ja kohorttianalyysiin katsojille, jotka haluavat ymmärtää, miksi pääluku liikkui. Pääkojelauta pysyy nopeana silmäillä.
Testaa kojelautoja oikeilla katsojilla
Pyydä kollegaa, joka ei rakentanut kojelautaa, selvittämään viidessä sekunnissa, onko liikevaihto aikataulussa. Jos hän ei pysty, hierarkia epäonnistui riippumatta siitä, kuinka hiotulta asettelu näyttää. Toista testi jokaisen suuren uudelleensuunnittelun jälkeen.
Seuraa kojelautojen omaa käyttöanalytiikkaa, kun järjestelmäsi tukee sitä. Vimpaimet, joita kukaan ei avaa, pitäisi siirtää alemmas tai poistaa. Hierarkian pitäisi kehittyä sen mukaan, mitä katsojat todella käyttävät, ei sen mukaan, mitä rakentajat olettavat heidän tarvitsevan.
Usein kysytyt kysymykset
Kuinka monta KPI:tä ylärivillä pitäisi olla?
Enintään kolmesta viiteen. Yli viisi pakottaa yhtä suuren visuaalisen painon ja poistaa selvän polttopisteen. Jos johto tarvitsee enemmän mittareita, jaa ne roolikohtaisille kojelaudoille sen sijaan, että ahtaisit yhden näkymän täyteen. WEMASY-sivustonrakentajalla voit sovittaa sivuston tavoitteet KPI:ihin, joita kojelaudat korostavat.
Pitäisikö hälytysvärejä olla jokaisessa vimpaimessa?
Ei. Varaa voimakkaat väriviestit mittareille, jotka liittyvät välittömään toimintaan. Punaisen ja vihreän liikakäyttö opettaa katsojat ohittamaan hälytykset. Neutraali esitys sopii vakaille mittareille odotetulla vaihteluvälillä.
Mikä on suurin hierarkiavirhe johdon kojelaudoilla?
Koristeellisen trendikaavion sijoittaminen paikkaan, jossa pääasiallisen KPI:n pitäisi olla. Johtajat tarvitsevat ensin otsikkoluvun, ei selitepainotteista visualisointia, jonka tulkinta vie 30 sekuntia.
Miten hierarkia muuttuu kojelautojen määrän kasvaessa?
Jokainen kojelauta rajautuu yhteen pääkysymykseen, ja yhteiset pohjat pitävät sijainti- ja värisäännöt yhdenmukaisina. Katso kojelautojen skaalaus, miten tasoitettu arkkitehtuuri ja hierarkia toimivat yhdessä.
Missä yksityiskohtaisten segmentointikaavioiden pitäisi sijaita?
Diagnostiikkanäkymissä, joihin pääkojelaudalta on linkki, ei ensisijaisella silmäilypolulla. Katsojat, jotka tarvitsevat kohortti- tai segmenttisyvyyttä, voivat seurata linkkiä edistyneeseen segmentointiin ja kohorttianalyysiin sotkematta johdon asettelua.
Kuinka usein kojelaudan hierarkia pitäisi tarkistaa?
Tarkista neljännesvuosittain ja aina suuren liiketoiminnan painopisteen muutoksen jälkeen. Mittari, joka oli viime neljänneksellä toissijainen, voi olla tällä neljänneksellä ensisijainen tuotelanseerauksen tai markkinamuutoksen jälkeen. Hierarkian pitäisi seurata strategiaa, ei jäädytettyjä rautalankamalleja.