UI (user interface), po slovensky používateľské rozhranie, je všetko, čo umožňuje človeku komunikovať so strojom, napríklad so stránkou alebo aplikáciou. Na webe sú to napríklad tlačidlá, formuláre, menu a vzhľad stránky. UI je to, čo používateľ vidí a čoho sa dotýka.
Aké prvky UI na webe nájdeme?
- Navigácia a menu.
- Tlačidlá a výzvy na akciu, pozri CTA.
- Formuláre a vstupné polia.
- Písma, farby a rozloženie stránky, ktoré určuje CSS.
Aký je rozdiel medzi UI a UX?
| Pojem | Čo rieši | Príklad |
|---|---|---|
| UI | Ako rozhranie vyzerá a z čoho sa skladá. | Vzhľad tlačidla, farby, písmo. |
| UX | Aká je celková skúsenosť pri používaní. | Ako jednoducho človek nájde a odošle formulár. |
Ako UI súvisí s webom na mieru?
Pri webe na mieru navrhujeme rozhranie tak, aby bolo prehľadné a fungovalo aj na mobile, pozri responzívny dizajn. Dobré UI je základom dobrej skúsenosti s webom.
Čo si zapamätať o pojme UI?
UI je viditeľná časť webu. Spolu s UX rozhoduje o tom, ako sa na stránke človek orientuje a čo na nej dokáže.
Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem UI rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.
Súvisiace pojmy: UX, CSS, CTA, Responzívny dizajn, Web na mieru, Figma, Firemná identita, Frontend, Ikonografia, Material Design, Photoshop, Prístupnosť webu, Prototypovanie, Testovanie použiteľnosti, Wireframe
Často kladené otázky o pojme UI
Čo je UI?
Čo znamená skratka UI?
Aké sú príklady UI?
Je UI to isté ako UX?
Ovplyvňuje UI SEO?
Zdroje
- MDN Web Docs: UI (Glossary)Definícia používateľského rozhrania.
- web.dev: Fast load timesSkúsenosť používateľov a výkon webu.
- Google Search Central: Creating helpful, reliable, people-first contentObsah a stránky vytvorené pre ľudí.