Aký je rozdiel medzi UI a UX dizajnom?

Je bežné, že vidíte pracovné ponuky pre návrhárov UI, návrhárov UX a dokonca aj pre návrhárov UI / UX. Aký presne je však rozdiel medzi UI a UX? UI znamená používateľské rozhranie a UX predstavuje používateľskú skúsenosť. To môže byť mätúce, pretože ľudia si často myslia, že interakcia používateľa s rozhraním je synonymom zážitku používateľa. Existujú ale kľúčové rozdiely, ktoré odlišujú UI od UX.

Dizajnéri používateľského rozhrania a dizajnéri UX zvyčajne úzko spolupracujú, zameriavajú sa však na rôzne veci. Dizajnéri UI aj UX sa zaujímajú o dizajn aplikácie, ale iba o rôzne aspekty. Aby sme tomu lepšie porozumeli, pozrime sa na každú rolu.

Čo je návrh používateľského rozhrania?

Užívateľské rozhranie odkazuje na grafické aspekty dizajnu. Zahŕňa to všetky dizajnové aspekty, ktoré môže používateľ vidieť a pracovať s nimi.

Dizajn používateľského rozhrania sa zameriava na vytvorenie funkčného rozhrania, ktoré umožní používateľovi dokončiť úlohy, ktoré potrebuje, a to pri vizuálnej príťažlivosti. Návrhár používateľského rozhrania môže byť tiež front-endový vývojár a kódovať front-endový kód. Dizajnér používateľského rozhrania však mohol vytvárať aj šablóny a vzory, ktoré potom front-endový vývojár programuje.

Čo je návrh používateľskej skúsenosti?

Skúsenosti používateľov sa zameriavajú na to, či produkt vyhovoval potrebám používateľov. Dizajnéri UX chcú vedieť, ako ľudia používajú produkt a či im dizajn pomáha dosiahnuť ich ciele. Ich úlohou je optimalizovať produkt nad rámec toho, že je funkčný.

Väčšina práce dizajnéra UX spočíva v absolvovaní testov použiteľnosti, aby sa zistilo, či používatelia môžu vykonávať úlohy, ktoré ich zaujímajú, a či chcú produkt používať. Nemusia nevyhnutne navrhovať alebo kódovať rozhranie, ale vylepšujú ich tak, aby lepšie vyhovovali potrebám koncových používateľov.

Dizajn UX môže zahŕňať aj aspekty presahujúce dizajn produktu. Dizajnér UX musí zvážiť, ako jeho užívateľská základňa objaví produkt, a pochopiť, ako skúsenosti používateľa formujú jeho pocit z spoločnosti ako celku.

Súvisiace: Chcete sa stať dizajnérom UX? Tu je návod, ako začať

Chcete sa stať dizajnérom UX? Tu je návod, ako začať

Úlohou dizajnéra UX je zabezpečiť, aby o potreby používateľov softvéru bolo postarané a aby boli v tomto procese spokojní.

Ako sa líšia UI a UX?

Jednoducho povedané, používateľskému rozhraniu záleží na tom, ako je niečo navrhnuté, a používateľovi UX viac na tom, ako sa to používa. Aby sme to lepšie ilustrovali, zvážme, ako by k hodnoteniu softvéru pristupoval dizajnér UI a UX.

Gimp je populárny program na manipuláciu s obrázkami GNU. Je to dobrý program, ale rovnako ako väčšina softvérov s otvoreným zdrojovým kódom, je vždy čo zlepšovať.

Toto je obrázok rozhrania:

Dizajnér používateľského rozhrania by pracoval na tom, aby všetko, čo tu môžete vidieť a interagovať s ním, bolo esteticky príjemné a funkčné. Princípom používateľského rozhrania, ktorý Gimp implementuje dobre, je jeho použitie uniformity. Ak na plátno kliknete pravým tlačidlom myši, zobrazia sa možnosti ponuky v hornej časti. Sú zobrazené v rovnakom poradí a majú k dispozícii všetky rovnaké možnosti.

Grafické rozhranie Gimpu bolo postupom času zjednodušené, aby malo minimalistický dizajn. Predchádzajúce verzie mali farebné ikony a viac okien. Nový dizajn je oveľa estetickejší. Ikony sa však medzi rôznymi verziami dosť zmenili, čo porušuje konzistenciu. Ale celkovo má Gimp celkom dobré rozhranie.

Na strane UX mince je veľa toho, čo by sa dalo vylepšiť. Môžete intuitívne povedať, čo ktorá z týchto ikon robí? Čo robí ikona vlny?

Bežne používané nástroje a funkcie sú často zakomponované do vrstiev kariet a ponúk, takže používanie softvéru je ťažšie, ako je potrebné. Niektoré funkcie nie sú intuitívne. Napríklad pri presúvaní vrstiev je predvolené nastavenie na presun „Vyberte vrstvu alebo sprievodcu“, ale je veľmi ťažké predpovedať, ktorá vrstva sa skutočne pohybuje.

Gimp je vynikajúci produkt, ale niekedy môže byť frustrujúce ho používať. Rozhranie funguje dobre, ale nie vždy je zjednodušené, aby vyhovovalo užívateľovi. To pekne demonštruje, že hoci je používateľské rozhranie priamo spojené s užívateľským zážitkom, užívateľský zážitok je jeho vlastná beštia.

Návrh veľkej komplexnej aplikácie je časovo veľmi náročný. Aby bola správa lepšia, rôznym ľuďom alebo tímom sa priraďujú rôzne aspekty. Zatiaľ čo návrhár UI vytvára dizajn, návrhár UX by mohol skúmať, ako budú ľudia produkt používať. Ich výskum potom možno začleniť do návrhu a usporiadania.

Dizajnéri UI a UX spolupracujú veľmi úzko, ale na rôznych aspektoch dizajnu. Dizajn používateľského rozhrania sa zameriava na konkrétne aspekty dizajnu: napríklad umiestnenie tlačidiel a farebná schéma. Dizajnéri UX zároveň kladú abstraktnejšie otázky, ako napríklad to, či sa používateľom bude produkt páčiť a či vyrieši ich potreby.

Môžete mať dobré používateľské rozhranie so zlým UX a zlé používateľské rozhranie s dobrým UX. Napríklad Notepad ++ nie je nijako zvlášť atraktívny, ale vďaka jednoduchosti sa dá ľahko používať. Jeho používateľské rozhranie je slabé, ale jeho používateľské rozhranie je silné.

Čo je návrhár UI / UX?

Zistili sme, že UI a UX sú odlišné veci. Ukázali sme však tiež, že sa obidvoch zaoberajú predovšetkým rozhraním aplikácie. Keď pracujete vo veľkých tímoch, oddelenie týchto rolí má veľa výhod. Pri práci v malých tímoch však môže byť prospešné kombinovať roly. Predtým sme spomínali, že front-endový vývojár môže byť aj dizajnér UI. Rolu je však možné kombinovať aj s rolou UX.

Návrhy UI aj UX nevyhnutne nevyžadujú žiadne programovanie. Veľkú časť projekčných prác a testov možno vykonať pomocou drôtových modelov a prototypov. To znamená, že dizajnér UI / UX môže mať skôr pozadie v oblasti dizajnu a behaviorálnej vedy ako v informatike. Dizajnér UI / UX je teda vynikajúci pre malé tímy, ktoré chcú, aby bol ich dizajn veľmi zameraný na používateľa.

Prinášame všetko dohromady

Zloženie vývojového tímu je určené potrebami dizajnu. Vytvorenie dobrého tímu vyžaduje dobré pochopenie rôznych rol a špecialít každého člena tímu. Ak uvažujete o tom, že sa začnete venovať vývoju webových aplikácií, bude to zaujímať o UI a UX vám pomôže rozhodnúť sa medzi front-endovým alebo back-endovým vývojárom.

Úlohy dizajnérov UI a dizajnérov UX sú bezplatné, ale každá z nich má iné silné stránky. Pochopenie ich silných stránok vám môže pomôcť vytvoriť najlepší tím.

Adobe XD: bezplatný nástroj na návrh používateľského rozhrania a UX, ktorý môžete hneď teraz používať

Adobe XD je aplikácia na vytváranie prototypov rýchleho rozhrania pre mobilné zariadenia a webové stránky. V tomto článku vám predstavíme program Adobe XD!

O autorovi