Vizuális hierarchia

A vizuális hierarchia az elemek olyan elrendezése egy képernyőn, hogy relatív fontosságuk azonnal látható legyen, mielőtt bármelyiket is elolvasnánk. A hierarchia a méret, a súly, a szín, a kontraszt, a térköz, a pozíció és a csoportosítás alapján jön létre, és meghatározza azt a sorrendet, amelyben a figyelem végighalad az oldalon. Mivel az emberek inkább átfutják az oldalakat, mintsem olvassák azokat, a hierarchia gyakran az egyetlen kommunikációs eszköz, amely a maradásról vagy a távozásról szóló döntés meghozatala előtt történik.

Egy működő hierarchia három kérdésre ad választ az oldal betöltésének első pillanataiban: miről szól ez az oldal, mit tehetek itt, és hová nézzek legközelebb. Amikor a hierarchia áttekinthető, a látogató, aki egy teljes mondat elolvasása nélkül lapozgat, továbbra is helyesen tud tájékozódni. Amikor lapos, minden elem egyformán versenyez, a szemnek nincs követendő útja, és a látogatónak olvasnia kell a megértéshez, amit sokan nem tesznek meg.

A hierarchia legalább annyira a visszafogottság, mint a hangsúlyozás által jön létre. Valaminek a kiemelése más dolgok kevésbé hangsúlyossá tételét vonja maga után, ezért a hierarchia kiszámíthatóan lebomlik azokban a szervezetekben, ahol több érdekelt fél is igényt tart az oldalra. A mechanizmus jól dokumentált: negyedévente egy újabb elemet léptetnek elő, soha semmit nem fosztanak meg a rangsorolástól, és két év elteltével az oldal hat egymással versengő fókuszponttal rendelkezik, és egyáltalán nincs hierarchia. A visszaállításához a prioritásokról szóló explicit döntés szükséges, amely inkább szervezeti, mint vizuális jellegű.

A szóközök használata a legkövetkezetesebben alulértékelt eszköz. Egy elem körüli tér elszigeteli azt és növeli annak érzékelt fontosságát, míg a csoportok közötti tér azt sugallja, hogy különálló kérdésekről van szó anélkül, hogy szegélyre vagy címsorra lenne szükség. A szóközök csökkentésére irányuló kérések, hogy több hely férjen el a hajtás felett, általában jobban károsítják a hierarchiát, mint amennyit a további tartalom nyer, mert egy sűrű oldal semmit sem közöl gyorsan, egy olyan oldalt pedig, amelyik semmit sem közöl gyorsan, a felhasználó legörget vagy elhagy.

A hierarchia nem pusztán vizuális, és ha úgy kezeljük, az akadálymentesítési hibákat okoz. Egy oldal szemantikai szerkezete, amelyet címsorszintek, tereptárgyak és olvasási sorrend fejez ki, az a hierarchia, amelyet a segítő technológia közvetít, és ennek meg kell egyeznie a vizuális hierarchiával. Egy olyan oldal, ahol a vizuálisan domináns elem stílus nélküli div-ként van megjelölve, vagy ahol a címsorszinteket a megjelenésük, nem pedig a szerkezeti jelentésük alapján választják ki, más hierarchiát mutat a képernyőolvasó felhasználók számára, mint a látóknak.

A hierarchiának a valós tartalmat is túl kell élnie, és ez az a terület, ahol a legtöbb design a megjelenés után kudarcot vall. Egy olyan elrendezés, amely egy hat szavas címsorral és egy gondosan összeállított termékképpel jól olvasható, másképp viselkedik egy negyven szavas címsorral, egy hiányzó képpel, egy hosszú terméknévvel és három, a kereskedőcsapat által alkalmazott promóciós jelvénnyel. A valósághű tartalomválaszték – beleértve a leghosszabb valószínű karakterláncokat és a legkevésbé hízelgő adatokat – figyelembevétele – az idealizált példák helyett az, ami megakadályozza, hogy egy hierarchia az első héten összeomoljon. Ez egyben egy érv amellett is, hogy az irányítást kelljen alkalmazni azokkal a mechanizmusokkal szemben, amelyek lehetővé teszik a nem tervezők számára a hangsúlyok hozzáadását, mivel a jelvények, bannerek és kiemelési stílusok korlátlan alkalmazásának lehetősége idővel addig használatos lesz, amíg a hangsúly semmit sem jelent.

A hierarchia ellenőrzése egyszerű és ritkán történik. Egy öt másodperces teszt feltárja, hogy az emberek valójában mit vesznek le az első benyomásból. Egy hunyorgatásteszt, ahol a dizájnt addig homályosítják, amíg csak széles formák maradnak, azt mutatja meg, hogy egyetlen fókuszpont megmarad-e. Ha az oldalt önmagában címsorként olvassuk, az megmutatja, hogy a szerkezet értelmes-e vizuális stílus nélkül. Ezek az ellenőrzések szabványosak egy... UX audit, és a kapott szabályokat egy definiált típusskála, térközskála és hangsúlyrendszerként kódoljuk a termék dizájn A munka az, ami megakadályozza, hogy a hierarchia újból erodálódjon, miközben új oldalak készülnek.