Akýkoľvek dizajn, bez ohľadu na to, aký je dobrý, bude úplne zbytočný, ak nejde o dizajn UX. Existujú státisíce zdrojov, ktoré vytvárajú ohromujúci dizajn rozhrania a grafický dizajn a využívajú služby tých najlepších profesionálov s neskutočným talentom, ale nedokážu zaujať svoje právoplatné miesto v sieti. A to je všetko, pretože interakcia medzi stránkou a používateľmi rastie exponenciálne, čo znamená, že na to, aby mohli webdizajnéri nájsť spätnú väzbu od používateľa, musia sa starať o používateľskú skúsenosť (UX – User Experience – „interaction experience“). Práve v tejto fáze prichádzajú na pomoc dizajnové nástroje UX – vynikajúce online služby, ktoré poskytujú rady týkajúce sa dizajnu používateľské rozhrania dizajnérov. V tomto článku si o nich povieme podrobnejšie.

Keďže dizajnéri musia zvážiť nielen krásu a správnosť organizácie prvkov, ale aj zložitejšie faktory spojené so správaním návštevníkov na stránke, často siahnu po pomoci UX dizajnových nástrojov, ktoré im môžu pomôcť zautomatizovať niektoré úlohy resp. výrazne zjednodušiť proces ich vykonávania. Našťastie, dizajn rozhrania už nie je novou témou a na internete sú stovky nástrojov na dizajn UX. Samozrejme, nebudeme ich uvádzať všetky. Aby sme vám pomohli, vybrali sme len niektoré z najzaujímavejších a najužitočnejších nástrojov UX dizajnu s krátkymi popismi, ktoré ukazujú ich hlavné charakteristiky, a umožnili sme vám vybrať si ten, ktorý vám najviac vyhovuje.

UX dizajnové nástroje na modelovanie a navrhovanie makiet a prototypov

Prototypovanie sa stalo nevyhnutnosťou pre všetkých dizajnérov, ktorí chcú uspieť v oblasti dizajnu UX a zlepšiť používateľskú skúsenosť. Vytváranie makiet, modelov a prototypov im umožňuje otestovať akékoľvek nápady v praxi predtým, ako investujú čas, úsilie a peniaze do projektu. Pomocou týchto nástrojov na návrh UX môžete testovať svoj produkt počas výrobného procesu a vykonávať vylepšenia, aby ste pre svoje cieľové publikum vytvorili solídnu používateľskú skúsenosť.

Nástroj na návrh rozhrania Moqups

Aplikácia Moqups isana HTML5 je navrhnutá na vytváranie rozložení, makiet a prototypov. Moqups poskytuje obrovské množstvo prefabrikátov a šablón, ktoré môžete použiť na vybudovanie základov vášho projektu. Každý komponent si môžete prispôsobiť a nastaviť si vlastné farby, veľkosť textu, ikony atď.

Drôtený rám

Toto je ďalší nástroj na vytváranie štruktúrnych diagramov stránok (wireframing) s pohodlným minimalistickým rozhraním. Nástroj sa ľahko používa a obsahuje len minimum funkcií, vďaka čomu je jeho používanie čo najjednoduchšie. Vytváranie diagramov pomocou tohto nástroja má tú výhodu, že ich používatelia môžu jednoducho zdieľať s ostatnými. Každý diagram alebo maketa, ktorú vytvoríte, dostane svoju vlastnú jedinečnú adresu URL, ktorú môžete poslať klientovi alebo iným členom tímu.

Ceruzka

Je to nástroj na tvorbu grafických prototypov. Keďže ide o open source nástroj, môžete si ho nainštalovať do svojho Osobný počítač a začať vytvárať grafické prototypy aj bez prístupu na internet. Samozrejme, nemali by ste od neho očakávať pokročilé funkcie a komplexnú funkčnosť, ale dobre zvláda svoje hlavné úlohy.

Balsamiq

Nechcete tráviť hodiny prototypovaním? V tomto prípade musíte Balsamiq jednoducho vyskúšať. Je to jednoduché, ale veľmi efektívne, pokiaľ ide o prototypovanie. S Balsamiq môžu používatelia vytvoriť viacero rozložení, ktoré možno otestovať a vybrať to, ktoré poskytuje najlepší výsledok.

mockup

Ste majstrom programu PowerPoint? Potom si tento nástroj zamilujete, pretože premení program PowerPoint na výkonný nástroj na rozloženie dizajnu UX. To znamená, že sa vôbec nemusíte učiť nový softvér. PowerMockup umožňuje ľuďom bez špeciálnych technických zručností zúčastniť sa procesu návrhu a vývoja, čo je určite jedna z jeho hlavných výhod.

falošný plus

Mockplus má všetko, čo potrebujete pre svoj ďalší projekt, od krásne vykreslenej interakcie, vstavaných 200 komponentov a 3 000 ikon až po spoluprácu v reálnom čase a testovanie na skutočných zariadeniach. Tento nástroj na návrh používateľského rozhrania vám pomôže premeniť vaše nápady na plne funkčné prototypy efektívne a bez námahy. Dizajnérsky nástroj Mockplus navyše predstavuje rovnováhu medzi jednoduchosťou používania a prítomnosťou zložitých funkcií na vytváranie akýchkoľvek prototypových prvkov.

UXPin

Hľadáte nástroj, ktorý vám umožní vytvárať interaktívne prototypy a makety? UXPin je intuitívny a ľahko použiteľný nástroj. Pomocou nej môžete dokonca získať predstavu o tom, ako bude produkt vyzerať na mobilných zariadeniach jednoduchým prepnutím veľkosti obrazovky prehliadača.

stuhnúť

Gliffy

Gliffy nie je len ďalším nástrojom na prototypovanie dizajnu UX; je to oveľa viac. Gliffy umožňuje používateľom vytvárať sieťové diagramy, zložité technické výkresy, vývojové diagramy, diagramy UML a ďalšie. Jeho intuitívne prehľadné rozhranie umožňuje vytvárať diagramy v priebehu niekoľkých minút.

POP

A/B testovacie nástroje

Myšlienkou týchto nástrojov je vytvoriť dve verzie stránky a potom ich otestovať, aby ste zistili, ktorá verzia funguje lepšie. Miera konverzie, priemerný čas strávený na stránke a ďalšie metriky sú niektoré z faktorov, ktoré môžete použiť na vyhodnotenie výkonnosti webovej stránky.

Desinion

Nie ste si istí, či vytvárate projekt, ktorý používatelia naozaj chcú vidieť? Pomocou tohto nástroja na testovanie A/B môžete položiť akúkoľvek otázku, ktorá vás zaujíma, a získať skutočnú odpoveď od používateľov. Nástroj má veľmi užitočnú funkciu – diskusiu. Na svojom webe môžete začať diskusiu, aby ste používateľov zapojili do procesu návrhu. Okrem toho môžete vytvárať súkromné ​​diskusie a zdieľať ich iba s priateľmi alebo kolegami.

Visual Website Optimizer

Je to jednoduchý, ale mimoriadne výkonný nástroj, ktorý vám umožňuje vykonávať A/B testovanie na najvyššej úrovni. S ním môžete vykonávať aj viacrozmerné testovanie a rozdelené testovanie. Segmentované prehľady a analýza výnosov budú dostupné aj vo Visual Website Optimizer.

Optimizely

Ide o robustný nástroj na testovanie A/B, ktorý používateľom umožňuje spustiť test bez toho, aby sa dostali do technických detailov a bez potreby špeciálnych zručností. Nedostatok kódu a úplná vizuálna úprava ho robí veľmi populárnym medzi obchodníkmi.

Nástroje na testovanie použiteľnosti

Pokiaľ ide o vytvorenie dobrého dizajnu UX, možno budete potrebovať nástroje na testovanie použiteľnosti, ktoré vám pomôžu pochopiť používateľskú skúsenosť a určiť potreby cieľových používateľov a ich psychológiu. Ak dokážete určiť, čo návštevníci a potenciálni zákazníci skutočne chcú, a vytvoriť rozhranie založené na týchto znalostiach, potom dizajn určite zapôsobí a aktivuje publikum. Nástroje UX na testovanie použiteľnosti možno rozdeliť na nástroje testovania použiteľnosti na diaľku a nástroje spätnej väzby. V tejto sekcii sme zhromaždili obe riešenia, aby ste si mohli vybrať, ktoré vám najviac vyhovuje.

Slučka 11

Loop11 je jednoduchý nástroj na testovanie použiteľnosti, ktorý nevyžaduje znalosť HTML kódu alebo programovacích jazykov. V rámci nástroja môžete použiť hotové šablóny alebo si vytvoriť tému sami. Okrem toho existuje niekoľko spôsobov, ako pozvať účastníkov, aby otestovali vaše návrhy. Môžete si vytvoriť svoj vlastný zoznam používateľov na základe sociálne siete, vytvorte na stránke kontextové okno, aby ste našli záujemcov. Všetko, čo musíte urobiť, je vytvoriť zoznam otázok alebo zahrnúť rôzne možnosti dizajnu, z ktorých si môžete vybrať, a potom poslať pozvánku ľuďom a požiadať ich, aby na ne odpovedali. Na základe výsledkov môžete vykonať potrebné zmeny v dizajne.

Bláznivé vajce

Tento nástroj vám pomôže urobiť vašu stránku užívateľsky príjemnejšou a zvýšiť konverziu vytvorením správnej používateľskej skúsenosti. Funguje to nasledovne. Odošlete svoj návrh, po ktorom ho odborníci na použiteľnosť a používateľskú skúsenosť analyzujú a podelia sa o svoje pripomienky, ktoré môžete použiť na zlepšenie svojej stránky.

Nástroje použiteľnosti

Je to jeden z najpoužívanejších nástrojov UX dizajnu a medzi dizajnérmi a obchodníkmi si získal obrovskú popularitu vďaka svojmu užitočné funkcie. Tento nástroj pomáha analyzovať webové stránky z pohľadu používateľa. Pre dizajnéra je to obrovská výhoda v tom, že poskytuje konkrétne rady, kde a aké zmeny musí dizajnér urobiť, aby zvýšil konverzie, alebo aké prvky je potrebné presunúť, aby mohol prinútiť používateľa vykonať určité akcie. Tento nástroj použiteľnosti vám tiež umožňuje získať spätnú väzbu a spätnú väzbu od ľudí, ktorí produkt skutočne používajú.

appsee

Ide o „analytický softvér“, ktorý sa používa na sledovanie aktivity používateľov aplikácie. Tento nástroj vám pomôže získať cenné údaje o tom, ako používatelia interagujú s aplikáciou. Funkcia „Nahrávanie používateľov“ tohto nástroja je najpôsobivejšia. Zaznamenáva akcie používateľov a poskytuje vám tak skvelý prehľad o správaní používateľov. Ide o užitočný nástroj na zlepšenie celkového výkonu vašej aplikácie a zvýšenie konverzií.

Prítomný

Toto je nástroj na sledovanie správania používateľov, ktorý vám pomôže pochopiť, ako si vaše cieľové publikum prezerá stránky webu. Attensee vám dáva vizuálnu informáciu o tom, či si ľudia všímajú „dôležité“ prvky vašej stránky. To priamo súvisí s dizajnom, pretože ak zistíte, že značná časť používateľov sa v skutočnosti nezameriava na dôležité prvky, ako sú bannery, tlačidlá výzvy na akciu, špeciálne ponuky, Attensee vám to pomôže napraviť.

UserVoice

Toto je ďalší výkonný nástroj, ktorý vám umožňuje prezerať a analyzovať rôzne aktivity používateľov počas prehliadania vašich stránok. Tento nástroj vám umožňuje prijímať priamu spätnú väzbu od skutočných používateľov a vyriešiť problémy, ktorým čelia.

mousestats

Ako naznačuje názov tohto nástroja, MouseStats vám pomáha sledovať aktivitu používateľov pomocou myši. Ako asi viete, pohyby myši napodobňujú pohyby očí používateľov. Sledovanie pohybov kurzora a posúvania vám poskytne dôležité informácie o tom, ako používatelia interagujú s dizajnom. Najlepšie na tomto nástroji je, že poskytuje vizuálnu reprezentáciu aktivity používateľa a pomáha tak vykonať potrebné zmeny.

UX dizajnové nástroje pre prototypovanie a kolaboratívny dizajn

Tímová práca je predpokladom pokiaľ ide o vývoj dobrého dizajnu UX pre vaše cieľové publikum. Ak ste zvyknutí pracovať v tíme, musíte mať prístup k príslušným nástrojom, ktoré pomôžu členom vášho tímu efektívne a bez námahy spolupracovať a vytvárať vlastné návrhy. Nižšie sú uvedené nástroje na návrh UX pre prototypovanie a spoločný dizajn, ktoré by sa vám mohli hodiť.

FileSquare

Nie je to len nástroj spolupráce. Umožňuje vytvárať interaktívny prototyp a zároveň spolupracovať s ostatnými členmi tímu. Robte kreatívne rozhodnutia a získavajte spätnú väzbu od ľudí v reálnom čase.

notizmus

Pracujete na vizuálnom obsahu a hľadáte nástroj na spoluprácu? Potom potrebujete Notism. Aby bola komunikácia s tímom čo najpohodlnejšia, využíva náčrty a poznámky. Upozornenia prichádzajú v reálnom čase, takže môžete získať spätnú väzbu od kolegov a klientov hneď, ako si to niekto všimne.

červené pero

S RedPen je spoločný dizajn a prototypovanie rýchle a jednoduché. Tento nástroj UX je určený na spoločné modelovanie dizajnu a prototypovanie. Je špeciálne navrhnutý tak, aby uľahčil spoločnú prácu s grafickým obsahom. Výmena spätnej väzby je veľmi jednoduchá: na zvýraznenie niektorého z prvkov a zanechanie poznámky musí používateľ naň umiestniť kurzor myši. Potom sa zobrazí malé textové pole, v ktorom môžete zanechať spätnú väzbu.

memosort

Vďaka Memosortu už vzdialenosť nebude prekážkou. Tento úžasný nástroj je jedným z najlepších nástrojov spoločného dizajnu. Pomôže vám spojiť sa s tímom a spolupracovať v reálnom čase. Všetky poznámky v Memosort sa ukladajú automaticky, takže sa nemusíte báť, že niektoré dobrý nápad alebo sa ponuka môže stratiť.

Trello

Zabudnite na dlhé a nudné e-maily, Trello je tu, aby zefektívnil proces spolupráce a zlepšil tímovú komunikáciu. Výhodou tohto nástroja je, že je zadarmo. Vo vnútri nástroja Trello sú špeciálne karty označujúce rôzne projekty. Jediné, čo musíte urobiť, aby ste pridali ľudí do projektu, je pretiahnuť ho na príslušnú mapu. Nástroj sa tiež aktualizuje v reálnom čase.

vízie

Je to zaujímavá kombinácia nástroja na spoluprácu a prototypovanie. S ním môžete vytvárať interaktívne prototypy a modely. S Invision je možná interakcia v reálnom čase. Stačí poslať odkaz na dizajn ostatným členom tímu a aj oni na ňom môžu pracovať a podávať návrhy.

Zhrnutie

Toto sú niektoré nástroje na návrh UX, ktoré pomáhajú webovým dizajnérom úspešne vytvárať online projekty samostatne a v tíme, ako aj zhromažďovať informácie o používateľskej skúsenosti za účelom vlastného zlepšovania. Ak viete o nejakom inom užitočné nástroje, ktorú sme zabudli spomenúť - určite o nej napíšte do komentárov!

Ak sa chcete rozvíjať v oblasti dizajnu, potom samozrejme musíte neustále zvyšovať svoje zručnosti, poznať trendy a poznať moderné požiadavky na dizajn, ako aj špeciálne termíny. Jedným z takýchto výrazov je dizajn UX/UI.

Popravde, keď som pred dvoma rokmi potreboval zistiť, čo sú to za „týždne“ a „malé“, musel som sa poriadne prehrabať, kým som pochopil, čo to je a ako sa jedno od druhého líši. Veľa sa o tom napísalo a zároveň to nie je vždy jasné. Preto navrhujem pochopiť tieto pojmy spoločne.

Začnime s UX. UX je skratka pre Používateľská skúsenosť, čo sa doslovne prekladá ako „používateľská skúsenosť“. Do akej miery je premyslený UX dizajn, napríklad webovej stránky, tým pohodlnejšie je pre používateľa vyhľadávanie potrebné informácie alebo s ním interagovať. Inými slovami, úlohou dizajnu UX je riešiť otázky funkčnosti a pohodlia nástroja alebo zdroja.

Mimochodom, pojem sa netýka len IT sféry, ale prakticky aj akejkoľvek inej. Dá sa povedať, že UX dizajn guľôčkového pera je taký, ako dobre sa na ňom píše, koľko postačuje pasty na písanie, či pomáha vytvárať správny rukopis, či je vhodné na prepravu, s ochranným uzáverom alebo automatickým ... V všeobecne, ako dobre produkt rieši úlohu, na ktorú je určený a zároveň je dôležité – nakoľko zrozumiteľný pre používateľa.

Používateľ by sa mal cítiť pohodlne a všetkému rozumieť

Čo sa týka dizajnu používateľského rozhrania, tento prípad je skratka pre používateľské rozhranie, opäť doslova – „používateľské rozhranie“. Tento typ dizajnu určuje farbu, tvar, veľkosť a usporiadanie prvkov, názvy a veľkosti písma. To znamená, že používateľské rozhranie je vizuálny komponent, ktorého úlohou je, ak chcete, umiestniť akcenty a zvýrazniť určité prvky stránky alebo produktu. To znamená, aby bol produkt alebo zdroj príjemný na čítanie a intuitívny na používanie. Napríklad vnímanie textu závisí od toho, ako je rozdelený na odseky, od veľkosti a typu písma, od prítomnosti nadpisov a ilustrácií a od priestoru okolo textu.

Rozdiely medzi dizajnom UX a UI

Napriek zjavnej podobnosti týchto dvoch konceptov fungujú rôzne funkcie, pričom je neoddeliteľnou súčasťou takmer každého projektu. Ak chcete lepšie pochopiť rozdiely medzi týmito typmi návrhov, zvážte príklad - výsledky vyhľadávania Yandex.

Vnútorná štruktúra, hierarchia, obrovské množstvo doplnkové služby (Priamy, Metriky, wordstat atď.) je UX. Ale napríklad to, že odkazy, ktoré ste už sledovali, sú zvýraznené inou farbou – to je UI. Aj pre UI platí, že stránka má čisté Biele pozadie, odsadenia medzi výsledkami vyhľadávania, dostatočné na pohodlné vnímanie, favicon, ako aj možnosť kedykoľvek pristupovať k pošte v pravom hornom rohu stránky.

UX dizajnér premýšľa nad tým, ako bude používateľ interagovať so systémom, aby splnil jeho očakávania. Dizajnér používateľského rozhrania premýšľa o tom, ako by to malo vyzerať: ikony, obrázky, písmo, farebná kompozícia, pohodlie pre vnímanie vo všeobecnosti. A dosť často je do tejto úlohy zapojená tá istá osoba, takže UI a UX sú často napísané na voľnom mieste dizajnéra cez /.

Koncepty sú rôzne, ale ich podobnosť spočíva v tom, že sú zamerané na zabezpečenie pohodlia používateľa.

Aplikácie

Ako už bolo spomenuté vyššie, pojmy UI a UX sú použiteľné nielen pre IT sektor. V skutočnosti sa objavili hneď, ako vznikol prvý produkt. To je veľmi dávno. Za jeden z prvých prelomov v dizajne UX možno považovať napríklad koleso.

Nedávny výskyt výrazov, podobnosti v pravopise a rozsahu sú často zavádzajúce. V rámci svojho blogu sa budem viac venovať témam súvisiacim s developmentom webové rozhrania a komerčný dizajn.

Na pochopenie problematiky UX / UI dizajnu nestačí prečítať si raz učebnicu alebo pár článkov, pochopiť základy a dokončiť pár projektov. Oblasť webdizajnu sa mení a vyvíja takmer každý deň, preto sa menia aj požiadavky a čo " včera"bol v trende," dnes» už nie je comme il faut.

Ako zistiť, či je váš dizajn správny

Ak hovoríme o úlohe predaja, potom sa kontroluje „správnosť“ dizajnu UX A/B testovanie alebo fokusové skupiny. To vám umožní vidieť, aké užívateľsky prívetivé, zrozumiteľné a pohodlné rozhranie. Napríklad všetci členovia cieľovej skupiny dostanú za úlohu nájsť konkrétnu sekciu na stránke alebo sa zaregistrovať. To, ako rýchlo to zvládajú, vypovedá o kvalite UX dizajnu.

Koncepcia dizajnu používateľského rozhrania je v tomto prípade subjektívnejšia, pretože často závisí od náročnosti a vkusu používateľa. A čo sa niekomu zdá krásne, iného bolí oči. Existujú však všeobecné pokyny (jasné rozloženie blokov, text kontrastujúci s pozadím, zvýrazňovanie alebo zvýraznenie prvkov, na ktoré sa dá kliknúť atď.), ktoré by mal dodržiavať každý, kto sa podieľa na dizajne digitálnych produktov.

Napíšte do komentárov Nižšie uvádzam váš názor, či sa mi podarilo zverejniť a ak nie, čo k tomu dodať.

Všetko závisí od stupňa čerpania babičky. Ak je babička dizajnérka UX/UI, potom s najväčšou pravdepodobnosťou nie sú potrebné zjednodušujúce metafory. Pre menej zvedavú babičku to môže byť výhovorka: „Zaoberám sa mobilnými a online aplikáciami.“ Ak sa pokúsime vytvoriť definíciu zo slov zrozumiteľných pre priemernú babičku, čo najvýstižnejšie a najpresnejšie odrážať význam, potom to bude: „Zaoberám sa zlepšovaním kvality digitálnych služieb (UX), vrátane navrhovania bodov, kanálov. na získanie týchto služieb (UI)“.

Tatiana Pchelintseva, Absolvent kurzu UX/UI Design na BHSAD

„Mojej babke... Ukázalo sa, že ani môj otec donedávna nechápal, čo robím. Stala sa vtipná príhoda. Otec sa ma spýtal, pre koho študujem. Odpovedal som, že vyrábame digitálne produkty, ktoré zlepšujú používateľskú skúsenosť. (Pauza) "Predávate syr cez internet?" Prečo práve syr, stále nerozumiem, ale veľmi ma zaujal. Musel som povedať, že každý z nás je UX dizajnér.

Rodičia nedávno vykonali opravy v byte, usporiadali ho podľa svojich potrieb: nástenné police vo výške, v ktorej by bolo vhodné, aby mama usporiadala knihy, pohovka je v takej vzdialenosti od televízora, že jej vplyv na oči je minimálne, kávovar je vždy na viditeľnom mieste . Dizajnér UX tiež navrhuje, ale nie tak svoju vlastnú, ako skúsenosť niekoho iného: identifikuje ciele používateľa / firmy, určuje ich bolesti a ponúka riešenia.

Denis Ushakov, Absolvent BHSAD

„Najťažšie na tom, čo robím, bolo vysvetľovať to mojej starej mame, ktorá slovné spojenie „produktový dizajn“ vníma ako niečo, čo súvisí s obchodom s potravinami – a neustále sa pýta, s akými produktmi pracujem. :)

Ale vo všeobecnosti sa pre babku aj pre rodičov celkom hodí vysvetlenie na príklade volantu auta: UX design vysvetľuje umiestnenie volantu v aute a UI to vysvetľuje. vzhľad».

Jedným z tohtoročných maturitných projektov našich študentov je napríklad digitálna vitrína pre Tele2. Ide o samoobslužný kiosk v predajniach Tele2, ktorý vám umožňuje získať potrebné služby sami a ušetriť čas. Študenti kurzu stáli pred úlohou prepracovať UX a UI digitálneho obchodu tak, aby túto službu zjednodušil, zvýšil konverziu a „digitalizoval“ komunikáciu medzi predplatiteľmi a mobilným operátorom.

Projekt študentov kurzu BHSAD UX/UI Design pre Tele2: digitálna vitrína pre Tele2

Dizajnéri sa zamysleli nad zoznamom funkcií výkladu a ich poradím, umiestnením navigácie na obrazovke a krokmi na získanie tejto služby. Aby to bolo efektívne, nestačí len nakresliť obrazovku, všetko je vyvinuté na základe výskumu, testovania a iných nástrojov na navrhovanie produktov, ktoré by mal vlastniť dizajnér UX / UI.

2. Aké sú kompetencie ideálneho UX/UI dizajnéra?

V čase vzniku pojmu „user experience design“ (UXD) už pojem „dizajn rozhrania“ (UID) existoval a mal jasný stabilný zoznam artefaktov – tých výsledkov práce dizajnéra rozhrania digitálneho produktu, ktoré umožnilo vytvoriť rozhranie: ikony, tlačidlá, makety, súprava používateľského rozhrania, práca s fontmi, mriežkami, vytváranie ilustrácií atď.

Zavedenie kompetencií UXD do vývoja digitálnych riešení splodilo triedu dizajnérov UX, ktorí do tohto procesu pridali nové artefakty spojené s vedeckejším a metrickým prístupom k dizajnu služieb: výskum použiteľnosti, používateľský výskum, vývoj informačnej architektúry, cesta používateľa. analýza. Je to ako keď dizajnér nábytku spolupracuje s ergonómom pri vytváraní stoličiek, ktoré sú nielen krásne a pevné, ale aj pohodlnejšie.

S príchodom flexibility v softvér(Agile, Scrum), počet vysoko špecializovaných odborníkov v tímoch začína klesať v dôsledku zvyšovania počtu kompetencií každého účastníka. V agilných produktových tímoch je okamžite jasné, že oddelenie zodpovedností za UX a UI predlžuje čas vývoja, pretože požiadavky na „akceptovanie“ práce medzi dizajnérmi sa neustále menia a rastú. Na konci môže jeden z dizajnérov ochorieť, potom vstane všetka práca. Preto produktové tímy uprednostňujú nábor dizajnérov UX/UI, ktorí kombinujú, aj keď niekedy povrchne, kompetencie UXD aj UID, než dvoch hlbokých expertov.

Kombinácia kompetencií dizajnérov UX/UI

Koľko títo dizajnéri zarábajú? hh.ru najpresnejšie odpovie na túto otázku. Podľa služby sú dnes spoločnosti pripravené ponúknuť dizajnérom UX / UI od 70 do 200 tisíc mesačne a viac.

Svoju trajektóriu si môžete zostaviť z rôznych východiskové body ale, samozrejme, ak začínate ako grafický dizajnér, softvérový vývojár, analytik digitálneho podnikania, sociálny alebo psychologický výskumník, potom bude táto dráha kratšia a cesta bude rýchlejšia. Dizajnérske tímy majú prvok komplementárnosti, vzájomného učenia sa. Pre efektívnosť tohto procesu sa zostavujú takzvané „hviezdne mapy“, kde je vyznačená miera vlastníctva rôznych kompetencií. A ak napríklad dizajnér nevie animáciu, tak je preradený do tímu, kde sa táto zručnosť rozvíja. Takto sa správame k našim študentom, iba rotácia nastáva na konci každého modulu.

Daria Salniková, dizajnérka UX/UI v Tele2

„Pred štúdiom v Británii som pracoval ako grafický dizajnér, boli tam projekty na webových službách, ale v určitom momente sa mi nepáčilo, že sa k produktu pripájam až v poslednej fáze, keď už nemôžem ovplyvniť jeho použiteľnosť. To znamená, že kreslíte tlačidlá, ikony, usporiadate ich podľa technickej úlohy, aj keď vnútorne chápete, že to bude nepohodlné alebo problém nevyrieši.

Preto som sa rozhodol ponoriť do dizajnu UX / UI, pochopiť, ako sa produkt vyvíja od nuly, ako sa vykonáva výskum, študuje sa používateľ, jeho úlohy a správanie? a ako sa to všetko odráža v rozhraní. Najprv som absolvoval úvodný online kurz od AIC, potom som išiel na stáž do Británie. Po niekoľkých školiacich projektoch pre Golden Crown a Mail.Ru som dostal prácu ako UX / UI dizajnér v Tele2. Okrem portfólia bolo dôležité, ako viem pracovať v tíme, aké roly som v týchto projektoch bral, aké úlohy, okrem rozhraní, viem riešiť ďalšie soft skills.

Teraz pracujem na vernostnom systéme pre zákazníkov Tele2. A toto je úplne iné: pracujeme s analytikmi a pokiaľ ide o používateľské rozhranie, už viem argumentovať umiestnením, tvarom a farbou každého prvku rozhrania. V kurze sme mali chalanov, ktorí nepochádzali z oblasti dizajnu (marketéri, manažéri, vývojári). Na kurze si osvojili prototypovacie nástroje, naučili sa robiť niektoré prvky rozhrania. Je jasné, že nemajú rovnaké dizajnérske zázemie ako grafickí dizajnéri. Ale je skvelé, keď aj manažéri alebo vývojári rozumejú dizajnu, dokážu vyrobiť prototyp, opraviť banner, ikonu a vo všeobecnosti začnú chápať, že dizajn je veľa práce.

Dmitrij Ershov, vedúci cloudové služby, MegaLabs JSC

„MegaLabs má niekoľko tímov, medzi ktorými sú distribuované produkty MegaFon. Momentálne hľadáme napríklad dizajnérov do tímov MegaFon.Bank a MegaFon.TV. Keď som si už pozrel portfólio a komunikoval s UX / UI špecialistom, najskôr si overím svoje znalosti z teórie: kompozícia, typografia, kolorovanie. Položím niekoľko otázok pre každú z tém a ak dizajnér odpovie „Vidím to tak“ - okamžite mínus 1 bod. Ale ak napríklad navrhne výber farby pomocou triadickej schémy, je jasné, že je oboznámený so základmi farbenia.

Keď sa teória otestuje, zisťujem, ktorá z piatich úrovní UX podľa modelu Jess Garrett je u kandidáta najviac “napumpovaná” a podľa úrovne dávam viacero úloh. Dizajnéri produktov MegaFon sú ľudia, ktorí vytvárajú rozhrania na základe cieľov a potrieb zákazníkov spoločnosti. Prednosť majú tí, ktorí rozumejú problémom a ponúkajú viaceré riešenia priamo na mieste.

Na pohovore sa vždy kladú aj rozvojové otázky. Zvyčajne zobrazujem niekoľko stránok a pýtam sa, koľko stĺpcov je v mriežke alebo aký je rozdiel medzi JS a CSS. Dizajnér musí vedieť toto všetko vysvetliť, aby svoje nápady „zabalil“ do jazyka zrozumiteľného pre vývojárov.“

3. Je ťažké nájsť si prácu?

Na jednej strane tento priemysel pociťuje nedostatok takýchto špecialistov a je pripravený zaplatiť veľa, na druhej strane teraz mnohí dizajnéri hľadajú prácu a dlho nemôžu nájsť slušnú prácu. Aký je problém oboch?

V prvom rade musíte zmeniť svoje myslenie. Od „ako urobiť krásne obrazovky portfólia“ až po „ako urobiť ľudí šťastnejšími po interakcii s produktom“. Môže sa ukázať, že vôbec nemusíte kresliť obrazovky a ľudia vám za to poďakujú. Na vytvorenie týchto artefaktov sa používajú skutočné dizajnérske nástroje a metodológie: dizajnové myslenie, mapovanie používateľského príbehu, mapovanie toku používateľov, mapovanie zákazníckej cesty, rozdelené testovanie, testovanie použiteľnosti, kvantitatívny výskum a mnohé ďalšie. Aj keď niekedy môžete prísť k správnym výsledkom nesprávnym spôsobom. Situácia na trhu s novými profesiami je nestabilná, teraz je to pomerne populárne a výnosné povolanie, ale dopyt vytvára ponuku.

Evgeny Zasimenko, absolvent BHSAD, produktový dizajnér v Avito

„Prácu produktového dizajnéra som si začal hľadať niekoľko mesiacov pred koncom kurzu. Nedá sa povedať, že by bol veľmi aktívny, ale Avito sa mi páčilo, keď sme tam boli na exkurzii z Britov. Proces prijímania zamestnancov bol pre dizajnérsky priemysel celkom štandardný: kontrola portfólia, zadanie testu, dva pohovory a dostal som ponuku.

Vývoj produktu je na prvom mieste tímová práca na ktorom sa musí dizajnér podieľať od samého začiatku a kresliť rozhrania na základe metrík a výskumu, vedieť vytvárať prototypy na testy, spolupracovať s vývojármi a hlavne musí pomôcť dosiahnuť spoločný cieľ.

Procesy firiem, ktoré vyžadujú produktového dizajnéra, zvyšujú latku vstupu: okrem pochopenia dizajnových nástrojov vyžadujú aj praktické skúsenosti s ich používaním, ako aj schopnosť tímovej práce. Preto okrem relevantných nástrojov a metodík dávame našim študentom aj reálne prípady od veľkých značiek a spájame ich do multifunkčných tímov.

Počas tohto roka sa nám podarilo zrealizovať cca 20 projektov pre rôzne typy spoločností: od očakávaných fintech - Alfa-Bank, MTS, MegaFon - až po start-upy z oblasti poľnohospodárskej techniky. Veľa študentov si po obhájení projektov dokázalo nájsť prácu v tých firmách, pre ktoré projekt robili, pretože zákazníci v procese vidia ich kompetencie a praktické skúsenosti.

Denis Ushakov, absolvent BHSAD

„Naším projektom bolo vyvinúť mobilnú aplikáciu AgroClick pre Exact Farming. Aplikácia prieskumného agronóma mu pomáha uchovávať všetky údaje o rastline na jednom mieste, organizovať ich a rýchlo zdieľať. Podstatou riešenia je zrýchlenie komunikácie medzi skautským agronómom, ktorý je celý deň v teréne a zbiera informácie o plodinách, a špecializovaným agronómom, ktorý na úrade robí kľúčové rozhodnutia napríklad o nákupe pesticídov.

Teraz pokračujem v práci na projekte ako produktový dizajnér už v kolektíve tejto spoločnosti. Klient mi sám ponúkol pozíciu produktového dizajnéra, lebo už videli, čoho som schopný, mali sme skúsenosti zo spoločnej práce. Zdá sa mi, že takmer všetci spolužiaci na konci štúdia získali prácu súvisiacu s UX / UI v spoločnostiach ako Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Rusko a ďalšie.

4. Bude dopyt po takýchto špecialistoch v nasledujúcich 5 rokoch naďalej rásť?

Vzhľadom na to, že sa digitalizujú biznisy rôznych spoločností – od bánk až po reštaurácie, môžeme očakávať rast vnútropodnikového vývoja a prechod na produktové koľajnice na mieru. Potreba dizajnérov UX/UI bude preto vysoká. Nemôžem sľúbiť hory zlata, keďže trh s novými profesiami sa čoraz rýchlejšie prispôsobuje dopytu, ako to bolo v prípade špecialistov na veľké dáta, strojové učenie, blockchain a iné oblasti, no vyštudovaný produktový dizajnér s dobré portfólio a rekordy sú teraz drahé a žiadané po celom svete.

„Myslím si, že tu nejde ani tak o názov „UX / UI dizajn“, ale o funkčnosť a zodpovednosť. Dopyt samozrejme neklesne, ale pre koho? Vlny sú pozorované: najprv každý hľadal generalistu - dizajnéra-layout-copywritera. Bolo to spôsobené tým, že firmy na to buď nemali peniaze, alebo nechápali, prečo by ich mali míňať na dizajnérov. Potom sa začal UX humbuk, objavili sa interné výskumné a dizajnérske oddelenia a začal sa používať ani nie tak koncept tlačidla, ako skôr používateľského zážitku. Začali sme hrať na testovanie, dizajnové myslenie, eye trackery. Začali sme myslieť v procesoch, nie na obrazovkách.

Myslím si, že ďalšia vlna sa zameria na uvedomenie si a implementáciu základných konceptov a princípov UX vo všetkých profesiách, ktoré sa podieľajú na tvorbe produktu. To znamená, že budú žiadaní špecialisti, ktorí na úrovni DNA rozumejú princípom výskumu, hlavným metódam analýzy používateľov a procesov a navrhovaniu skúseností. A to nevylučuje vysoké dizajnérske zručnosti. Verím v rast dizajnérskej kompetencie, pretože dizajnér je dobrý, ale nikto nezrušil pocit krásy v širšom zmysle slova.

5. Ako práca UX/UI dizajnéra ovplyvňuje každodenný život?

Ak pripustíme, že takmer všetko, čo používame, vymysleli dizajnéri, potom takmer všetky masové digitálne služby – mobilné stránky, webové služby a iné – teraz vymýšľajú dizajnéri digitálnych produktov. Bankové aplikácie, telekomunikačné služby, elektronický obchod, zoznamovacie služby, geolokácia a informačné služby... Môžete pokračovať dlho - je jednoduchšie otvoriť pracovnú plochu mobilný telefón alebo notebooku a prehliadať nainštalované aplikácie. Všetko sú to digitálne produkty, na logických a vizuálnych komponentoch ktorých pracujú dizajnéri UX/UI.

Projekt študentov kurzu BHSAD for MTS UX/UI Design: mobilný sprievodca pre adaptáciu a rozvoj zamestnancov MTS

Práca môže siahať od vytvorenia úplne nového produktu až po digitalizáciu existujúcich služieb. Naši študenti vyrobili napríklad puzdro pre MTS - mobilného sprievodcu pre adaptáciu nových zamestnancov a ich rozvoj s gamifikačným systémom a ďalšími funkciami. Vždy tu bol adaptačný systém: od štandardného HR oddelenia po HR služby a mentorský systém, no nové je práve digitálne riešenie. Je flexibilnejšia, efektívnejšia a umožňuje riešiť rôzne problémy spoločnosti prostredníctvom jedinej služby: networking, školenia, organizácia práce zamestnancov.

Životnosť ziskových obchodných modelov sa rýchlo skracuje. Aby ste sa udržali nad vodou, musíte neustále vytvárať nové a vyvíjať existujúce digitálne produkty. Značky, ktoré sa nedokážu prispôsobiť rýchlosti, idú mimo trate. Preto moderné spoločnosti prechod do rýchlych adaptačných cyklov neustálych zmien. Toto je len o notoricky známom Agile a Scrum. Dizajn – vývoj – učenie sa a opäť v kruhu. Preto sa odbornosť v oblasti dizajnu ako súčasť tohto kruhu stáva základom.

Alina Ermakova, vedúca analytického výskumu používateľskej interakcie v Sberbank-Technology

„Pred pár týždňami som sa vrátil z konferencie Enterprise UX v San Franciscu. Veľké spoločnosti hovorili o tom, ako navrhujú vládne služby, či veľké fintech systémy, alebo napríklad ako si Uber udržiava konzistenciu, keďže sídli v 77 krajinách sveta. UX/UI už majú v DNA. Toto nie je fáza, nie metóda, to je normálny výrobný proces. Neexistujú napríklad žiadne obrady s dizajnovým myslením.

Celý proces vytvárania produktov je dizajnové myslenie. Tím používa potrebné metódy tam, kde to cítia byť potrebné. Toto je súčasť práce. A neboli to mladí hipsterskí dizajnéri najatí na kreslenie rozhraní, ktorí vstúpili na scénu. Boli tam strýkovia a tety nad 45 rokov, majitelia firiem, konatelia korporácií. Lebo je to už na úrovni zdravého rozumu.

6. Aké metodiky sú v súčasnosti najpopulárnejšie?

V Rusku kultúra produktového dizajnu len vzniká. Rámec Design Thinking sa už stal neoddeliteľnou súčasťou interného firemného vzdelávacieho programu v našich veľkých spoločnostiach a korporáciách: Rosatom, Sberbank, Alfa-Bank a ďalších.

V digitálnych firmách sú tradične obľúbené deriváty Design Thinking – Google Ventures Design Sprints, IBM Design Thinking, ako aj rôzne časti nástrojov Design Thinking – modelovanie postáv, etnografický výskum, mapy zainteresovaných strán, mapovanie ciest používateľa (Mapping cesty zákazníka) a iné. Relatívne nový, no za povšimnutie stojí framework Jobs To Be Done, kde sa produkt nevyvíja ani tak na základe vlastností používateľa, ale na základe situácie, v ktorej sa nachádza. Relevantnosť metodiky závisí tak od rozsahu spoločnosti, ako aj od interných procesov. Implementácia toho istého Scrumu vo veľkej firme je zdĺhavejšia a náročnejšia ako v startupe, ale všetko je reálne, hlavná je túžba urobiť pre ľudí cool produkt.

Dmitrij Ershov, vedúci cloudových služieb, MegaLabs JSC

“Pre produkty, ktoré sa nemenia, používame klasický vodopádový model vývoja a pre neustále sa vyvíjajúce volíme SCRUM. Nové produkty alebo funkcie popisujeme pomocou diagramov prípadov použitia, ale vyskúšajte koncept Jobs To Be Done, v ktorom takéto diagramy nie sú potrebné.

Pri plánovaní nových verzií hodnotíme funkčnosť z hľadiska dôležitosti pre používateľov, pre podnikanie a pre mzdové náklady. Najťažšie je vyhodnotiť dôležitosť pre používateľov. Na dosiahnutie väčšej objektivity používame framework HEART. Pomáha pozerať sa na novú funkcionalitu cez prizmu cieľov používateľa.

Niekedy vznikajú spory, napríklad sa produktový vlastník nedohodne s dizajnérom. V takýchto prípadoch súčasne vyvíjame a spúšťame rôzne možnosti, aby sme vyhodnotili efektívnosť každej z nich. Najefektívnejšie riešenie určujú štatistiky správania používateľov.“

7. Do akých odvetví sa v budúcnosti integrujú techniky dizajnu UX/UI?

Ak si zoberieme svetovú prax, najpomalšie sa rozvíjajúce oblasti s nízkou konkurenciou, napríklad verejné služby – tam je kam dať ruku. U nás tradične nízka finančná a právna gramotnosť, kvôli tomu sa produkty zamerané na správu majetku a všetky druhy právnych služieb neobjavujú tak rýchlo, ako by sme chceli.

V kurze len robíme veľa fintechu, jedným z posledných prípadov je mobilná služba, ktorá pomáha človeku spravovať svoje financie a investovať. S cieľom odstrániť komunikačnú bariéru medzi bankou a používateľom sa študenti rozhodli vytvoriť nástroj vo formáte chatbota, ktorý dokáže pracovať v akomkoľvek vhodnom messengeri pre používateľa.

Projekt študentov kurzu BHSAD UX/UI Design pre Ak Bars Bank: osobný finančný asistent, nástroj na investovanie do akéhokoľvek pohodlného messengeru.

IDEO je už mnoho rokov uznávanou hnacou silou v aplikácii dizajnérskeho myslenia. Z ich posledných prípadov vidieť, že táto metodika sa aktívne začína uplatňovať aj v oblasti vzdelávania, vývoja nositeľnej elektroniky a riešenia globálnych problémov.

Je zrejmé, že rast konkurencie v rôznych druhoch podnikania prinútil firmy prejsť na digitál. Ak teda dnes vidíme, že agrotechnológia, medicína, reštauračný biznis a iné offline oblasti začali poskytovať služby online, zajtra budú potrebovať naše metodiky, aby ponúkli trhu nové funkcie a produkty, rýchlejšie prichádzali a aktualizovali svoje digitálne riešenia, buďte flexibilnejší a urobte svojich zákazníkov šťastnejšími.

„Väčšina spoločností stále považuje výskum UX/UI, dizajnové myslenie a ďalšie kreatívne techniky za službu, samostatnú službu, ktorú si možno objednať alebo prenajať. „Myslenie ako dizajnér“ sa nedá kúpiť, musíte začať. Všetci =),“ hovorí Alina Ermakova, vedúca analytického výskumu používateľskej interakcie v Sberbank-Technology.

Dizajn je dosť široký a vágny pojem. Keď niekto povie: „Som dizajnér“, nie je hneď jasné, čomu sa denno-denne venuje. V tomto koncepte je zahrnutých množstvo rôznych odvetví.

Pracovné povinnosti súvisiace s dizajnom existujú v oblastiach od priemyselného dizajnu (autá, nábytok), tlače (časopisy a iné publikácie) až po web dizajn (webové stránky, mobilné aplikácie). S nedávnym prílevom high-tech spoločností zameraných na vytváranie rozhraní pre obrazovky toho bolo veľa Nová práca. Pozícia UX alebo UI dizajnéra môže byť nepochopiteľná nielen pre nezasvätených, ale aj pre samotných dizajnérov, ktorí pochádzajú z iných odvetví.

"Táto otázka nemá jedinú správnu odpoveď."

Skúsme prísť na to, čo to skutočne znamená v IT priemysle.

UX dizajnér

Dizajnérom UX ide predovšetkým o ako produkt interaguje s používateľom. Táto otázka nemá jedinú správnu odpoveď. Dizajnéri UX skúmajú rôzne prístupy k riešeniu konkrétneho problému používateľa. Hlavnou úlohou UX dizajnéra je zabezpečiť, aby produkt logicky plynul z jedného kroku do druhého. Jedným zo spôsobov, ako to môže dizajnér UX zistiť, je vykonať používateľské testy osobne a vyvodiť závery z ich skúseností. Identifikáciou verbálnych a neverbálnych kameňov úrazu koriguje a opakuje, čím vytvára pre používateľa „lepší“ zážitok. Príkladom je vytvorenie úžasného zážitku z registrácie pre nového používateľa.

„Definujte modely interakcie, tok úloh používateľa a špecifiká rozhrania. Vyvíjajte scenáre, end-to-end interakcie, modely interakcií, vývoj GUI užívateľ. V spolupráci s naším kreatívnym riaditeľom a grafickým dizajnérom zlúčime vizuálnu stránku Twitteru s jej funkčné vlastnosti. Podľa potreby vyvíjajte a udržiavajte drôtové modely, makety a špecifikácie."

Príklad obrazovky aplikácie navrhnutej dizajnérom UX
Zdroj: Kitchenware Pro Kit Wireframe od Neway Lau na Dribbble.

Úloha: Screen wireframes, storyboardy, plán lokality

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

Pravdepodobne ste od neho počuli: Po dokončení registrácie by sa mala používateľovi zobraziť stránka „Ďakujem“.

Dizajnér používateľského rozhrania

Na rozdiel od dizajnérov UX, ktorí sa zaoberajú celkovým vnímaním produktu, dizajnérom používateľského rozhrania záleží ako produkt vyzerá. Sú zodpovední za návrh každej obrazovky alebo stránky, s ktorou používateľ komunikuje, a poskytujú vizuálnu časť používateľského rozhrania, ktoré navrhol dizajnér UX. Napríklad dizajnér používateľského rozhrania môže pri vytváraní analytického dashboardu priniesť na začiatok viac dôležitá informácia, alebo rozhodne, či je najintuitívnejšie pridať do grafu posuvník alebo ovládací panel. Návrhár používateľského rozhrania je tiež zvyčajne zodpovedný za vytváranie kompletný sprievodca o dizajne, ktorý poskytuje koherentný dizajnový jazyk, ktorý pokrýva celý produkt. Udržujte konzistentnosť vizuálnych prvkov a určte, ktorým smerom sa má pracovať. Napríklad, ako zobraziť chyby alebo varovania je v kompetencii dizajnéra používateľského rozhrania.

„Koncept a implementácia vizuálneho jazyka Airbnb.com. Vytvorenie rozšíreného sprievodcu štýlom.»

Hranice medzi UI a UX dizajnérom sú dosť nejasné a spoločnosti sa veľmi často rozhodnú tieto úlohy skombinovať.

Dizajnér používateľského rozhrania určuje celkový dojem a vzhľad aplikácie.
Zdroj: Metro Style Interface 4 od Ionut Zamfir na Dribbble.

Nástroje: Photoshop, Sketch, Illustrator, Fireworks

"Polia 'login' a 'register' by mali byť presunuté do pravého horného rohu."

Grafický dizajnér

"Grafickí dizajnéri sa pohrávajú s malými detailmi, ktorým ostatní nevenujú pozornosť."

Grafik je niekto, kto robí grafiku – nedizajnér vám skôr odpovie, ak sa ho spýtate, čo robí dizajnér. Grafických dizajnérov nezaujíma, ako sú obrazovky navzájom prepojené alebo ako niekto interaguje s produktom. Namiesto toho sa zameriavajú na navrhovanie krásnych ikon, ovládacích prvkov a vizuálov a vytváranie správneho vzhľadu a štýlu. Grafickí dizajnéri pracujú na malých detailoch, ktoré ostatní nevidia a často pracujú vo Photoshope pri 4x a 8x zväčšení.

„Produkujte vysokokvalitné vizuálne projekty od konceptu až po realizáciu, a to aj pre stolné počítače, web a mobilné zariadenia rozdielne rozlíšenie(ikony, grafika a marketingové materiály). Vytváranie a opakovanie zdrojov, ktoré odrážajú značku, robia produkt krásnym a oživujú ho.“

Dizajnéri používateľského rozhrania tiež často musia robiť nielen svoju prácu, ale aj vytvárať pixelovo dokonalé rozloženie. Niektoré spoločnosti sa rozhodnú, že na úlohu grafického dizajnéra nemajú samostatnú osobu.

Grafický dizajnér navrhne, nasmeruje a nastaví každý pixel, aby zaistil dokonalý konečný výsledok.
Zdroj: IOS 7 Guide Freebie PSD od Seevi kargwal na Dribbble.

Nástroje: Photoshop, skica

Pravdepodobne ste od neho počuli:"Znížte kerning a posuňte tlačidlo o 1 pixel doľava!"

Návrhár pohybu

Pamätáte si ten jemný pohyb, keď potiahnete obrazovku, aby ste aktualizovali poštu na vašom iPhone? Toto je práca návrhára pohybu. Na rozdiel od grafických dizajnérov, ktorí sa zvyčajne zaoberajú statickými objektmi, návrhári pohybu vytvárajú animácie v rámci aplikácie. Zaoberajú sa čo robí rozhranie, keď sa ho používateľ dotkne. Napríklad rozhodujú o tom, ako sa má ponuka posúvať, aké efekty použiť na prechody a ako sa bude tlačidlo stláčať. Ak je pohyb vykonaný dobre, stáva sa neoddeliteľnou súčasťou rozhrania a poskytuje vizuálne pokyny, ako produkt používať.

„Chce to vedomosti grafický dizajn, pohybový dizajn, digitálne umenie, zmysel pre farby a typografiu, všeobecné povedomie o materiáloch/textúrach a praktické pochopenie animácie. Vedomosti Firmvér iOS, OS X, Photoshop a Illustrator, ako aj znalosť programov Director (alebo ekvivalent), Quartz Composer (alebo ekvivalent), 3D počítačové modelovanie, pohyblivá grafika.

Nástroje: After Effects, Core Composer, Flash, Origami

Pravdepodobne ste od neho počuli:"Ponuka by sa mala objaviť zľava po 800 ms."

UX výskumník

Výskumník UX vie všetko o potrebách používateľov.

Výskumník UX vie všetko o potrebách používateľov. Cieľom výskumníka je odpovedať na dve hlavné otázky: "Kto sú naši používatelia?" a „Čo chcú naši používatelia?“. Spravidla to zahŕňa používateľské prieskumy, prieskum trhu a analýzu údajov. Dizajn je proces neustáleho opakovania. Výskumníci môžu pomôcť s týmto procesom vykonaním A/B testov, aby zistili, ktorá možnosť dizajnu najlepšie vyhovuje potrebám používateľov. Výskumníci v oblasti UX bývajú hlavnou oporou veľkých spoločností, ktorým prístup k veľkému množstvu údajov poskytuje dostatok príležitostí na vyvodenie štatisticky významných záverov.

„Úzka spolupráca s vývojovými tímami pri identifikácii výskumných tém. Návrh výskumu týkajúci sa akcií aj vnímania používateľov. Vykonávanie výskumu pomocou a uplatňovanie rôznych metód, ako sú prieskumy.

Pojem UX vznikol v roku 1993 v útrobách Apple Corporation, dekódovanie znie ako User eXperience. S rastúcou popularitou mobilných zariadení sa tento koncept stal módnym a začal sa používať všade. Ale ani teraz nemôže každý s istotou odpovedať, čo je dizajn UX, ako sa líši od dizajnu používateľského rozhrania a prečo sa tieto veci často spomínajú. Pomôžeme vám prísť na to.

Čo je dizajn UX

V ruštine je dizajn UX dizajn používateľskej skúsenosti. Je to jeden z prvých krokov pri vytváraní produktu a slúži na to, aby bola aplikácia logická, pohodlná a užitočná. a stránky určuje, aké dojmy z ich používania človek získa, ako presne bude tieto produkty používať.

Kde je najlepšie umiestniť vstup na váš osobný účet? Koľko krokov musí používateľ absolvovať, aby sa prihlásil na odber noviniek alebo zadal objednávku? Ako bude vedieť, že operácia bola úspešná? Toto sú otázky, ktoré rieši UX dizajnér.

Dizajn UX obsahuje rôzne komponenty:

• informačná architektúra;
• interaktívny dizajn;
• použiteľnosť (ukazovateľ jednoduchosti, pohodlia a účinnosti produktu v očiach používateľov).

UX dizajnér rozumie psychológii a emóciám používateľov, analyzuje ich očakávania od produktu a stanoví si cieľ, ktorý má dosiahnuť. Ďalej vyberie vhodné nástroje a vymyslí štruktúru aplikácie alebo stránky, ktorá spĺňa všetky potrebné parametre.

Surový nápad na webovú stránku alebo aplikáciu je ako kúsok skladačky v našej kancelárii. Z vôle UX dizajnéra sa z týchto kúskov formuje jasná štruktúra.

Pre UX dizajnéra neexistujú žiadne monotónne úlohy, preto rôzne projekty často vyžadujú ľudí so zručnosťami z rôznych oblastí. Sú tam celé laboratóriá s výkonným technickým vybavením, v ktorých na výskume pracuje tím niekoľkých ľudí. V takýchto laboratóriách sú zariadenia, ktoré zaznamenávajú psychofyzické reakcie používateľov (napríklad pohyby očí a tlkot srdca), vykonávajú prieskumy, pozorujú používateľov pomocou zapnutej a vypnutej metódy a.

Dizajnéri UX musia byť schopní:

• vykonávať používateľský prieskum;
• vytvárať drôtové modely a prototypy webových stránok a aplikácií. To pomôže vyhodnotiť, akým smerom vyvíjať aplikáciu alebo stránku. Navyše schopnosť kresliť nie je pre moderného dizajnéra UX vôbec povinná. Existuje mnoho nástrojov na vytváranie prototypov, kde môžete vytvoriť kompetentnú vizualizáciu rozhrania pomocou hotových prvkov (napríklad Axure, Balsamiq alebo UXPin);
• interakciu dizajnu, teda predstavte si, ako presne bude človek produkt používať. Na tento účel sa vytvárajú mapy trás používateľov pozdĺž obrazoviek aplikácií, interaktívnych rámcov lokalít a aplikácií s rôznymi možnosťami dizajnu;
• otestujte výrobok;
• robiť analýzy. Používanie rôznych metrík (napríklad Webvisor, Hotjar, Mixpanel, UXcam alebo Appsee) vám pomôže pochopiť, ako dobre dizajn funguje, a zlepšiť produkt na základe reálnych údajov.

Viac o princípoch a základoch dizajnu UX rozhrania si môžete prečítať v.

Čo je dizajn používateľského rozhrania

Dizajn používateľského rozhrania alebo dizajn používateľského rozhrania je vizuálnym stelesnením dizajnu UX. Jeho úlohou je pomocou určitých grafických riešení urobiť aplikáciu, webovú stránku alebo iný produkt intuitívnym, atraktívnym a čo najjednoduchším na používanie.

Dizajnér používateľského rozhrania je zodpovedný za to, ako bude vyzerať každá jednotlivá obrazovka alebo stránka. Jeho oblasťou zodpovednosti sú grafické ovládacie prvky, ako sú tlačidlá a začiarkavacie políčka, fonty, farebné schémy a rôzne vizuálne prvky.

Ako by malo tlačidlo vyzerať, aby sa naň dalo pohodlne klikať? Akú veľkosť písma zvoliť, aby sa text dobre čítal? Ako naformátovať chybové hlásenie tak, aby upútalo pozornosť, no neotravovalo? Odpovede na tieto otázky pomáhajú nájsť dizajn používateľského rozhrania rozhraní.

Dizajnér používateľského rozhrania používa pri svojej práci rôzne grafické editory: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Pri práci na tom, ako bude aplikácia vyzerať na obrazovke modulu gadget, sa dizajnér používateľského rozhrania zameriava na pokyny pre mobilné platformy — súbory odporúčaní od spoločností Apple a Google, vďaka ktorým aplikácie tretích strán vyzerajú jednotne a hladko zapadajú do celkového konceptu.

Ak nakreslíme veľmi jednoduchú analógiu zo života, potom UX dizajn je usporiadanie bytu a komunikácie a UI je výber tapety a podlahy. V praxi však UX a UI dizajn spolu úzko súvisia, druhý logicky nasleduje po prvom a často robí oboje ten istý človek. Preto je hranica medzi týmito dvoma pojmami rozmazaná a sú označené spoločne.