UI je skratka od User Interface. V preklade do slovenčiny znamená užívateľské rozhranie. UI predstavuje stránky, ikony, tlačidlá a vizuálne prvky, pomocou ktorých ľudia komunikujú so zariadením. Dôležitou úlohou UI je to, aby sa web, e-shop alebo aplikácia dobre používala.
„Dizajn nie je len o tom, ako to vyzerá, ale o tom, ako to funguje.“ — Steve Jobs
Osem zlatých UI pravidiel Bena Shneidermana
1. Usilujte sa o konzistenciu
Používajte konzistentné farby, fonty, tlačidlá a ďalšie UI prvky. Je možné používať aj konzistentné odstupy (medzery) v rámci UI rozhrania. Znižujeme tým kognitívnu záťaž užívateľov.
2. Umožnite používateľom používať skratky
Dovoľte užívateľom používať klávesové skratky pre opakované úkony. Napr. odoslať formulár klávesou „Enter“, prepínať fotografie v galérii šípkami doprava a doľava.
3. Ponúknite informatívnu spätnú väzbu
- Ak užívateľ vyplní pole správne, malo by sa označiť zelenou farbou.
- Pri viackrokovom formulári alebo nákupnom procese zobrazujte, na ktorom kroku sa nachádza.
- Ak užívateľ ukáže na tlačidlo, malo by zmeniť farbu (hover).
- Po odoslaní formulára zobrazte jasnú hlášku o úspešnom odoslaní.
4. Navrhnite dialógy s jasným ukončením
Dajte užívateľovi jasnú spätnú väzbu, kde v rámci nejakého procesu sa nachádza (na začiatku, v strede, na konci). Na záver jasnú hlášku, že proces bol úspešne dokončený.
5. Ponúknite jednoduché riešenie chýb
- Real-time overovanie informácií, ktoré zadávate do formulárov.
- Poskytnutie návodu, ako problém riešiť.
6. Umožnite jednoduché vrátenie akcií
Umožnite používateľom experimentovať bez strachu z chýb tým, že im poskytnete možnosť jednoducho vrátiť alebo zrušiť svoje akcie.
7. Podporte vnútorný pocit kontroly u používateľov
Navrhnite aplikáciu tak, aby používatelia cítili, že oni riadia dianie a systém len odpovedá na ich pokyny.
8. Znížte záťaž krátkodobej pamäte používateľov
Navrhnite systém tak, aby si používatelia nemuseli pamätať veľa detailov medzi úlohami. Používajte prvky, ktoré sú ľahko rozpoznateľné.
Prečo kvalitne spracované UI
- Zvýšenie konverzií: prehľadné a intuitívne UI uľahčuje nákupný proces, čo vedie k vyšším predajom.
- Zníženie nákladov na podporu: používateľsky prívetivé rozhranie minimalizuje počet chýb a otázok.
- Budovanie lojality zákazníkov: pozitívna skúsenosť podporuje opakované návštevy a odporúčania.
V akých oblastiach sa využíva UI
- Mobilné aplikácie
- Webové stránky a e-shopy
- Softvérové aplikácie
- Automatické pokladne, infosystémy v autách a pod.
Aký je rozdiel medzi UI a UX?
UX (User Experience) je užívateľská skúsenosť — pocit, ktorý človek zažíva pri používaní vašej aplikácie alebo webu. UX sa zaoberá celkovým zážitkom, či je produkt zrozumiteľný a ľahko použiteľný. UI sa naopak týka vizuálnej stránky — toho, ako produkt vyzerá a aké grafické prvky obsahuje.
Príklad: UX je spôsob, akým sa auto riadi, jeho rýchlosť alebo ako vás chráni pri nehode. UI je značka, farba a dizajn auta.
Ako je na tom váš web?
Väčšina firiem netuší, ako ich dnes vníma AI. GEO Audit ukáže, či vás ChatGPT, Gemini alebo Perplexity vôbec odporúčajú.
- zistíme, pri akých témach vás AI spomína
- porovnáme vás s konkurenciou
Máme za sebou 130+ úspešných projektov
