Co je UX a UI a jaký je rozdíl mezi UX a UI designem?
UX & UI je dvojice zkratek, které často zaznívají ve vzájemné souvislosti. Jejich význam v poslední době raketově roste. Důvod? Díky UX i UI designu dokáže web udržet návštěvníky na svých stránkách. V centru zájmu obou je právě uživatel. Aby na stránce našel co hledá, bez problémů dokončil svou objednávku a jako bonus – navštívil web znovu a doporučil známým.
UX a UI design jsou v zásadě rozdílné pojmy. Společně však vytvářejí přesně to, co by žádné moderní webové stránce, která chce spokojené uživatele, nemělo chybět. Jaký je tedy mezi nimi rozdíl, proč jsou neoddělitelné a co všechno pod ně spadá?
Co je to UX design – User Experience?
UX – User Experience překládáme do slovenštiny jako uživatelskou zkušenost. Laicky řečeno zážitek a dojmy, které uživatel webu nebo aplikace získá. Mohou být pozitivní, negativní, ale také někde mezi tím.
Cílem každého online projektu je dosáhnout to, aby návštěvník stránky provedl konverzi, kterou si za cíl určil. To znamená, například, koupil novou pračku, přečetl článek až do konce nebo kliknul na tlačítko “kontaktujte mě” a zanechal svůj e-mail. Avšak během toho, jak se návštěvník webu na stránkách pohybuje, ovlivňuje ho mnoho faktorů. Dokáže rychle najít produkt, který chce koupit? Dozví se všechny potřebné informace už z krátkého popisu? Dokáže objednávku pračky vyřešit na pár kliknutí nebo ho zdrží nesrozumitelný formulář? Pokud se na webu nachází množství překážek, které musí překonat, návštěvník stránku opouští.
UX a UI design, spolu s metodami a postupy, které UX používá, mají za cíl tyto překážky odstranit. Zaměřují se právě na to, aby byla výsledkem uživatelská zkušenost pozitivní a zákazník byl při interakci s webem spokojený.
Co je to UI design – User Interface?
UI – User Interface je uživatelské rozhraní. Tedy všechny prvky, které se na webové stránce nacházejí a to, jak s nimi návštěvník stránky interaguje. UI design má za cíl vytvořit takové prostředí, které mohou uživatelé snadno a intuitivně používat. Zabývá se konkrétními prvky, jako jsou například tlačítka, bannery, textová pole nebo obrázky. Řeší jejich funkčnost, zobrazení a také jejich vzájemné uspořádání. Výsledkem je prostředí, ve kterém se člověk snadno zorientuje, neruší ho nepotřebné prvky nebo informace.
Jaký je tedy rozdíl mezi UX & UI designem?
Zatímco UX řeší dojmy uživatele, zkoumá jeho potřeby a identifikuje problémy, které na stránkách má, UI se zaměřuje na to, jak sestavit vizuálně a funkčně web tak, aby k nim nedocházelo. Jinak řečeno – UX ladí celkový uživatelský zážitek (použitelnost, přívětivost a potřeby návštěvníka stránky) a UI to, jak stránka vypadá a funguje.
Proč UX a UI design tak úzce souvisí?
Na druhé straně je potřeba říci, že pro dosažení optimálního výsledku – uživatelsky vyladěného webu, je potřebná spolupráce obou. Protože UX a UI design kráčejí ruku v ruce. Ideální postup je, když v rámci UX specialista definuje problémová místa a zjistí, kde uživatel stránky narazí na problémy. Následně ve spolupráci s UI designérem navrhne nový, lepší vizuál s funkčními prvky, které na sebe navazují jako hodinky.
UX a UI jsou jednoduše jako dvě spojené nádoby. Návštěvník stránky stěží získá pozitivní zkušenost s webem, pokud ho na něm nečeká kvalitní uživatelské rozhraní.
Co všechno řeší UX design a jaké metody/nástroje používá?
Aby byla uživatelská zkušenost s webem hodnocena pozitivně, existuje několik kroků, které tomu předcházejí. Pokud si vezmeme e-shop nebo web, který už existuje, ale chce dosáhnout více konverzí, základem je zjistit, v jakém stavu se aktuálně nachází. Díky profesionálnímu UX auditu získá majitel webu přehled o tom, kde a proč zákazníci stránku opouštějí a co všechno by měl v rámci UX vylepšit.
Součástí odhalení slabých míst může být UX testování. Je to maximálně efektivní způsob, který za účasti vzorku reálných uživatelů webu dokáže odhalit až 80% chyb a překážek, které na návštěvníka číhají.
Jakýkoliv nový web, kterému předchází UX výzkum (zmapování potřeb cílové skupiny zákazníků) a návrh na UI/UX design šitý na míru, má vydlážděnou cestu k úspěchu.
Na jaké oblasti se UX zaměřuje, aby byla zkušenost uživatele s webem pozitivní?
Použitelnost webu
Aby webová stránka splnila očekávání návštěvníka, musí být v první řadě použitelná. Jinak řečeno, tlačítka musí být navázána na procesy, které popisují (po kliknutí na “koupit” se produkt vloží do košíku), vyhledávání musí zobrazit relevantní dotazy, v navigaci stránky se snadno orientuje a v rámci objednávkového procesu nejsou zbytečně zdlouhavé formuláře, které objednávku komplikují.
NÁŠ TIP: Přečtěte si 7 tipů pro lepší fazetové vyhledávání od naší UX designérky Barborky.
Přizpůsobivost webu
Lidé používají na zobrazení stránek různá zařízení. Základem je, aby se web vždy dokázal přizpůsobit obrazovce nebo zařízení, na kterém si uživatel právě stránku prohlíží. Responzivní design je dnes skutečně must-have každého webu, avšak v rámci UX můžete ještě dotažení detailů, které mobilní verzi oproti té desktopové vyladí na maximum.
UX/UI design
Celkový vzhled a vzájemné uspořádání prvků je právě ta úzká hranice, kde se UX a UI prolínají. Zatímco v rámci user interface tyto prvky vznikají, UX pomocí výše zmíněných metod a postupů dokáže ověřit, zda skutečně vytvářejí pozitivní zkušenost v souvislosti s používáním webu.
Kvalitní obsah
Nejen design, ale také obsah v smyslu grafických a textových prvků dokáže výrazně ovlivnit to, jaký dojem návštěvník webu získá. Jsou informace, které na stránkách uvádí srozumitelné? Souvisí obrázky s textem? Je obsah na dané stránce relevantní? Nebo se uživatel ztrácí, neví najít co hledá, případně se mu stránka oslovuje nevhodným jazykem?
Přístupnost webu
Webové stránky si prohlížejí i lidé, kteří mají určitý typ znevýhodnění – například zrakového, motorického nebo sluchového. Také hledají informace, chtějí nakupovat online nebo se bavit. Aby byl web přístupný pro každého, je potřeba myslet i na detaily, jako jsou titulky u videa, alternativní texty k obrázkům nebo barevné schémy, které bez problémů přečtou i lidé se znevýhodněním.
Co patří pod user interface a jaké jsou úkoly UI designéra?
UI designér je člověk, který se navrhuje jednotlivé prvky webu tak, aby vzájemně ladily a navazovaly na sebe s cílem zajistit pozitivní zkušenost uživatele při interakci s webem. Které oblasti user interface řeší?
UI design a prvky
Do UI designu spadají nejen jednotlivé prvky – tlačítka, textová pole, formuláře, obrazové části, bannery a podobně, ale také komplexní layout (stránka). S důrazem na srozumitelnost a jednoduchou použitelnost. Správně rozvržený layout dokáže provést návštěvníka webem mnohem efektivněji.
Provedení
Součástí UI je nejen výběr vhodných prvků, jejich umístění na správném místě, ale i jejich barevné provedení (kombinace barev, přechody) a výběr písma (fonty a velikost). User interface tedy zasahuje i typografii a komplexní vizuální hierarchii prvků, která by měla být co nejpřívětivější.