Dizajn UX a používateľského rozhrania: účel a rozdiely. Všetko, čo potrebujete vedieť o UX dizajne Ux designer čo

29.09.2017

Používateľská skúsenosť alebo UX je v súčasnosti populárny pojem v technologickom a dizajnérskom priemysle. Ako sa UX neustále vyvíja a definuje, veľa ľudí si stále nie je istých, čo UX znamená a ako tento výraz správne používať.

Pravdepodobne často počujete o UX, pokiaľ ide o rozhrania webových stránok alebo mobilných aplikácií. Čiastočne je to pravda, ale hlbší pohľad na UX je potrebný na úplné pochopenie toho, prečo je používateľská skúsenosť taká dôležitá a prečo je také dôležité o nej vedieť.

Čo je používateľská skúsenosť (UX)?

UX je skratka pre „užívateľskú skúsenosť“. Skúsenosť je spôsob, akým ľudia interagujú s produktom.

S UX sa stretávate všade. Teoreticky všetko, s čím prídete do kontaktu, počnúc softvér na tlačidlo zapnutia/vypnutia a jeho tvar sú príklady prvkov, ktoré vytvárajú UX. Súčet vašich interakcií s produktom sa stáva skúsenosťou, ktorú máte pri používaní tohto produktu.

Všetky predmety okolo nás majú zážitok z interakcie – od kioskov s dotykovou obrazovkou v metre až po elitné kávovary, ktoré vám umožňujú naliať si šálku gurmánskej kávy. Možnosť použitia mobilný telefón alebo akékoľvek iné zariadenie na cestách zlepšuje UX, rovnako ako interakcia s autom pomocou dotykovej obrazovky a hlasových príkazov uľahčuje a spríjemňuje jazdu.

Úspech produktu je založený na tom, ako ho používatelia vnímajú. Pri používaní produktu ľudia zvyčajne hodnotia svoje skúsenosti takto:

  • Mal som z tohto produktu úžitok?
  • Je to jednoduché na používanie?
  • Je príjemné ho používať?

To, či sa ľudia stanú pravidelnými a lojálnymi užívateľmi produktu, priamo závisí od odpovede na tieto otázky.

UX prvky

Don Norman, spoluzakladateľ Nielsen Norman Group, bol prvým, kto v 90. rokoch vytvoril koncept „užívateľskej skúsenosti“ a povedal: „Používateľská skúsenosť zahŕňa všetky aspekty interakcie používateľa so spoločnosťou, jej službami a produktmi.“

„Tento výraz som vymyslel, pretože som si myslel, že ľudské rozhrania a použiteľnosť sú príliš úzke pojmy. Chcel som zachytiť všetky aspekty ľudskej skúsenosti so systémom, vrátane priemyselného dizajnu, grafiky, rozhraní a fyzickej interakcie.

V tomto videu Don Norman zdieľa svoje myšlienky o pôvode pojmu UX.

Dizajn je dosť široký a vágny pojem. Kedy niekto hovorí? „Som dizajnér,“ nie je hneď jasné, čo vlastne každý deň robí. Existuje niekoľko rôznych oblastí, ktoré spadajú pod dizajn.

Profesie súvisiace s dizajnom existujú v rôznych oblastiach – od priemyselného dizajnu (dizajn áut a nábytku atď.), printového dizajnu (časopisy a iné tlačené publikácie) až po web dizajn (webové stránky, mobilné aplikácie).

Nedávno sa však objavilo mnoho nových dizajnérskych profesií zameraných na vývoj rozhraní pre rôzne typy obrazoviek. Práce s názvom UX alebo UI dizajnéri sú pre nezasvätených a dokonca často aj pre samotných dizajnérov z iných oblastí nepochopiteľné.

Pokúsme sa pochopiť, čo každý z týchto výrazov znamená.

Dizajnér UX (dizajnér POUŽÍVATEĽSKÝCH SKÚSENOSTÍ)

UX dizajnér sa primárne zameriava na to, ako sa produkt „cíti“ a ako ho vníma používateľ. Úloha zadaná dizajnérovi nemá jednu správnu odpoveď. Dizajnéri UX skúšajú rôzne prístupy k riešeniu konkrétneho používateľského problému. Široký zoznam povinností dizajnéra UX zahŕňa zabezpečenie toho, aby produkt neustále posúval zákazníka z jednej fázy do druhej. Jedným zo spôsobov, ako to dosiahnuť, je vykonať priame testy so skutočným používateľom, aby bolo možné pozorovať jeho správanie. Identifikáciou verbálnych a neverbálnych prekážok UX dizajnéri zlepšujú produkt a dôsledne prichádzajú k tvorbe najlepšia možnosť interakciu používateľa s produktom. Testovacia verzia je potrebná na zabezpečenie čo najpohodlnejšieho používania produktu.

Príklad popisu práce dizajnéra zážitkov na Twitteri:

„Definujte modely interakcie, toky úloh používateľa a špecifikácie používateľského rozhrania. Prezentujte rôzne scenáre vývoja udalostí, opíšte proces používania a modely interakcie od začiatku do konca a ukážte vzorky zainteresovaným stranám. Spolupracujte s naším kreatívnym riaditeľom a vizuálnymi dizajnérmi na zjednotení vizuálnej identity a podpisových funkcií Twitteru. Vyvíjajte alebo udržiavajte návrhy, makety a štandardy podľa potreby."

Výsledky práce: rozloženie obrázkov na obrazovkách, storyboardy, plán lokality.

Nástroje: Photoshop, Sketch, Illustrator, Fireworks, InVision

Návrhár používateľského rozhrania (návrhár používateľského rozhrania)

Na rozdiel od dizajnérov UX, ktorí sú zodpovední za celkový zážitok z produktu, práca dizajnéra používateľského rozhrania sa točí okolo toho, ako je produkt navrhnutý. Títo špecialisti sú zodpovední za dizajn každej stránky alebo obrazovky, s ktorou používateľ komunikuje, a musia zabezpečiť, aby sa používateľské rozhranie vizuálne zhodovalo s cestou, ktorú navrhol dizajnér UX. Napríklad dizajnér používateľského rozhrania, ktorý vytvára analytický panel, môže prezentovať najdôležitejší obsah v hornej časti stránky alebo sa môže rozhodnúť, že posuvník alebo ovládacie tlačidlo je vhodnejšie pre to, ako používateľ vníma úpravu grafu.


Typicky je dizajnér používateľského rozhrania zodpovedný aj za vytvorenie jednotného štýlu a musí zabezpečiť, aby sa v celom produkte použil vhodný jazyk dizajnu.

Zachovanie konzistencie všetkých vizuálnych prvkov a definovanie správania (napríklad ako zobraziť chyby alebo varovania) spadá do kompetencie dizajnéra používateľského rozhrania.

Hranica medzi týmito dvoma profesiami je dosť nejasná a často firmy na tieto dve pozície prijímajú jedného človeka.

Nástroje: Photoshop, Sketch, Illustrator, Fireworks

Vizuálny dizajnér (grafický dizajnér)

Vizuálny dizajnér je niekto, kto robí grafiku. Ak sa spýtate niekoho, kto nenavrhuje, čo je dizajnér, možno vám ako prvé napadne grafický dizajn ehm. Grafickí dizajnéri nemajú nič spoločné s tým, ako obrazovky medzi sebou komunikujú alebo ako niekto interaguje s produktom. Namiesto toho sa zameriavajú na vytváranie krásnych ikon, ovládacích prvkov a iných vizuálnych prvkov a výber vhodných fontov. Grafickí dizajnéri pracujú na malých detailoch, ktorým ostatní nevenujú pozornosť, a často pracujú vo Photoshope 4X alebo 8X.

Je tiež celkom bežné, že dizajnéri používateľského rozhrania vykonávajú dvojitú povinnosť a vytvárajú konečnú verziu prvkov obrázka. Niektoré spoločnosti sa rozhodnú neprijať samostatného grafického dizajnéra.

Nástroje: Photoshop, Skica

Interaktívny dizajnér (motion designer)

Pamätáte si tú takmer nepostrehnuteľnú animáciu poskakovania, keď obnovujete e-mail na vašom iPhone? Toto je práca návrhára pohybu. Na rozdiel od grafikov, ktorí pracujú so statickými prvkami, pohyboví dizajnéri vytvárajú animácie v rámci aplikácií. Zaoberajú sa tým, čo robí rozhranie, keď sa ho používateľ dotkne. Napríklad rozhodujú o tom, ako sa majú ponuky rozširovať, aké prechodové efekty sa majú použiť a ako má reagovať konkrétne tlačidlo. Dobre vykonaný návrh pohybu sa stáva neoddeliteľnou súčasťou rozhrania a ponúka vizuálne pokyny na používanie produktu.

Popis práce Motion Designer v Apple:

„Vysoká kvalifikácia v oblasti grafického dizajnu, pohyblivej grafiky, znalosť digitálneho umenia, dobré vnímanie písma a farieb, všeobecná pozornosť k materiálom a textúram, ako aj praktické pochopenie animácie. Znalosť iOS, OS X, Photoshop a Illustrator, tiež znalosť Director (alebo ekvivalent), Quartz Composer (alebo ekvivalent), 3D modelovanie, pohyblivá grafika“

Nástroje: AfterEffects, Core Composer, Flash, Origami

UX výskumník (používateľský výskumník)

Cieľom UX výskumníka je odpovedať na dve otázky: „Kto je náš zákazník? a "Čo chce náš spotrebiteľ?" Zodpovednosti výskumníka zvyčajne zahŕňajú vedenie rozhovorov s používateľmi, prieskum marketingových údajov a vo všeobecnosti zhromažďovanie analýz. Dizajn je proces neustáleho zlepšovania. Výskumník môže pomôcť v tomto procese vykonaním A/B testovania, aby zistil, ktoré dizajnové riešenie najlepšie vyhovuje potrebám spotrebiteľov. UX výskumník je zvyčajne oporou vo veľkých spoločnostiach, kde mu prístup k obrovskému množstvu informácií dáva dostatok sily na to, aby dospel k zmysluplným záverom.

Popis práce Facebook UX Researcher:

„Úzko spolupracujte s produktovými tímami na identifikácii výskumných tém. Vykonajte výskum, ktorý sa súčasne zaoberá spotrebiteľským správaním a názormi spotrebiteľov. Vykonávajte výskum pomocou širokej škály kvalitatívnych a kvantitatívnych metód, ako sú prieskumy.“

Dizajnéri UX pravidelne slúžia ako výskumníci UX.

Výsledky práce: užívateľský profil, výsledky A/B testovania, behaviorálny užívateľský výskum/rozhovory.

Pomôcky: mikrofón, papiere, dokumenty

Vývojár front-end (vývojár používateľského rozhrania)

Za funkčnú implementáciu produktového rozhrania sú zodpovední externí vývojári. Typicky návrhár používateľského rozhrania odovzdá statickú maketu externému vývojárovi, ktorý ju potom premení na funkčný interaktívny produkt. Externí vývojári sú tiež zodpovední za kódovanie a rozloženie interaktívnej grafiky vytvorenej návrhárom pohybu.

Nástroje: CSS, HTML, JavaScript

Produktový dizajnér

Produktový dizajnér je všeobjímajúci pojem na opis dizajnéra, ktorý sa vo všeobecnosti podieľa na procese vytvárania imidžu a vnímania produktu.

Úloha produktového dizajnéra nie je veľmi dobre definovaná a líši sa od spoločnosti k spoločnosti. Produktový dizajnér môže vykonávať minimálne kódovanie, vykonávať používateľský prieskum, vytvárať rozhrania alebo vytvárať vizuálne prvky. Od začiatku do konca pomáha produktový dizajnér identifikovať počiatočný problém, stanoviť určité kritériá na jeho riešenie a potom vytvárať, testovať a zdokonaľovať rôzne riešenia. Niektoré spoločnosti, ktoré chcú pracovať v „plynulejšej“ spolupráci, špecifikujú túto konkrétnu voľnú pozíciu pri hľadaní uchádzača, aby v konečnom dôsledku vytvorili tím rôznorodých dizajnérov a pracovali na používateľskom vnímaní produktu, vykonali používateľský prieskum a vytvorili vizuálne prvky.

Niektoré spoločnosti používajú výraz „UX dizajnér“ alebo jednoducho „dizajnér“ ako všeobecný pojem. Čítanie popisu práce je najlepší spôsob, ako zistiť, aká bude vaša odbornosť.

Popis práce produktového dizajnéra pre Pinterest

„Znalosť vo všetkých oblastiach dizajnu: interakcia, vizuálna časť, práca s produktom, layout. Vytváranie šablón pre prvky obrázkov a ich rozloženie.“

Hľadá sa dizajnér

Najčastejšia veta, ktorú počúvam od mladých startupistov. Väčšinou hľadajú niekoho, kto všetko spomenuté zvládne. Hľadajú niekoho, kto by mohol tvoriť krásne ikony, vytvárať vstupné stránky, spúšťať A/B testovanie, logicky umiestňovať prvky používateľského rozhrania na obrazovku a dokonca môže vykonávať niektoré povinnosti front-end vývojára. Vzhľadom na všeobecnú povahu tejto pozície často počujeme, že spoločnosť chce zamestnať len „dizajnéra“ bez toho, aby sa púšťala do detailov a špecifík tejto profesie.

Hranice medzi každým z týchto dizajnových trendov sú veľmi nejasné. Očakáva sa, že niektorí dizajnéri UX budú pracovať aj na interakcii so spotrebiteľom a niektorí dizajnéri UI budú pracovať aj na grafike. Najlepšia cesta nájdite si dizajnéra – podrobne popíšte, čo od neho v rámci práce pre vašu spoločnosť očakávate, a vyberte si pracovnú pozíciu, ktorá čo najjasnejšie odráža povinnosti dizajnéra.

Práca s používateľskou skúsenosťou pomáha priniesť produkt alebo firmu nová úroveň, pretože UX dizajnér premýšľa cez logiku produktu a pomáha klientom dosahovať ich ciele.

Ak sa chcete začať učiť UX dizajn, musíte pochopiť, ako je štruktúrovaná práca na akomkoľvek digitálnom projekte a za čo presne je takýto dizajnér počas vývoja zodpovedný.

Kto je UX dizajnér a čomu sa venuje?

UX dizajnér je dizajnér, ktorý robí digitálne produkty zrozumiteľnými a logickými. Študuje používateľskú skúsenosť s interakciou s produktom – webovou stránkou, aplikáciou, programom. Cieľom UX dizajnéra je pomôcť používateľovi dosiahnuť svoj cieľ. Na tento účel je projekt rozdelený na etapy a každá z nich je spracovaná.

Najprv dizajnéri analyzujú publikum produktu, skúmajú jeho ciele a obavy. Potom vedú rozhovory so skutočnými ľuďmi a sledujú webové stránky a aplikácie konkurentov. Potom sa vytvoria prototypy, ukážu sa používateľom a súbory sa prenesú vývojárom.

Ak sa podrobne pozriete na každú z týchto fáz, je ľahké pochopiť, kde sa začať učiť UX dizajn.

Kto sa môže stať UX dizajnérom

Do UX často prichádzajú webdizajnéri, ktorí sa rozhodnú preniknúť do oblasti interakcie používateľov. Už pracovali s používateľmi, poznajú základné princípy a vedia vizualizovať informácie.

Byť webovým dizajnérom však nie je nevyhnutné na prácu v UX. Všetky procesy v tejto oblasti sú založené predovšetkým na logike, schopnosti kriticky myslieť, komunikácii s ľuďmi a schopnosti analyzovať.

Jedna z dizajnérok Google, Fiona Yong, povedala, že v jej tíme je len pár špecialistov s dizajnérskym vzdelaním. Zvyšok predtým pracoval v príbuzných odboroch alebo iných odvetviach. Niektorí boli v kognitívnej vede, niektorí v psychobiológii.

Preto sa architekti, inžinieri a programátori môžu stať dobrými dizajnérmi. Hlavná vec je pochopiť základy interaktívneho dizajnu a pochopiť, ako je postavená logika práce v UX. Dá sa to urobiť samostatne alebo v špeciálnych kurzoch dizajnu UI/UX.

Kde začať

Môžete sa začať učiť UX dizajn pomocou kurzov, kníh a článkov. Hlavná vec je zostaviť správny tréningový plán, sformulovať ciele a prejsť od všeobecného ku konkrétnemu.

Proces práce na výrobku pozostáva z niekoľkých etáp. Na každom z nich sa angažuje UX dizajnér rozdielne veci. Aby ste pochopili, aké znalosti sú potrebné pre prácu, musíte podrobne zvážiť každú z fáz:

Štúdium

UX dizajnér sa stará o to, aby budúca webová stránka alebo aplikácia vykonala užitočnú akciu – predaj, reklamu, pomoc používateľom.

Ale je ťažké vytvoriť dobrý projekt, ak nerozumiete problému. Preto najprv dizajnér zbiera údaje o budúcom produkte. Skúma konkurentov, plánuje funkcie, premýšľa o logike práce.

Dobrou výskumnou metódou je hovoriť so skutočnými používateľmi. Pri vytváraní služby na nákup lístkov je lepšie ísť na stanicu a pohovoriť s cestujúcimi. Zistite, či bude pre nich jednoduchší nákup lístkov cez internet, či je výhodné platiť kartou, ako si chcú vyberať miesta vo vozni.

Počas výskumnej fázy by mal UX dizajnér aktívne hovoriť s potenciálnymi používateľmi a pýtať sa, čo potrebujú.

Analýza dát

Keď sú ciele produktu jasné, dizajnér premýšľa cez logiku interakcie.

Od cieľové publikum vyberte najvýznamnejších predstaviteľov a porozprávajte sa o nich. Snažia sa predstaviť si, čo je pre túto osobu v produkte dôležité. Aké problémy vyrieši a akým spôsobom? Táto fáza vytvárania osobností pomáha dizajnérovi predstaviť si konkrétnych ľudí a pracovať pre nich.

Nebude možné uspokojiť požiadavky celej cieľovej skupiny, ale môžete pracovať na želaniach najvýznamnejších predstaviteľov. Potom sa zvyšuje šanca, že ostatní budú tiež pohodlne používať produkt.

Dizajnér vytvára prípady použitia pre každú osobu. Dôležité je predstaviť si, ako môže konkrétna osoba interagovať s produktom. Aká funkčnosť je potrebná a čo možno v prvej fáze vyradiť.

Vytváranie skriptov vám pomôže premyslieť si štruktúru aplikácie alebo lokality, ako aj základné prvky.

Dizajn

V tejto fáze sa vizualizujú všetky zozbierané údaje. Budujú štruktúru aplikácie, usporiadajú prvky pre každú obrazovku.

Dizajn nie je o vytvorení hotového dizajnu. Toto sú rýchle náčrty, ktoré sa zobrazujú používateľom. Vykonávajú testovanie a zisťujú, či produkt v tejto forme vyrieši problém.

Rozloženia v tejto fáze môžu byť úplne odlišné – nízko detailné a čiernobiele alebo svetlé a interaktívne. Niektorí pracujú s papierom a perom, iní používajú špeciálne programy. Niektorí dizajnéri okamžite pracujú v grafických editoroch.

Fáza návrhu pomáha výrazne ušetriť čas. Je rýchlejšie ukázať užívateľovi náčrt a opýtať sa na jeho názor, ako nakresliť a naprogramovať produkt od začiatku a následne odstrániť nedostatky.

Dizajn

Návrhár používateľského rozhrania je zodpovedný za vytvorenie finálnej verzie. Konečnú verziu si však často musíte nakresliť sami. Preto je užitočné získať základné zručnosti a naučiť sa dizajn používateľského rozhrania.

Vo fáze sa vytvárajú vizualizácie z prototypov a drôtených modelov, práca s farbou, kompozícia a typografia a dizajnový obsah.

Vhodné na toto grafický editor kde dizajnéri pracujú:

  • Adobe Photoshop,
  • Adobe XD,
  • Skica,
  • Figma.

Úlohou pre UX dizajnéra je sledovať použiteľnosť jednotlivých prvkov a stránok ako celku. Uistite sa, že pri pridávaní vizuálnych efektov sa nestratí hlavný význam produktu.

Analýza metrík

Po zverejnení prvej pracovnej verzie produktu UX dizajnér sleduje skutočné správanie používateľov. Na tento účel sa používajú analytické systémy a rôzne metriky.

Pracujú na produkte - vykonávajú testy použiteľnosti a A/B. Zlepšite používateľskú skúsenosť a pridajte nové funkcie.

Ako sa naučiť UX dizajn

Dizajn UX pozostáva z rôznych smerov a disciplín. To zahŕňa vizuálny dizajn, prácu s používateľmi a výsledky testovania. Niektorí UX špecialisti pracujú v jednej oblasti, niektorí vo všetkých oblastiach.

Ak sa chcete naučiť UX dizajn, musíte si predstaviť celú cestu vývoja produktu a zlepšiť zručnosti potrebné pre každú fázu.“

  • Naživo Spätná väzba s učiteľmi
  • Neobmedzený prístup na materiály kurzu
  • Stáž v partnerských firmách
  • Projekt diplomovej práce od skutočného zákazníka
  • Garantované zamestnanie v partnerských firmách pre absolventov, ktorí obhájili dizertačné práce
  • Pri štúdiu teórie nezabúdajte na praktické zručnosti. Vytvorte rozloženie webovej stránky alebo vymyslite mobilná aplikácia. Rozdeľte projekt na časti a na každej pracujte opatrne: urobte výskum a analýzu, potom urobte dizajn a dizajn. Iba prax pomáha dizajnérovi stať sa dobrým špecialistom.

    Vytvorenie najlepších čokoládových koláčikov si bude vyžadovať UX aj používateľské rozhranie. Myslím to vážne. Na začiatok budete potrebovať recept, ingrediencie, kuchynské náčinie a rúru. Potom: premiešame, pečieme, krájame, dáme na taniere, podávame a jeme.

    Ale čo z toho je UX a čo UI? Proces výroby je UX a proces pokovovania a podávania je UI.

    A čo jesť? Toto je UX; okrem prípadov, keď to nie je UX. Mal by spotrebiteľ inú skúsenosť, keby sa koláče podávali priamo z panvice alebo boli krásne prezentované na tanieri? Povedal by som, že áno, to druhé by bolo vhodnejšie.

    V tomto článku sa s vami podelím o päť rozdielov medzi dizajnom UX a UI. Dúfajme, že na jej konci im budete lepšie rozumieť. Dovoľte mi hneď povedať, že aj keď si všimnete rozdiely, niektoré z nich budú navzájom veľmi podobné.

    S týmto vylúčením zodpovednosti sa pozrime na niektoré rozdiely medzi nimi.

    UX nie je používateľské rozhranie

    Dizajn UX alebo dizajn používateľskej skúsenosti je proces, ktorým sa identifikuje potreba. Potom sa nakreslí hrubý prototyp, ktorý sa neskôr overí (alebo nie) testovaním. Keď sa potvrdí obchodný model aj hodnotová ponuka, produkt je pripravený.

    Používateľské rozhranie alebo dizajn používateľského rozhrania si možno predstaviť takto:

    Dizajn používateľského rozhrania = vizuálny dizajn + dizajn interakcie.

    Vizuálny dizajn je to, ako stránka vyzerá, jej osobnosť, ak chcete; značka. Interakčný dizajn je spôsob, akým ľudia interagujú s vašou webovou stránkou. Keď niekto stlačí tlačidlo, zmení sa tak, aby bolo jasné, že bolo stlačené?

    Zatiaľ čo dizajnéri UX aj UI vytvárajú interakcie, UX dizajnérov možno považovať za architektov makrointerakcií a dizajnérov UI možno považovať za tvorcov mikrointerakcií, ktorí sa zaoberajú detailmi.

    Podľa dizajnéra Nicka Babicha:

    „Najlepšie produkty robia dobre dve veci: funkčnosť a detail. Funkcie sú to, čo priťahuje ľudí k vášmu produktu. Detaily sú to, čo ich drží pohromade."

    Dizajnér UX by radšej navrhol používateľské toky, kroky, ktoré by používateľ vykonal, napríklad pri prihlásení sa na odber bulletinu. Aké kroky budú nasledovať a ako budú vedieť, že uspeli?

    Projekt potom postúpi dizajnérovi používateľského rozhrania. Návrhár používateľského rozhrania vylepší tieto interakcie pridaním farby a zvýraznením pôvodného dizajnu, poskytne im rady a ukáže smer bulletinu.

    UI robí rozhrania krásnymi

    Užitočný produkt uspokojuje potrebu, s ktorou sa trh ešte nestretol. Proces výskumu dizajnéra UX zahŕňa konkurenčná analýza, vývoj osôb a následné vytvorenie minimálneho životaschopného produktu; produkt, ktorý bude hodnotný pre vaše cieľové publikum. To je potvrdené testovaním v celom rozsahu životný cyklus produktu.

    Akonáhle používateľské toky a drôtové modely sú prototypované a testované, proces sa presunie k návrhárovi používateľského rozhrania – jeho úlohou je, aby to všetko vyzeralo dobre. To zahŕňa výber farebnej schémy a dizajnu, ktorý je krásny a ľahko sa používa. Výber farieb, dizajn a interakcie však nie sú založené na osobných preferenciách dizajnéra, ale skôr na jasne formulovaných osobných dôvodoch, ktoré vyvinuli dizajnéri UX. Dizajnéri používateľského rozhrania s ich pomocou implementujú vizuálnu hierarchiu, ktorá bude používateľom slúžiť ako návod, vysvetlí im, čo a kedy majú robiť, aby dosiahli svoj cieľ.

    Dobre navrhnutá hierarchia zvýrazní jeden hlavný cieľ na stránke a umožní používateľom vedieť, kde sa na webe nachádzajú a čo môžu v ktoromkoľvek bode robiť. tento momentčas. Hierarchia to rieši pomocou konvencií a vzorov, ktoré sú už používateľom známe. Tieto vzory poskytnú používateľom smer.

    UX pomáha používateľom dosiahnuť ich ciele

    UI vytvára emocionálne spojenia

    Ľudia prichádzajú na vašu stránku, aby niečo urobili. Možno niekto hľadá psíka do malého bytu.

    UX stránka veci sa môže pozerať na ľudí ako na milovníkov psov a snažiť sa pochopiť, čo je pre nich dôležité. Čo si cenia alebo čo potrebujú, keď hľadajú pomoc pri výbere svojho chlpatého kamaráta? Aby to pochopili, začnú pracovať. Kladú otázky, pozorujú ľudí, robia s nimi rozhovory, možno robia prototypy a nejaké partizánske testy, aby zistili, či im môžu pomôcť.

    Akonáhle budete mať základnú použiteľnosť na mieste, podľa Aarona Waltera, autora Design for Emotion, bude lojalita vašich používateľov závisieť od osobnosti vášho rozhrania. Živý dizajn môže prilákať ľudí na vaše stránky a môžu sa dokonca zdržať, ak tam majú čo robiť. A kedy sa tvorí osobné spojenie– sú na háku. Rozosmieva ich vaše rozhranie? Chytí ich? Aký je namyslený? Aaron hovorí: „Ľudia vám odpustia vaše nedostatky, budú vás nasledovať a budú vás chváliť, ak ich odmeníte pozitívnymi emóciami.“ Tu prichádza na scénu dizajnér používateľského rozhrania.

    Najprv sa vytvorí UX dizajn

    Potom sa (niekedy) vytvorí návrh používateľského rozhrania

    Ako spolupracujú dizajnéri UX a používateľského rozhrania počas procesu návrhu?

    Prvým krokom pri rozhodovaní o vytvorení produktu alebo aplikácie sú zvyčajne dizajn a výskum UX. Dizajnéri UX vykonávajú väčšinu výskumov, ktoré potvrdzujú alebo vyvracajú počiatočné nápady produktu a riadia jeho vývoj.

    Keď bol prototyp niekoľkokrát otestovaný a je takmer pripravený, príde dizajnér používateľského rozhrania a začne pracovať na vizuálnom dizajne a mikrointerakciách.

    Táto cesta však nie je vždy lineárna a závisí od mnohých faktorov. Napríklad:

    • Kto robí UX a UI?
    • Ten istý človek, alebo niekto iný a iný tím?

    UX sa používa vo všetkých produktoch, rozhraniach a službách

    UI sa vzťahuje len na rozhrania

    Dizajn používateľskej skúsenosti je rozsiahla oblasť a každým dňom sa stáva populárnejšou. V súčasnosti nielen spoločnosti používajúce web, ale aj mnohé ďalšie, ktoré vyvíjajú produkty alebo poskytujú služby, začínajú chápať hodnotu porozumenia svojim používateľom a overovania hypotéz ešte pred začatím procesu tvorby.

    Návrh používateľského rozhrania je o používateľských rozhraniach. To neznamená, že je graficky obmedzený. používateľské rozhranie počítače, tablety a mobilné zariadenia. V súčasnosti možno rozhrania nájsť v mnohých iných produktoch, ako sú hodinky, práčky, prístrojové dosky v autách, predajné automaty a ďalšie.

    Nedávno som čítal o aplikácii pre iPhone, ktorá odomkne dvere vášho auta. Ukazuje sa, že tento súbor interakcií zahŕňa oveľa viac krokov, než len použitie kľúča na otvorenie dverí. Či už navrhujeme rozhranie alebo skúsenosti, musíme zabezpečiť, aby naši používatelia zostali v centre procesu.

    závery

    Je takmer nemožné oddeliť UX od UI alebo UI od UX.

    Ale ak sa pokúsite, môžete dospieť k záveru, že:

    • Dizajn UX pomáha používateľom vykonávať úlohy na viacerých platformách a službách.
    • Dizajn používateľského rozhrania vytvára atraktívne a estetické rozhrania, ktoré sa spájajú s ľuďmi.

    Preklad článku od Dona Sklechtu

    Na otázku, aký je rozdiel medzi dizajnérom UX a dizajnérom používateľského rozhrania, ľudia radi odpovedajú negatívne. Viete, taký literárny prostriedok. Ako napríklad „UX nie je o rozhraní, nie je to o grafickom dizajne, nie je to použiteľnosť, nie je to analytika, nie je to prototyp.“ Dnes si v krátkosti ukážeme rozdiel, povieme si históriu vzhľadu pojmov a vysvetlíme, prečo sa dva pojmy aj po toľkých rokoch tak ochotne spájajú do jedného – UX/UI.

    Stručne o rozdiele

    Dizajnér používateľského rozhrania (používateľské rozhranie) je dizajnér rozhrania v ideálnom prostredí, ktorý kreslí tlačidlá, ikony, formuláre, vyberá písma a zo všetkého vytvára harmonické a krásne rozloženie. Webová stránka, aplikácia, čokoľvek, s čím bude používateľ interagovať – dokonca aj obrazovka terminálu stanice. A nemyslí na nič iné.

    UX dizajnér (užívateľská skúsenosť) nie je dizajnér, ale dizajnér (v angličtine má slovo dizajnér len druhý význam). Študuje potreby používateľov, zostavuje logické schémy rozhrania, testuje prototypy na skutočných ľuďoch a píše technické špecifikácie pre dizajn. Inými slovami, toto je taký marketingový inžinier: vstupom je analytika, výstupom sú princípy vytvárania rozhrania, logika práce, rozloženie, obsah. Netýka sa kresby ako takej.

    To je všetko.

    Prečo to muselo byť komplikované?

    Ako to bolo predtým: dizajnér dostal úlohu „nakresliť webovú stránku“. Všetky stránky boli viac-menej rovnaké: domov, o spoločnosti, katalóg a potom nadol v zozname. Dizajnér sa spýtal: "Kedy nám dajú obsah?" Nikdy, súdruh duch, toto je armáda.

    A dizajnér bol jednoducho nazývaný „dizajnér“. Bez zámorských prefixov.

    Čo sa stalo neskôr: agentúry chceli získať viac peňazí a svet postupne začal s prechodom od „len webových stránok“ ku komplexným webovým službám. Služba nie je len jedinečným rozhraním, ale je za ňou aj špeciálny obchodný proces. Spomeňte si napríklad na webovú stránku Airbnb – bez hlbokého štúdia témy by nejeden grafik okamžite vytvoril rozhranie.

    Keďže práce bolo viac, vznikla potreba rozdeliť jednu profesiu na viacero. Špecialista na UX (nazveme ho tak, aby nedošlo k zámene) teraz preskúmal a navrhol informačnej architektúry, prototyp urobil funkčnú časť a grafický dizajnér (UI) vytvoril konečný produkt: moderný a príjemný na pohľad.

    To isté sa už stalo v priemysle. Napríklad „programátori“ boli jednoducho rozdelení na „frontend“ a „backend“. A frontenderov na skutočných frontenderov a „len návrhárov rozloženia“. Mimochodom, .

    Dôvod je vždy rovnaký: jedna osoba na to nestačí veľký proces. Poďme ďalej.

    Kto je dizajnér UX/UI

    Čo je vtipné: voľné pracovné miesta často zahŕňajú pozície dizajnérov UX/UI, len tak, s lomkou. Dokonca aj Tinkoff hľadá takého špecialistu na kombi:

    Na druhej strane barikády sa všetci dizajnéri začali označovať ako UX/UI. Pretože byť len dizajnérom je fuj, nemoderné.

    Kto je UX/UI v ideálnom svete? Superman, ktorý vykonáva celý cyklus UX práce a potom ešte stihne všetko nakresliť niekoľkými iteráciami úprav (urobiť UI).

    Čo je to vlastne UX/UI? Len dobrý dizajnér. Pre tých, ktorí považujú za svoju povinnosť nielen „robiť makety“, ale pristupovať ku každému projektu individuálne, počnúc analýzou, otázkami, vysvetleniami, náčrtmi, diagramami atď. Toto nie je plnohodnotné UX vyšetrenie, ale spravidla stačí podporiť hotovú službu alebo vytvoriť „len web“.

    Takže ak uvidíte úžasného mutanta UX/UI, vedzte toto:

    • Ide o dizajnéra, ktorý k projektu pristupuje hlavou a nie len klikaním myšou a zobákom.
    • Toto je chlapík, ktorý prečítal veľa šikovných slov a teraz si hovorí UX/UI.

    Dá sa to jednoducho skontrolovať: požiadajte dizajnéra, aby vám povedal, prečo si vybral toto konkrétne usporiadanie prvkov, túto postupnosť obrazoviek atď. Dobrý dizajnér neurobí jedno rozhodnutie o rozhraní len tak – všetko má logické opodstatnenie.

    Mimochodom

    Tento článok je druhým zo série „ako sa jeden webový špecialista líši od druhého“. Čo nás podnietilo k myšlienke vytvoriť adresár všetkých profesií z webu, s rôzne možnosti ich mená. Aby klient (a vlastne aj my všetci) mohol žiť jasnejšie.