Vizuálna hierarchia určuje, ktoré prvky používateľ zaregistruje ako prvé a ako ich následne zaradí. Ak obrazovka hry zobrazuje pravidelnú mriežku symbolov, zostatok a tlačidlo roztočenia, tieto prvky môžu predstavovať základnú hru; odlišná farba alebo rámovanie bonusovej ikony signalizuje osobitnú funkciu. Čitateľné rozlíšenie pomáha porozumieť tomu, čo patrí k bežnému priebehu a čo označuje doplnkovú fázu.
Pri skúmaní grafického usporiadania rozhrania možno na príklade online casino 5 euro vnímať, ako vizuálne prvky usmerňujú pozornosť a pomáhajú rozčleniť informácie bez zmeny ich významu. Podstatná je pritom samotná zásada návrhu: základné údaje majú stabilné miesto a bonusové prvky majú rozpoznateľnú, no jasne ohraničenú podobu.
Čo tvorí základnú vrstvu informácií
Základná hra zahŕňa opakujúce sa prvky, ktoré používateľ potrebuje pri každom bežnom ťahu. Patrí sem hlavná herná plocha, ovládanie, výška stávky a informácie o aktuálnom priebehu. Ich umiestnenie a vzhľad by mali zostať konzistentné, aby si ich používateľ osvojil a nemusel pri každej zmene obrazovky znovu hľadať.
Hierarchiu možno vytvárať veľkosťou, kontrastom, polohou aj typografiou. Hlavná herná plocha býva vizuálne dominantná, zatiaľ čo menej naliehavé údaje môžu mať menšie písmo alebo tlmenejšie pozadie. Dôležité však je, aby sa čitateľnosť základných údajov nestratila v dekoráciách či animáciách.
Bonus ako odlíšená, ale súvisiaca vrstva
Bonusová funkcia môže priniesť nové pravidlá, obrazovku alebo spôsob interakcie. Jej vzhľad preto potrebuje používateľovi oznámiť zmenu, no zároveň zachovať spojenie s celkovým rozhraním. Pomôcť môže samostatná farebná paleta, ikona alebo krátky nadpis, ktoré sa používajú jednotne vždy, keď sa bonus objaví.
Odlíšenie nemusí znamenať úplnú zmenu vizuálneho jazyka. Ak bonus zachová rovnakú typografiu a základné ovládacie prvky, používateľ ľahšie rozpozná, že ide o ďalšiu časť tej istej hry. Zároveň by sa jeho prvky nemali podobať na bežné ovládanie natoľko, aby vznikla nejasnosť o ich funkcii.
- Farba: odlišuje bonusové prvky od bežného pozadia, pričom musí zachovať dostatočný kontrast.
- Umiestnenie: stabilná pozícia pomáha rýchlo nájsť zostatok, ovládanie aj informácie o bonuse.
- Veľkosť: výraznejšie zobrazenie môže upozorniť na zmenu, no nemalo by prekryť kľúčové údaje.
- Pohyb: animácia môže označiť prechod do bonusu, zatiaľ čo základné informácie zostávajú dostupné.
Čitateľnosť naprieč obrazovkami
Na menších displejoch je priestoru menej, takže návrh musí rozlišovať medzi prvkami, ktoré treba zobraziť stále, a informáciami, ktoré možno sprístupniť po aktivácii príslušnej ikony. Základné ovládanie a stav hry by mali zostať ľahko dostupné. Bonusové vysvetlenia môžu využiť samostatnú plochu alebo stručnú informačnú vrstvu.
Prístupnosť podporuje dostatočná veľkosť textu, jasné označenie tlačidiel a kontrast, ktorý nezávisí iba od rozdielu medzi farbami. Ikona doplnená slovným označením poskytuje viac informácií než samotná farba. Takéto riešenie pomáha rôznym používateľom rozpoznať funkciu prvku a znižuje nároky na odhadovanie jeho významu.
Hierarchia ako súčasť informačného dizajnu
Pri posudzovaní rozhraní je užitočné odlišovať grafickú prezentáciu od pravidiel hry. Správy a odborné materiály o digitálnych médiách, napríklad obsah na medialne.trend.sk, patria do širšieho kontextu mediálneho prostredia; princípy hierarchie sa však uplatňujú naprieč digitálnymi produktmi. Pre samotný návrh zostáva rozhodujúce, či používateľ dokáže v správnom poradí nájsť ovládanie, stav a vysvetlenie bonusovej funkcie.
Dobrá hierarchia tak nevzniká jednoduchým zvýraznením všetkého dôležitého. Vyžaduje poradie: základná informácia musí byť rozpoznateľná ako prvá, zmena priebehu musí byť zrozumiteľná a doplnkové vysvetlenie dostupné bez toho, aby súperilo s hlavnou úlohou. Výsledkom je rozhranie, v ktorom bonus pôsobí ako jasne označená vrstva nad stabilným základom.
Konkrétnym dôsledkom pre dizajn je preto zachovať ovládanie a základné údaje na predvídateľných miestach a bonus rozlíšiť konzistentným vizuálnym signálom, ktorý je čitateľný na veľkej aj malej obrazovke.
Pre širší kontext pozrite aj sgda.sk.