UX vs. UI- skratky, ktoré by mal v dnešnej dobe poznať každý

UX vs. UI- skratky, ktoré by mal v dnešnej dobe poznať každý

Zamýšľal si sa už niekedy nad tým, čo je to vlastne, tak často skloňované, UI a UX? Niekedy je ťažké urobiť poriadok v súčasnej slovnej zásobe. Povedzme si úprimne, nielen v nej. Doba pokročila a technika sa stala našou každodennou súčasťou. Teraz sa musíme závratným tempom adaptovať na nové podmienky, s ktorými prichádzajú aj výrazy ako UI a UX. Možno si o nich už počul a možno si aj trochu zmätený z ich používania na sociálnych sieťach či v pracovných ponukách. Nech je to už akokoľvek, vedz, že tieto pojmy tvoria každodennú súčasť aj tvojho života. Chcel by si byť konečne nad vecou, keď na teba tieto divné skratky zaútočia najbližšie? Možno ti pomôžu nasledujúce tri body, v ktorých sa pokúsime čo najjednoduchšie objasniť, s čím máš vlastne dočinenia.

Nepleť si pojmy (UX) s dojmami (UI)

Asi si už pochopil, že reč bude o dizajnéroch digitálnych produktov ako sú webové stránky, aplikácie a podobne. Skús si však predstaviť seba ako používateľa istého produktu, ktorým bude v tejto chvíli tvoj nový bicykel. Ako každý bicykel, aj ten tvoj má pekné riadidlá, výkonné pedále a pohodlné sedadlo. Všetky tieto „pojmy“ predstavujú UI (User Interface- tzv. používateľské rozhranie). No až vo chvíli, keď si všetky tieto lákavé „pojmy“ vyskúšaš na vlastnej koži (sadneš na bicykel a užiješ si svoju jazdu) zažívaš UX (User Experience- tzv. užívateľský zážitok). Ide teda o dva odlišné pojmy, ktoré môžeme definovať takto:

UID (User Interface Design) = Návrh používateľského rozhrania je proces vytvárania rozhraní v softvéroch alebo počítačových zariadeniach so zameraním na vzhľad alebo štýl. Dizajnéri sa snažia vytvoriť návrhy, ktoré budú pre používateľov ľahko použiteľné a na pohľad príjemné.

UXD (User Experience Design) = Návrh užívateľského zážitku je proces zvyšovania spokojnosti zákazníkov a lojality prostredníctvom zlepšenia použiteľnosti, jednoduchosti použitia a potešenia poskytovanej v interakcii medzi zákazníkom a produktom.

Čo je to ten užívateľský zážitok?

Aj ten najmodernejší a najlepšie vyzerajúci produkt je nanič, ak ti spôsobuje problémy, namiesto toho, aby ti uľahčil život. Preto považujeme UX za neoddeliteľnú súčasť navrhovania nových digitálnych produktov či stratégií. Ideálnym príkladom na vysvetlenie tohto problému je nasledujúci obrázok, ktorý dokazuje, že aj ten najlepší dizajn je ničím, ak nezohľadňuje užívateľský zážitok.

K dokonalým zážitkom vedie dlhá cesta

A ako to celé vlastne funguje v praxi? Teraz, keď už vieme, že každý úspešný digitálny produkt je vytvorený poctivou prácou UI a UX dizajnérov, môžeme celý proces prirovnať k jednému veľkému ľadovcu zloženému z piatich častí.

1. Dôležitá je stratégia
Strategické uvažovanie nad projektom je našou prioritou ešte predtým, ako sa pustíme do akéhokoľvek projektu. V tomto bode je potrebné ujasniť si všetky vklady (financie, čas, energia, atď.), ktoré potrebujeme na vytvorenie konečného produktu. Táto fáza si vyžaduje prieskum cieľových používateľov, ich potrieb a motivácii.

2. Čo vlastne potrebujeme?
V tejto chvíli je dôležité vedieť, akú cieľovú skupinu chceme zasiahnuť a ako sa k nej vôbec dostať. Preto musíme definovať potrebné zdroje, ktoré nám pomôžu danú skupinu osloviť. V súčasnosti nám v tom najviac pomáhajú sociálne siete, vďaka ktorým sme schopní osloviť tisíce až milióny ľudí konkrétneho veku, pohlavia, záujmov a pod.

3. Štruktúra je základ
Pri vytváraní štruktúry projektu sa prioritne zameriavame na zadefinovanie používateľského rozhrania a toho, čo používateľ uvidí.

4. Začíname s návrhmi
V tomto bode sa naši UX dizajnéri snažia navrhnúť tzv. layout, ktorý zobrazuje presné rozmiestnenie daných prvkov či už na webe alebo v aplikácii.

5. Finálne vizuály
Tu sa do hry dostáva UI dizajnér, ktorý dá dokopy všetky podklady od UX dizajnéra tak, aby vizuál čo najviac korešpondoval s potrebami používateľov a priniesol tak dokonalý používateľský zážitok.

 

A čo na to ľudia z praxe?

Veľmi zaujímavý a inšpirujúci názor na danú problematiku má známy UX dizajnér Clayton Yan, ktorý celý problém vysvetľuje na príklade projektu stavby domu:

„Často sa vytvára zmätok okolo toho, čo je UI a UX a aké sú ich hlavné rozdiely, ak vôbec nejaké sú. Určite sú to dva rozdielne pojmy, ale nato, aby vytvorili krásny a intuitívny zážitok musia ísť ruka v ruke. Najčastejší príklad, na ktorom vysvetľujem danú problematiku je stavba domu. Keď staviate dom, musíte premýšľať o širokej škále vecí, medzi ktoré patrí aj štruktúra a rozloženie. Potrebujete dve alebo tri spálne? Má mať každá spálňa vlastnú kúpeľňu? Má byť obývačka prvou miestnosťou, do ktorej vstúpite pri vstupe do domu? Má byť dom jednopodlažný alebo dvojpodlažný? Pre mňa predstavuje UX celkový zážitok z vášho domu (produktu). Dávajú veci zmysel? Ako sa cíti užívateľ? Ďalšou užívateľskou úrovňou je rozhranie, s ktorým sa ľudia dostávajú do kontaktu. UI sa potom stáva vizuálnou témou. Musíte sa rozhodnúť: Aké tapety budete používať? Budete mať rovnaké kvetináče okolo celého domu? Alebo iné? Užívateľské rozhranie sú teda veci, ktoré užívateľ skutočne vidí a komunikuje s nimi. Patria sem tlačidlá, formuláre, obrázky atď. UX bez užívateľského rozhrania znamená, že váš dom má síce základy, steny a kostru, ale nie je krásny a súdržný. Na druhej strane UI bez UX je ako používanie úžasných farieb a dolaďovanie vizuálnych detailov, pričom vaše vchodové dvere vedú priamo do kúpeľne. Potrebujete obe na to, aby ste vytvorili dokonalé dielo. UX sa zvyčajne v projekte vykonáva ešte pred UI dizajnom, nakoľko je potrebný výskum, zadefinovanie všeobecných náčrtov a pracovných postupov. Akonáhle je táto fáza ukončená, nastupuje UI dizajn. Vďaka ktorému je konečný produkt krásny a zároveň plne funkčný.“

Teraz, keď už vieš, ako to celé funguje, môžeš tieto vedomosti využiť na zlepšenie profesionálneho dojmu, frajerovanie pred kamošmi alebo ako podklad pre ďalšie štúdium. A ak ti nestačilo, pokojne sa na nás obráť. Radi sa s tebou o svoje skúsenosti podelíme.

Najbližšie ti predstavíme sériu fotobaniek, z ktorých môžeš kradnúť úplne legálne a zadarmo! Ak si zvedavý na ďalší článok – daj nám like na facebooku a dozvieš sa o všetkých novinkách!


Naum štúdio sa zaoberá vizuálnou komunikáciou a dizajnom značiek, identít, inštitúcií, publikácií, ale aj UI/UX dizajnom online projektov a mobilných aplikácií. Prostredníctvom analýz, stratégii a designu, vytvárame silné značky smerujúce k vyššej trhovej hodnote. Zakladáme si na osobnom prístupe s našimi zákazníkmi a nadčasovým, osobitým dizajnom. Hľadáme zmysel v každom jednom projekte a snažíme sa odzrkadliť jeho hodnotu bez použitia slov. www.naum.studio

Vladimir Krajcovic

Art director & founder of Naum Calmind.com | Teeveeapp.com

Zdieľaj článok s priateľmi