Rozdíl mezi UI a UX

Pokud se aspoň trochu pohybujete ve web designu, tak je pravděpodobné, že jste už slyšeli o UI a UX. V tomto článku se pokusím vysvětlit, o co se jedná a jaký je mezi těmito termíny rozdíl.

Pochopit, co znamenají termíny UX a UI, je někdy těžké a matoucí. To především z toho důvodu, že se tyto dva "procesy" překrývají a mají společný cíl.

Společný cíl UX a UI je produkt, který budou uživatelé používat ke své maximální spokojenosti.

V tomhle článku se budeme zabývat UX a UI pouze z hlediska webových stránek.

Předtím, než popíšu jejich rozdíl, tak zmíním, že v praxi jde dost často o jeden jediný proces, a celé věci se pak někdy říká UX/UI design.

User Experience, User Interface

UX je zkratka pro User Experience design. Česky přeloženo jako “uživatelská zkušenost”, nebo ještě lépe jako “dojem”.

UI je zkratka pro User Interface design. Česky přeloženo jako “uživatelské rozhraní”.

Oba prvky jsou důležité pro vytvoření kvalitního webu. Během návrhu a vývoje se dost překrývají.

Zkusím nejprve vysvětlit UX a UI pomocí příkladu. Dejme tomu, že jste na klasickém e-shopu s nábytkem. To, co vidíte na stránce daného e-shopu - obrázky, texty, navigaci, barvy, rozložení prvků atd. - je uživatelské rozhraní, neboli UI. To, jak daný e-shop funguje - jakým způsobem se produkt vloží do košíku, jak se přesměrujete na platební bránu, jak se produkt vyhledává - je zkušenost uživatele na webu, neboli UX.

Špatné UI by v tomto případě bylo, pokud by text byl příliš malý a tím pádem nečitelný. Naopak špatné UX by bylo, pokud by ve vyhledávání produktů nešlo zobrazit produkty dle kategorií, a uživatel se musel pracně prokousávat hromadou méně relevantního zboží.

Jednoduše řečeno: UX design se snaží poskytnout co nejlepší uživatelskou zkušenost, zatímco UI design směřuje k tvorbě efektivního a graficky přívětivého designu stránek.

Na základě toho bychom mohli tvrdit, že UI je vlastně pouhá část celého UX designového procesu. Ale to už předbíhám. Pojďme se nejprve podívat na každý termín zvlášť.

Co je UX

Začnu s User Experience, protože se jedná o širší pojem.

UX je způsob, jak promýšlet a plánovat webové stránky tak, aby uživatel měl co nejlepší zkušenost z interakce s danou stránkou.

UX je především o průzkumu (konkurence, Vašeho brandu, Vašich uživatelů, Vašeho produktu…), analýze, plánování... Jde tedy spíš o přemýšlení a předcházení problémům, než o samotné designování.

Konkrétně se jedná o proces tvorby a vylepšování interakce mezi uživatelem webových stránek a webovou stránkou samotnou.

 

Během návrhu a tvorby webu si UX designer vždy v hlavě drží konečného uživatele. Všechny prvky na stránce přizpůsobuje jeho potřebám.

UX designer má za úkol zajistit, že uživatel webu získá určitou hodnotu ze své interakce s danou stránkou.

Konečný výsledek je něco, co uživatelé stránky ani nepostřehnou. Perfektní UX design je takový, že uživatelé daného webu nepocítí žádné “tření” a nenarazí na žádné problémy či obtížná rozhodnutí během jejich cesty k tomu, kvůli čemu na daný web přišli.

Co je UI

Zatímco UX je proces, který má za cíl optimalizovat webovou stránku pro její efektivní a uspokojivé využití, tak UI je jiný typ procesu: tvorba vzhledu a dojmu z webové stránky.

Popis práce UI designéra je většinou podobný popisu práce grafického designéra.

UI se víc soustředí na konečný design webových stránek, který uživatelé vidí a se kterým interagují.

Je to proces tvorby efektivního designu webových stránek, který Vám pomůže dosáhnout Vašich cílů na webu.

UI designer typicky řeší:

  • Přívětivý a efektivní design stránek
  • Prezentaci značky v nejlepší světle
  • Design, který správně nasměruje pozornost uživatele a dovede ho k cíli
  • Interaktivní prvky na stránce, které dají uživateli možnost zapojit se a dostat si danou službu víc do vědomí

 

Cíl každého UI designera by měla být atraktivní a uživatelsky použitelná webová stránka, která pomocí designových prvků pomáhá uživatelům najít to, co chtějí. Účel UI designu je usnadnit komunikaci mezi uživatelem stránek a stránkou samotnou.

Je důležitější UI nebo UX?

Oba kroky v designu webových stránek jsou stejně důležité.

Web, který vypadá skvěle, ale najít na něm hledanou informaci v záplavě stránek je nemožné, je příklad dobrého UI a špatného UX.

Web, který je snadno ovladatelný a dává smysl, nicméně vypadá příšerně a nechce se nám na něj koukat, je příklad dobrého UX a špatného UI.

Každému úspěšnému webu předchází dlouhé přemýšlení, plánování a analýza.

Každý úspěšný web je také výsledkem neustálé optimalizace na základě informací o chování uživatelů daného webu.

Shrnutí

Tvorba webových stránek z hlediska UX a UI může vypadat např. takto:

UX designer se soustředí na celkovou uživatelskou zkušenost na webu. Zkoumá, jaké funkce by návštěvníkům webu nejvíce pomohly. Plánuje, jak bude typický uživatel stránky pročítat a používat. Přemýšlí, co uživatele motivuje, a co ho naopak na webu odradí.

Tyto informace pak předá UI designerovi, který má za úkol v rámci daných omezení vytvořit design stránek.

O mně

Jmenuji se Oskar Čorič. Tvořím responzivní webové stránky a poskytuji služby online marketingu. Weby a kampaně navrhuji, tvořím, spravuji a optimalizuji. Svou práci dělám tak, aby mému klientovi poskytla co největší hodnotu a pomohla mu dosáhnout jeho cílů.
envelope-olinkedin-squarephonefacebooklinkedinfacebook-official