UI dizajn

Čo to znamená

UI dizajn, z anglického user interface, je navrhovanie používateľského rozhrania, teda vizuálnej podoby a ovládacích prvkov webu alebo aplikácie. Zahŕňa rozloženie stránky, farby, typografiu, ikony, tlačidlá, formuláre a ich správanie pri interakcii, napríklad pri kliknutí alebo chybe.

UI dizajn nadväzuje na UX dizajn, ktorý rieši celkovú skúsenosť používateľa, jeho potreby a postup pri plnení úloh. Kým UX odpovedá na otázku, čo má rozhranie umožniť a v akom poradí, UI určuje, ako to bude vyzerať a ako sa to bude ovládať.

Dobrý UI dizajn je konzistentný, prehľadný a zodpovedá značke firmy podľa dizajn manuálu. Zároveň musí byť prístupný pre ľudí so zdravotným postihnutím, napríklad dostatočným kontrastom farieb, čitateľným písmom a ovládaním z klávesnice, ako to vyžaduje WCAG.

Ako to funguje v praxi

Práca zvyčajne začína wireframami, teda jednoduchými náčrtmi rozloženia bez farieb a detailov. Nasledujú vizuálne návrhy a interaktívne prototypy, na ktorých sa dá dizajn otestovať s používateľmi ešte pred programovaním.

Mnohé firmy si vytvárajú knižnicu komponentov, teda opakovane použiteľných prvkov ako tlačidlá, polia formulárov či karty. Vďaka nej vyzerá web jednotne, vývoj je rýchlejší a zmeny dizajnu sa dajú premietnuť na všetky stránky naraz.

Výsledky UI dizajnu treba overovať testovaním použiteľnosti a meraním, napríklad konverzného pomeru formulárov. Pekný dizajn, ktorý používatelia nevedia ovládať, prináša menej než jednoduchší, no zrozumiteľný návrh.

Na čo si dať pozor

Prístupnosť nie je len dobrou praxou. Akt o prístupnosti ukladá povinnosti pre vybrané produkty a služby vrátane e-commerce, takže nedostatočne prístupné rozhranie môže byť aj právnym rizikom. Kontrast, veľkosť textu a popisy obrázkov treba riešiť od začiatku.

Módne trendy v dizajne sa rýchlo menia a môžu ísť proti použiteľnosti, napríklad svetlosivý text na bielom pozadí alebo skryté menu. Pri obchodnom webe je dôležitejšie, aby používateľ rýchlo našiel informácie a dokončil akciu, než aby dizajn pôsobil čo najmodernejšie.