A vizuális hierarchia a méret, a szín, a pozíció és a kontraszt elrendezése, amely megmondja a nézőknek, mit olvassanak először, másodszor és harmadszor. A vezérlőpulton a hierarchia választja szét a jelet a díszítéstől. Nélküle minden diagram egyformán hangosan kiabál. A felhasználók összevissza pásztáznak, lemaradnak a kritikus változásokról, és kevesebb magabiztossággal mennek el, mint amennyivel jöttek.
A jó hierarchia nem arról szól, hogy a vezérlőpult szép legyen. Arról szól, hogy csökkentse a kognitív terhelést, így a megfelelő ember észreveszi a megfelelő anomáliát, és cselekszik. A tervezési döntések közvetlenül kövessék a döntési prioritást.
Kezdj egyetlen elsődleges kérdéssel vezérlőpultonként
Mielőtt egyetlen widgetet elhelyeznél, írd le a kérdést, amelyre a vezérlőpult válaszol. A pályán vagyunk a negyedéves bevétellel? Melyik csatorna teljesített alul ezen a héten? Javul a termékhasználat a kiadás után? Az elsődleges kérdés dönti el, melyik mutató kapja a legfelső helyet és a legnagyobb méretet.
A másodlagos kérdések az elsődlegest támogatják. Ezek lejjebb vagy kisebben kerülnek az elrendezésben. A harmadlagos részletek lefúrások vagy hivatkozott diagnosztikai nézetek mögött vannak. Ha minden ugyanarra a prioritási szintre válaszol, a hierarchia összeomlik.
Használd tudatosan a pozíciót és a méretet
A nézők a balról jobbra olvasott elrendezésekben a bal felsőt olvassák először. Ide tedd az egyetlen legfontosabb számot vagy trendet. Azok a kulcsteljesítmény-mutatók, amelyek a heti döntéseket hajtják, megérdemlik a legnagyobb betűméretet és a legszembetűnőbb kártyahelyet.
Tartsd fenn a felső sort a napi figyelést igénylő mutatóknak. A lassabban mozgó kontextusmutatókat, például az évről évre összehasonlításokat vagy a szegmensbontásokat, tedd a második sorba. A kiegészítő diagramok kitöltik a maradék helyet, anélkül hogy az első figyelemért versengenének.
A színt jelentésre használd, ne díszítésre
A szín állapotot vagy kategóriát kódoljon, ne esztétikát. Semleges tónusok az alap diagramoknak. Egy kiemelő szín a pozitív mozgásnak. Egy különálló szín a riasztásoknak vagy negatív eltéréseknek. Háromnál több funkcionális szín zavart okoz.
Kerüld a szivárványpalettát egyetlen diagramon, hacsak nem minden szín egy stabil kategóriát jelöl, amelyet a felhasználók már ismernek. A véletlenszerű színkiosztás arra kényszeríti a nézőket, hogy minden látogatáskor elolvassák a jelmagyarázatot, ami lassítja a megértést.
Állapotjelzők
A zöld, a borostyánsárga és a piros akkor működik, ha kifejezett küszöbökhöz kötődik, amelyeket a vezérlőpulton dokumentáltak. Egy mutató a cél alatt 5 százaléknál borostyánsárgára, 10 százaléknál pirosra vált. A küszöböknek egyezniük kell a mutatószótár definícióival, hogy a színjelek megbízhatók legyenek.
Hangsúlytalanítsd a cselekvésre nem késztető adatokat
A háttérkontextus, például a teljes történeti mennyiség, használjon vékonyabb vonalakat és kisebb feliratokat. Az aktuális időszak összehasonlítása érdemel félkövér kezelést. A hierarchia legalább annyira arról szól, mit tompítasz, mint arról, mit emelsz ki.
Válassz a fontossághoz illő diagramtípusokat
Az egyszerű formák gyorsabban kommunikálnak, mint a bonyolultak. Egy nagy, egyszámos KPI sparkline-trenddel jobban megragadja a vezetői figyelmet, mint egy részletes, többsoros diagram. A halmozott területdiagramokat és a kéttengelyes ábrákat tartogasd a diagnosztikai vezérlőpultokra, ahol a nézők elemzési mélységet várnak.
A táblázatok az aljára vagy fülek mögé valók, hacsak a sorszintű részlet nem az elsődleges döntési bemenet. Ha táblázatokra van szükség, csak a küszöböt átlépő sorokat emeld ki. A ki nem emelt sorok kontextust adnak, anélkül hogy elvennék a fókuszt.
Alkalmazz következetes elrendezési mintákat a vezérlőpultokon át
Ha a marketing és az értékesítés vezérlőpultjai ugyanazt a rácsot, tipográfiát és színszabályokat osztják, a felhasználók a tanultakat átviszik a nézetek között. A következetesség a hierarchia ragasztója. A piros kiugrás mindig ugyanazt jelenti. Az elsődleges KPI-k mindig bal felül vannak.
Ahogy nő a vezérlőpultok száma, tegyél közzé elrendezési sablont. Az új vezérlőpultok a sablont öröklik, nem találják fel újra a szerkezetet. Ez a hierarchia-elveket a tágabb vezérlőpultok skálázási stratégiádhoz köti.
Csökkentsd a zsúfoltságot a hasznos mélység elrejtése nélkül
A zsúfoltság elpusztítja a hierarchiát. Távolítsd el a diagramszemetet: a túlzott rácsvonalakat, a háromdimenziós effekteket, a felesleges feliratokat és a számként és diagramként is megjelenített duplikált mutatókat. Minden elem érdemelje ki a pixeleit.
Használj fokozatos feltárást. A főnézeten mutasd az összefoglaló hierarchiát. Hivatkozz a fejlett szegmentálásra és kohorszelemzésre azoknak a nézőknek, akik meg akarják érteni, miért mozdult egy fő mutató. A fő vezérlőpult gyorsan átfutható marad.
Teszteld a vezérlőpultokat valódi nézőkkel
Kérj meg egy kollégát, aki nem építette a vezérlőpultot, hogy öt másodpercen belül derítse ki, a pályán van-e a bevétel. Ha nem tudja, a hierarchia elbukott, akármilyen csiszolt az elrendezés. Ismételd meg a tesztet minden jelentős újratervezés után.
Kövesd a vezérlőpultok használati analitikáját, ha a rendszered támogatja. Azok a widgetek, amelyeket senki sem nyit meg, kerüljenek lejjebb, vagy tűnjenek el. A hierarchia arrafelé fejlődjön, amit a nézők ténylegesen használnak, nem amiről az építők azt feltételezik, hogy kell nekik.
Gyakran ismételt kérdések
Hány KPI szerepeljen a felső sorban?
Legfeljebb három-öt. Ötnél több egyenlő vizuális súlyt kényszerít, és megszünteti a világos fókuszpontot. Ha a vezetésnek több mutató kell, ossza fel őket szerepkör-specifikus vezérlőpultokra, ne zsúfolj be egyetlen nézetet. A WEMASY weboldalépítőjével összehangolhatod a weboldali célokat a vezérlőpultjaid által kiemelt KPI-kkal.
Megjelenjenek a riasztási színek minden widgeten?
Nem. Az erős színjeleket tartsd fenn azoknak a mutatóknak, amelyek azonnali cselekvéshez kötődnek. A piros és a zöld túlhasználata arra szoktatja a nézőket, hogy figyelmen kívül hagyják a riasztásokat. A stabil, a várt tartományon belüli mutatóknál a semleges megjelenítés rendben van.
Mi a legnagyobb hierarchiahiba a vezetői vezérlőpultokon?
Dekoratív trenddiagram elhelyezése oda, ahová az elsődleges KPI-nak kellene kerülnie. A vezetőknek először a címszám kell, nem egy jelmagyarázat-túlterhelt vizualizáció, amelynek értelmezése harminc másodpercet vesz igénybe.
Hogyan változik a hierarchia, ahogy nő a vezérlőpultok száma?
Minden vezérlőpult egyetlen elsődleges kérdésre szűkül, miközben a közös sablonok következetesen tartják a pozíció- és színszabályokat. Nézd meg a vezérlőpultok skálázásáról szóló cikket, hogyan működik együtt a szintezett architektúra és a hierarchia.
Hol legyenek a részletes szegmentálási diagramok?
A főből hivatkozott diagnosztikai nézeteken, nem az elsődleges pásztázási úton. A kohorsz- vagy szegmensmélységre vágyó nézők követhetik a hivatkozást a fejlett szegmentálás és kohorszelemzés cikkhez, a vezetői elrendezés zsúfolása nélkül.
Milyen gyakran vizsgáljuk felül a vezérlőpult hierarchiáját?
Negyedévente, és minden jelentős üzleti prioritásváltás után. Egy mutató, amely a múlt negyedévben másodlagos volt, ebben a negyedévben elsődleges lehet egy termékindítás vagy piaci változás után. A hierarchia a stratégiát kövesse, ne a befagyott drótvázakat.