Podstata

Vizuální design v UI je funkční jazyk, který uživateli průběžně sděluje:

• co je důležité (priorita),
• co spolu souvisí (struktura),
• co je možné dělat (affordance + signifikátory),
• co se právě děje (stav systému).

Hlavní „kanály“ vizuální komunikace

1. Vizuální hierarchie
   • nástroje: velikost, kontrast, barva, poloha, typografická váha, whitespace, rytmus.
   • cíl: zrychlit skenování a snížit kognitivní zátěž.
2. Affordance a signifikátory
   • affordance = naznačení možnosti interakce; signifikátor = konkrétní viditelný signál (podtržení odkazu, focus ring, ikona šipky).
3. Konzistence
   • stejné významy mají stejné vizuální chování → méně učení, méně chyb.
4. Stavový model komponent (states)
   • default/hover/active/focus/disabled/loading/error – vizuálně odlišit i pro přístupnost.

Propojení estetiky a použitelnosti

• Esteticko‑použitelnostní efekt: vizuálně kvalitní UI uživatelé často vnímají jako „snadněji použitelné“ a více mu důvěřují.
• Riziko: estetická „subtilnost“ může zhoršit čitelnost (nízký kontrast) a objevitelnost interakcí (nejasné signifikátory).

Příklady

• Zlepší UX: konzistentní typografická škála + whitespace → rychlejší orientace ve formuláři.
• Zhorší UX: neumorfismus s nízkým kontrastem → nejasná klikatelnost a slabé focus stavy.

Jak to obhájit u zkoušky

• Vždy vysvětlete účel (komunikace významu a stavu) a dopad (čas, chybovost, kognitivní zátěž, důvěra).