Bloky, reklama a spúšťanie akcií

Obsahový blok a jeho úloha

Blok je časť rozhrania s vlastnou funkciou: navigácia, výklad, obrázok, reklama alebo formulár. Pri návrhu určujeme, ktorú informáciu má používateľ zbadávať ako prvú a čo má nasledovať. Zmysluplné členenie vytvára hierarchiu; náhodné množstvo boxov ju môže zhoršiť.

Región označuje miesto v rozložení, napríklad hlavný obsah alebo bočný panel. Blok možno podľa systému umiestniť do regiónu a zobraziť na vybraných stránkach. Viditeľnosť môže závisieť od účtu, roly, zariadenia alebo splnenej podmienky. Údaje skryté iba vizuálnym štýlom však nie sú tým automaticky bezpečne chránené.

Umiestnenie, kontrast a responzivita

Časť stránky viditeľná hneď po načítaní má vplyv na prvú orientáciu. Nie je to univerzálne pevná výška: závisí od zariadenia a nastavenia. Dôležitá informácia má byť ľahko nájditeľná, ale nemusíme preťažiť prvú obrazovku všetkým obsahom.

Kontrast, veľkosť písma a rozostupy ovplyvňujú čitateľnosť. Zvýraznenie funguje iba vo vzťahu k okoliu; ak je výrazný každý blok, hierarchia sa stráca. Na telefóne sa bočný panel môže presunúť pod výklad. Kontrolujeme aj poradie pre klávesnicu a asistívne technológie, nie iba optickú polohu.

Reklama a výzva k činnosti

Reklamný blok má byť rozpoznateľný ako reklama. Jeho zameranie môže súvisieť s obsahom, ale nesmie napodobňovať systémové upozornenie či navigáciu tak, aby používateľa zavádzal. Súlad s témou podporuje relevanciu, nenahrádza však jasné označenie účelu.

CTA, výzva k činnosti, pomenúva ďalší krok. Text „Zobraziť program podujatia“ je konkrétnejší než „Pokračovať“. Pri odoslaní formulára má používateľ vedieť, čo odošle, komu a čo sa stane ďalej. Vytvorenie účtu a samotné zobrazenie verejného obsahu sú rozdielne akcie.

Udalosť, akcia a spätná väzba

Udalosť je napríklad aktivácia tlačidla; akcia je zobrazenie odpovede, otvorenie odkazu alebo odoslanie dát. Následná spätná väzba oznámi výsledok. Pri chybe formulár vysvetlí, ktoré pole treba opraviť. Tlačidlo musí byť použiteľné aj bez myši.

Používateľská rola určuje oprávnenie, nie iba vzhľad. Redaktor môže meniť obsah, čitateľ ho prezerať. Server alebo zodpovedajúca služba musí oprávnenie skutočne kontrolovať. Registrácia sama nepreukazuje správnosť osoby ani úplnú bezpečnosť systému.

Meranie a úprava návrhu

Zobrazenie bloku, kliknutie a dokončenie cieľovej činnosti sú odlišné údaje. Veľký počet kliknutí s malým počtom dokončení môže znamenať nejasnú cieľovú stránku. Výsledok skúmame spolu s obsahom a podmienkami, nie iba premiestnením reklamy. Školský výklad má prednosť pred maximalizovaním reklamných reakcií.

Viditeľný prvok bez správnej funkcie

Tlačidlo môže byť výrazné a napriek tomu nepoužiteľné klávesnicou. Blok môže vyzerať skrytý, ale zostať dostupný v zdrojových údajoch. Podstatný obsah môže byť pod reklamou, ktorá prekryje text na telefóne. Tieto situácie ukazujú rozdiel medzi grafickou viditeľnosťou, ovládateľnosťou a skutočným prístupovým právom.

Pri tlačidle na zobrazenie vysvetlenia sa po aktivácii otvorí príslušný obsah a používateľ sa dokáže vrátiť. Pri formulári sa uvádza dôvod zhromažďovania a výsledok odoslania. Zrozumiteľná spätná väzba je časť akcie, nie dodatočný estetický doplnok.

Zmena umiestnenia reklamy môže zvýšiť kliknutia aj vtedy, keď používateľ kliká omylom. Takýto výsledok nepreukazuje lepší návrh. Hodnotenie má sledovať pochopenie a úspešné vykonanie zamýšľanej činnosti. Pri učebnej stránke rozhoduje dostupnosť výkladu a orientácia v témach. Akčný prvok má podporiť tento účel, nie od neho odvádzať pozornosť.

Príklad z praxe: Úloha obsahuje tlačidlo na zobrazenie vysvetlenia. Čitateľ najprv vytvorí vlastný návrh, potom si otvorí riešenie. Názov tlačidla a následný stav sú jasné. Prvok pomáha samostatnej kontrole a nemusí automaticky spúšťať zvuk ani animáciu.