UX-DESIGN - Čo je to? V súčasnosti je priemysel užívateľského rozhrania rýchlo rastie, ale ux-dizajn je stále úplne novým svetom pre väčšinu manažérov a manažérov. Táto oblasť zakladá úlohu zlepšenia spokojnosti užívateľov s produktom, zlepšiť použiteľnosť, dostupnosť a interakciu. Kombinuje tradičný dizajn interakcie osoby a počítača a považuje všetky aspekty vlastnej interakcie s produktom alebo službou.

Dizajnéri UX hrajú vedúcu úlohu pri zlepšovaní základných potrieb koncového používateľa a pokúsiť sa vytvoriť produkt, ktorý robí publikum šťastným. To zase vedie k návrate zdravých investícií a pomáha udržiavať rastúce podnikanie alebo organizáciu.

Čo robí UX dizajnér?

UX dizajnéri študujú a vyhodnotia, ako užívatelia patria do systému, pri pohľade na veci, ako je ľahko použiteľné, vnímanie hodnoty systému, úžitkovej efektívnosti pri výkone úloh.

UX dizajnéri považujú aj podsystémy a procesy vo vnútri systému. Môžu napríklad preskúmať proces umiestnenia objednávky na internetovej stránke E-Commerce, aby ste zistili, aké ľahké je urobiť proces nákupu výrobkov z lokality. Môžu prehĺbiť v štúdii komponentov subsystému, napríklad, aby ste zistili, aké efektívne a príjemné je skúsenosť užívateľov, ktorí vyplnia vstupné polia vo webovom formulári.

UX-DESIGN - Čo je to? Koncepcia technológie

Dôležitým konceptom v dizajne UX je proces, ktorým používatelia vytvárajú skúsenosti. Keď sa spotrebiteľ prvýkrát stretáva s produktom, je vytvorený okamžitý dojem, ktorý sa mení s časom. V tomto procese sa vnímajú vnímanie, opatrenie, motivácia a poznatky, aby vytvorili užívateľskú skúsenosť. Tento proces spôsobuje emocionálne reakcie, ktoré sú do značnej miery určené, či bude skúsenosť pozitívna alebo negatívna.

UX dizajnéri sa snažia vytvoriť faktory ovplyvňujúce proces úmyselne. Pre tento developer UX považuje tri kategórie otázok: Čo, prečo a ako.

Prečo - Znamená to motivácia používateľov na prijatie výrobku a túžbu si ich vychutnať.

čo - týka sa skutočnosti, že ľudia môžu robiť s výrobkom a jeho funkčnosťou.

ako - odkazuje na návrh dostupných funkcií a esteticky príjemným spôsobom.

Dizajn UX začína kategóriou "Prečo", potom určuje "to" a nakoniec, "ako" vytvárať produkty, s ktorými používatelia môžu získať významné dojmy.

Historický retrospektívny

V porovnaní s mnohými ďalšími disciplínmi, najmä s webovými systémami, je dizajn UX relatívne nový. Termín "užívateľský zážitok" predstavil Dr. Donald Norman, výskumník kognitívnej vedy, ktorá bola tiež prvou, ktorá opísal význam užívateľsky orientovaného dizajnu - koncepcie, ktoré by mali byť rozhodnutia o projektoch založené na potrebách spotrebiteľov. Z publikácie tohto konceptu začali históriu UX-dizajnu.

V nezávislosti je práca v spustení alebo veľká UX dizajnérová spoločnosť priamo zapojená do procesu, aby výrobok užitočný a príjemný na použitie pre cieľový trh spoločnosti. Proces vytvárania produktu obsahuje niekoľko dôležitých krokov:

spotrebiteľský výskum;

dizajn produktu;

testovanie;

implementácia.

Podrobnejšie zvážte každý z nich.

Spotrebiteľský výskum: Kde začať noví dizajnér?

Analýza spotrebiteľských publika a identifikačných potrieb zahŕňa komunikáciu s reálnymi užívateľmi na cieľovom trhu. Ak existuje predmet výskumu len hypoteticky a ešte nie je vytvorený, predmetom diskusie sa stáva podobnými výrobkami konkurenčných firiem, ich výhody a nevýhod. Ak už existuje výrobok, spotrebitelia sú ponúkané otázky o tom, ako sa ľudia cítia pri navigácii stránky s aktuálnym dizajnom, či je ľahké nájsť požadované informácie, pretože stránky sú štruktúrované. Samostatne vyhodnotil kvalitu písomného a grafického obsahu a všeobecný vizuálny dojem stránok. Na túto časť procesu možno použiť tieto metódy:

dotazníky;

diskusie v skupinách zamerania;

online prieskumy;

analýza úloh.

Je dôležité si uvedomiť, že ak je výrobok ovocie dizajnérskeho myslenia a nie je spojené vo svojom vývoji a implementácii s užívateľským zážitkom a spätnou väzbou, nie je to výsledok UX-dizajnu.

Dizajn

Vývoj hypotézy dizajnu obsahuje predstavu o tom, ako sa môže nový produkt alebo služba prispôsobiť tomu, ako sa klient už chová (toto je zistené užívateľským výskumom). Produktový dizajn je zameraný na funkčnosť a jednoduchosť použitia, a nie o tom, ako to vyzerá. V tomto štádiu sa používajú nasledovne:

informačná architektúra;

• prototypovanie.

Testovanie

Testovanie znamená overenie, že zmeny vykonané v štádiu dizajnu pracujú pravidelne a spĺňajú ich úlohu. To je skvelý spôsob, ako sa zbaviť problémov alebo ťažkostí používateľov, ktorí neboli viditeľné v štádiu návrhu pred začatím práce v etape implementácie. Existujú rôzne:

testovanie A / B;

použiteľnosť;

testovanie vzdialeného používateľa.

Predaja

Implementácia naznačuje úzku interakciu s webovými vývojármi na dosiahnutie konečného cieľa. Odborníci na vývoj webových stránok pracujú na premení nápady na reálne miesto. Je dôležité, aby vývojári pracovali v tíme počas celého procesu, aby táto posledná etapa bola efektívnejšia a optimálna.



Čo je to užívateľské skúsenosti?

Webové stránky a aplikácie sa stávajú čoraz ťažšie ako technologická propagácia. Čo sa dnes používa jednostranné statické prostredie, sa stalo širokým interaktívnym skúsenostiam.

Ale bez ohľadu na to, koľko sa proces výroby zmenil, úspech webovej stránky je stále závislý na jednej veci: ako to používatelia vnímajú. "Táto stránka mi dáva hodnotu?" Je to ľahké ho používať? Je to pekné? " - To sú otázky, ktoré sa používatelia pýtajú, keď komunikujú s produktmi spoločnosti, a to je na základe tejto skúsenosti, spravidla rozhodnú o nákupe.

Užívateľské rozhranie (skrátené UX) v dizajne - niečo, ako človek sa cíti pri interakcii so systémom. Systém môže byť webová stránka, webová aplikácia alebo softvér na ploche. V modernom kontexte je to často označené ako ľudská a počítačová interakcia.

Koncepcia užívateľských skúseností pokrýva všetky aspekty interakcie koncového používateľa so spoločnosťou, jeho služieb a produktov. Je dôležité rozlíšiť celkový návrh projektu z užívateľského rozhrania, hoci užívateľská skúsenosť je mimoriadne dôležitou súčasťou dizajnu.

Je tiež potrebné rozlíšiť UX a jednoduchosť použitia: v súlade s definíciou atribútu kvality používateľského rozhrania, ktorý pokrýva jednoduchosť učenia, efektívnosť použitia, pýtateľnosti, vizuálnej prijateľnosti, estetika dizajnu.



Profesionálne kompetencie

UX dizajnér je zodpovedný za všetky fázy procesu a ich popísané vyššie. Existuje niekoľko profesionálnych kompetencií, ktoré venujú veľkú pozornosť pri výučbe dizajnéra:

vedenie;

• projektový manažment;

  efektívna interakcia s tímom.

Tieto profesijné charakteristiky sú veľmi dôležité pre úspešnú prácu.

Aký je rozdiel medzi dizajnom UX a UI?

Dizajnéri užívateľského rozhrania (UI) sa zameriavajú na usporiadanie a aktuálny dizajn každého prvku, s ktorým používateľ interaguje, zatiaľ čo konštrukcie užívateľských skúseností (UX) sa zameriavajú na interakcie používateľa s týmto prvkom, ako aj na komplexnom dojem produktov. Dizajnéri UI a UX často pracujú spoločne, ako aj v tíme s webovými vývojármi, vytvoriť produkt, ktorý je vizuálne atraktívny a príjemný.

Čo robí ux návrhár?

UX dizajnéri vykonávajú rôzne funkcie v závislosti od fázy projektu a vývoja. V počiatočných fázach projektu, odborníci vykonávajú predbežné štúdie o užívateľských skúsenostiach, a potom plánovať interakciu prostredníctvom rámca a prototypovania ich projektov, ktoré sú ďalej kontrolované rôznymi heuristickými technikami.

Počas vývoja, testovania a rozhrania používateľského rozhrania naďalej zlepšuje skúsenosti s výrobkom a interakciou so spotrebiteľom.

Po začatí projektu môže UX dizajnér analyzovať vlastné ukazovatele na sledovanie výsledkov svojej práce, vrátiť sa späť a pokračovať na iterácii na zlepšenie slabých miest dizajnérskeho riešenia.



Úlohy a metódy

Dizajnéri UX vykonávajú rôzne úlohy v rôznych bodoch procesu. Nižšie je hlavný zoznam:

Odhad súčasného systému.Ak systém už existuje, profesionálny UX bude holisticky hodnotiť svoj súčasný stav. Problémy sú identifikované a opravy sú ponúkané na základe analýzy výskumných údajov.

A / B testovanie.Špecialista môže vytvoriť štúdiu na porovnanie účinnosti a kvality skúseností rôznych užívateľských rozhraní. Toto sa vykonáva rozšírením hypotézy (napríklad "zelené tlačidlo je atraktívnejšie ako červené"). Potom sa ponúka niekoľko dizajnových verzií a "najlepší zážitok" je určený v testovaní (napríklad, zelené tlačidlo je lepšie, pretože používatelia klikli častejšie.).

Prieskumy. Vývojár UX vykonáva prieskum existujúcich a potenciálnych používateľov systému, aby sa získala predstava o tom, čo bolo najúčinnejšie rozhodnutie o dizajne. Keďže skúsenosti s jedným užívateľom je subjektívny, najlepší spôsob, ako získať priame informácie, je študovať a komunikovať so skupinovými názormi.

Rámy a prototypy.Na základe svojich záverov môžu UX experti vyvinúť rámce rôznych rozložení a prototypov vyššiu presnosť.

Vlastné toky.Ďalším populárnym nástrojom je navrhovanie toho, ako používatelia musia navigovať systémom.

Konštrukčné šablóny

Šablóny Zabezpečte konzistenciu a spôsob hľadania najúčinnejších "nástrojov" na prácu. Napríklad pri vývoji užívateľských šablón rozhrania vyberte správne položky (napríklad modul, Slideshow Tabs) pre určité úlohy založené na ich účinnosti vedie k lepšiemu riešeniu. UX vývojári nielenže ponúkajú len dizajnérske šablóny, ktoré sa používajú na iných webových stránkach, ale tiež vyvíjajú svoje šablóny pre aktuálny projekt.

Programy

Existuje niekoľko populárnych a ľahko prístupných programov pre dizajn UX pre prácu a tréning. Nástroje nie sú určené len pre dizajnérov UX. Programátori a webmasteri ich tiež používajú.

UX-dizajnové kurzy používajú prototypové nástroje - v počiatočnej fáze, môžu byť vykonané pomocou rukoväte a papiera. Tento lacný a prístupný nástroj pre učenie dizajnéra v praxi vám umožní rýchlo vytvoriť prototyp a pokračovať v dizajne.

Niektoré softvér na vytvorenie rámca a prototypov:




Pri tréningu, základy UX-dizajnu používa testovanie A / B, tiež známe ako samostatné alebo multivariačné testovanie. Tento nástroj porovnáva rôzne verzie stránky. Testovanie je možné vykonať pomocou niektorého z niekoľkých programov.

Testovací softvér A / B v podstate rozbije prevádzku webovej stránky do dvoch rovnakých segmentov. Jedna skupina vidí verziu A a druhá verzia B. štatistiky, ako je konverzný faktor a miera zlyhania, je sledovaná pre každú verziu. Rozdelené testovanie určuje, ktorá verzia je lepšia a toto rozhodnutie je založené na štatistických údajoch. Jedným z najobľúbenejších testovacích aplikácií A / B je optimalizátor webových stránok spoločnosti Google.

Kontrolný obsah

Pri učení UX-dizajn od nuly sa používajú rôzne metódy zásob obsahu. Pomocou aplikácie servera na mieste (pre ktorú potrebujete prístup na webový server), je najvhodnejší pre výrobné miesta. Byť bližšie k zdroju ako softvér tretej strany, tieto aplikácie sú presnejšie a efektívne. Na tento účel je možné použiť jednoduchý nástroj programu Excel na vytvorenie a správu obsahu obsahu, ako je šablóna Guexindex ()).

Webové stránky vytvorené s podpornými systémami na správu obsahu, ako je WordPress a Drupal, spravidla majú vstavané nástroje, ktoré ukazujú kartu existujúcej webovej stránky.

Ankety a fidbeck

Používateľský prieskum je ďalšou populárnou úlohou UX dizajnu. Najefektívnejší a ekonomický spôsob, ako to urobiť použitie aplikácie pre prieskum a spätnú väzbu alebo testovanie vzdialeného používateľa.

Všeobecné nástroje na vykonávanie prieskumov verejnej mienky, napríklad Poldaddy, sú flexibilné riešenia, ktoré môžu byť použité aj na iné úlohy. Existujú nástroje spätnej väzby pre jednoduchosť používania, ako sú služby použiteľnosti a diaľkového používateľského testovania, ako napríklad používateľ-hab, ktorý spravuje testovací systém.

Príklady

Príklad ux-dizajn - Čo je to? Dizajn používateľského rozhrania je proces vytvárania produktov, ktoré poskytujú zmysluplný a experimentálny zážitok. Ide o dôkladný dizajn a jednoduchosť používania produktu, estetické potešenie z aplikácie a rozsiahlej funkčnosti.

Produkty, ktoré poskytujú vynikajúce užívateľské rozhranie (napríklad iPhone, je najlepším príkladom UX-design), sú navrhnuté nielen na spotrebu alebo použitie produktu, ale aj pre celú akvizíciu, držanie a dokonca aj riešenie problémov.

Prenos hubspoot materiálu o tom, čo je UX-dizajn, ako to vytvára, aké nástroje sa používajú a prečo UX-Design Business.

Aké sú výhody vašej stránky alebo aplikácie? Je ľahké zbierať informácie? Alebo kúpiť jedným kliknutím a zajtra dodanie tovaru? Alebo hlavná vec - rýchlo nájsť odpovede na potrebné otázky?

Premýšľajte o ľuďoch, ktorí vyvinuli túto stránku alebo aplikáciu. Aký cieľ bol?

Snažili sa vytvoriť webový zdroj, na ktorom by bolo všetko, čo by ho miloval. Ľahko použiteľné miesto, ktoré by rýchlo vydali požadované informácie a pomohli rozhodovať o vážení.

UX, alebo interakčné skúsenosti, pokrýva - vnímanie a emócie, ktoré spôsobujú softvérový produkt alebo službu. UX je charakterizovaný jednoduchosťou používania, dostupnosti a pohodlia. UX sa často hovorí v kontexte elektronických zariadení, smartfónov, počítačov, softvéru alebo webových stránok. Ale takýto pojem nie je nový; To je to, čo sa rýchlo zmení pod vplyvom technologického pokroku, nových typov interakcií a trendov spotrebiteľov.

Užívatelia hľadajú bleskové spôsoby, ako riešiť problémy, takže UX je mimoriadne dôležitý. Dbajte na to, aby stránka bola pochopiteľná a ľahko porozumieť používateľom.

Ak sa zdroj nezdá byť užitočný a ľahko použiteľný, rýchlo odmietajú prihlásiť. Väčšina používateľov sa rozhodne minútu, zatvorte stránku.

V tomto článku hovoríme viac o rozvojovom priemysle UX, o tom, čo dizajnéri komerčné organizácie prenájom, a prečo premyslený dizajn výhody každý podnik.

Čo je to UX-dizajn?

UX-dizajn, alebo dizajn interakcie skúsenosti, ktorý závisí od toho, koľko je užívateľ spokojný s softvérovým produktom alebo službou; Tento proces poskytuje lepšiu funkčnosť, použiteľnosť a pohodlie. UX-dizajn je vytvorenie softvérových produktov s premyslenými a relevantnými užívateľskými skúsenosťami. Oblasť UX-design pokrýva hmotnosť podsekcií, ktoré by sa mali brať do úvahy.

1. Interaktívny dizajn

Interaktívny dizajn alebo pododdiel IXD - UX-design, ktorý určuje interakciu medzi užívateľom a výrobkom; Účelom týchto interakcií je dobrý užívateľský zážitok.

2. Vizuálny dizajn

Vizuálne dizajn, ilustrácie, fotografie, typografia a farebné schémy sa aplikujú - toto všetko rozširuje skúsenosti interakcie medzi koncovým užívateľom. Vizuálne dizajn je dôležité dodržiavať zásady dekorácie. Medzi týmto - rovnováhou, priestorom, kontrastom ... farba, tvar, veľkosť a iné prvky ovplyvňujú aj dizajn.

3. Výskum používateľa

Toto je posledné prvky komponentov ux dizajnu, s ktorými sa spoločnosti zistia očakávania svojich zákazníkov. Úspešný webový projekt slúži ako konkrétny účel a rieši špecifické úlohy, takže dôležitým krokom je zistiť, čo spotrebiteľ potrebuje. Bez toho, základom dizajnu je len odhady a predpoklady.

4. Informačná architektúra

Dizajnéri používajú informačnú architektúru na konštrukciu a obsah štítkov konkrétnym spôsobom, že používatelia sú ľahšie nájsť informácie, ktoré potrebujete. Informačná architektúra sa vzťahuje na vývoj webu, vývoj smartfónov, aplikácií, zobrazených v mnohých fyzických objektoch. Jednoduché použitie a prístupnosť sú dva hlavné aspekty informačnej architektúry.

Na ilustráciu, zvážte mapu metra New York. Mimochodom, je to dobrý príklad informačnej architektúry, ktorá pomáha ľuďom dostať sa z podmieneného bodu "A" na položku "B". A ako postulát inštitúcie informačnej architektúry zvuky, "ak urobíte niečo pre iných, aplikujete informačnú architektúru."

Kompozitné procesy UX-dizajn

Rozlišujú sa tri etapy UX-dizajnu: 1. Vyhľadajte cieľovú skupinu 2. Pochopenie cieľov spoločnosti - Ako takéto účely sú ovplyvnené užívateľom 3. Jej myslenie

Zvyčajne, UX-dizajn používa prístup, v strede, ktorého používatelia - pre tri etapy, je vytvorený požadovaný konečný produkt. Ľahšie - by mal zvážiť potreby tých, pre ktorých sa dizajn vyvíja. Hromadné riešenia platia pre odstránenie všetkých druhov obtiažnosti a drsnosti; Prototypy sú vytvorené, ktoré sú testované na používateľov.

Po práci si vyberiete to najlepšie z pracovníkov. Ak sa pozriete na veci z pohľadu používateľa a vyvinúť dizajn, so zameraním na jeho preferencie sa vám bude páčiť výsledok.

Zásady dizajnu UX

Odvetvie UX-Design sa rýchlo mení, ale základné princípy sú rovnaké. Dizajnéri by mali pochopiť, čo potrebujú z hľadiska vizuálnej rovnováhy. Stručnosť a jasnejšie - dôležité nuansy; Tu je uplatniteľný princíp - týmto menšia. Snažte sa o dizajn, ktorý má byť intuitívny, a čo je dôležitejšie, zvážte záujmy a potreby používateľov.

Rozsah UX sa zvyčajne znižuje na nové technológie, ale základom všetkého starého, ako svet, princípy, ktoré pomáhajú dizajnérom, vyriešiť všetky druhy problémov v dôsledku konzistentnej a predmetnej metodiky.

Zohľadnite sa kontextu: Používateľ by mal vedieť, kde je v súčasnosti. Nemali by byť žiadny pocit preťaženia informácií, alebo že stratil. Vašou úlohou je zobraziť a zadať správny smer.

Buďte HUMANE: Nikto nemá rád pocit, že interakcia s autom. S väčšou pravdepodobnosťou vybudujete dôveryhodný vzťah, ak ukážete svoju spoločnosť z ľudskej strany.

Dostupnosť: Nikto nechce stráviť čas. Úspešný dizajn UX zlepšuje navigáciu.

Ľahko: Sekvencia a nekomplikácia dizajnu je vždy dobrá. Stavujete vzťahy s užívateľmi na úkor pohodlných UX.

Jednoduché: žiadne nesprávne výpočty alebo zbytočné popisy. Okamžite ísť na hlavnú.

Výsledok ux.

Keď je projekt UX dokončený, dizajnér a tím zobrazujú klienta a ich tím zoznam toho, čo bolo vykonané. Je potrebné zobraziť pracovný proces, zoznam implementovaných myšlienok.

Je to dôležitá časť všeobecného procesu. Takže UX-dizajnéri sú ľahšie nájsť požadovanú, demonštrujú svoju víziu, vysvetlite určité odporúčania na zlepšenie.

1. Štúdia používateľa

Potreby, trendy a motivácia používateľa - toto všetko sa ukáže počas rôznych užívateľských výskumov. Môžu to byť kvantitatívne a kvalitatívne údaje získané počas skúšobného času, napríklad s účasťou zameranie skupín; Podrobný opis procesu registrácie, palubných a dotazov v službe klienta. Cieľom je získať podrobnú analýzu toho, čo je na stránke, a čo ešte možno zlepšiť - všetky nápady sú testované na reálnych užívateľov.

Výskumníci vytvárajú spotrebiteľské portréty na základe skutočných údajov o ľuďoch, čo pomáha presne určiť, kto bude spolupracovať s webovou stránkou alebo aplikáciou.

Použitie vlastného výskumu, dizajnéri nájsť a definovať svojho používateľa.

2. Hodnotenie konkurentov

Posúdenie silných a slabých stránok konkurentov - spôsob, ako rozšíriť svoju vlastnú stratégiu UX. Najlepšie je konať s pomocou analytických správ, v ktorých by sa konkurenčný vývoj vzťahoval. V podstate je to podrobná analýza interaktívneho dizajnu konkurentov, zoznam nedostatkov, nesprávnych výpočtov a opomenutia, vo všeobecnosti, čo môže byť konkurenčnou výhodou.

3. Interaktívny dizajn

Popis interakcií užívateľov môže byť vo forme prototypu - je ľahšie pochopiť, ako používatelia budú vykonávať kľúčové úlohy, nájsť informácie a všeobecne používajte produkt. Proces vyhľadávania informácií je opísaný a ako pohodlné je pohodlné. Prototyp musí byť čo najjednoduchší a blízko konečnej verzie.

4. Informačná architektúra

IA je proces získavania informácií a premeniť ho na vnímavý pohľad, ktorý je obzvlášť dôležitý pre veľké miesta. Je dôležité pochopiť, čo ľudia budú používať dizajn. Koncový výsledok môže byť mapa stránok s výzvami alebo vzorkou užívateľských prúdov, ktoré ukazujú, ako návštevníci prechádzajú cez stránku.

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

Keď Apple predstavil navigačný komponent na iPod, táto vec bola intuitívna a vysoko funkčná - nehovoriac o vizuálnej zložke. Toto je dobrý príklad úspešného používateľského rozhrania alebo UI. UI je spôsob, ako komunikovať s počítačmi, stroje, miestami, aplikáciami, opotrebovanými zariadeniami atď. UI-dizajn je to, čo robí všetky tieto veci ako zjednodušené a efektívne, ako je to možné.

UI Vs. UX.

UX, interakčné skúsenosti, označuje pohyb užívateľa na stránke alebo v žiadosti. UX dizajnéri pracujú na formulári a funkčnosti produktu alebo technológie. UI, alebo užívateľské rozhranie, je zamerané na to, ako vyzerá vonkajší plášť produktu a funguje. Rozsah ui-dizajnérov - hmatateľné a viditeľné zložky tohto procesu.

Všeobecné prvky UI

UX a UI majú veľa spoločného, \u200b\u200bale je dôležité si uvedomiť kľúčové rozdiely týchto dvoch priestorov. Opäť, UI je zameraná na externú zložku výrobku, zatiaľ čo UX je viac spojený s tým, ako ľudia komunikujú s webom alebo aplikáciou. Tu sú najčastejšie prvky UI, ktoré potrebujete vedieť, aby ste sa lepšie zistili v kontrakciách:

Informačné komponenty: Dizajnéri UI používajú informačné komponenty na rozšírenie tzv. Skúsenosti s čítaním - Prevod viac informácií. Príklady informačných komponentov: Stavové indikátory, oznámenia a správy s správami. To všetko sa používa ako potvrdenie: užívateľ vykonal konkrétnu úlohu. Alebo oznámiť, že z jeho časti si vyžaduje určité opatrenia.

Navigácia "Krčma chleba"

Toto je nástroj dizajnéra, ktorý vizuálne zlepšuje použiteľnosť stránky.

Takže ľudia vidia svoju polohu na webovej stránke, vo svojej hierarchickej štruktúre. Nevyžaduje sa žiadne mätúce prvky dizajnu, musíte len ukázať, v ktorej časti stránky je užívateľ. Zvyčajne sú takéto odkazy umiestnené v hornej časti webovej stránky online obchodov alebo na iné zdroje.

Zadajte prvky správy: Používatelia sú vybavené niekoľkými možnosťami, ktoré majú odpovedať na otázku, ktorú sú špecifikované. Tie môžu kontrolovať zoznamy a prepínače. Informácie by mali byť stručné a komprimované, aby bolo ľahšie zistiť potreby.

Vyšetrovanie skúseností v oblasti interakcie

Bez výskumu to nebude možné dozvedieť sa o potrebách a preferenciách ľudí. UX-štúdia je nájsť to, čo používatelia potrebujú; Získané údaje sú založené na UX-dizajne. Spoločnosti a dizajnéri aplikujú výskum, aby urobili určité závery, čo funguje a čo je lepšie zmeniť. Existuje niekoľko možností pre štúdiá UX.

Testovanie použiteľnosti

Úlohou takejto štúdie je zistiť, ako úspešný je produkt; Používatelia sa zúčastňujú na testovaní. Takže spoločnosti dostávajú skutočné informácie o tom, ako ľudia používajú produkt alebo systém, alebo ako tento produkt alebo systémové práce. Existujú dva základné testovacie metódy.

Testovanie použiteľnosti na náhodných užívateľov je rýchlym a lacným spôsobom pre spoločnosti a výskumníci získať informácie od ľudí, ktorí nemusia vedieť o svojom produkte. Príležitostní ľudia si vychutnávajú produkt a zdieľajú svoje názory.

Diaľkové testovanie použiteľnosti umožňuje spoločnostiam vykonávať výskum za podmienok, keď sú používatelia v ich prirodzenom prostredí (napríklad doma alebo v kancelárii).

Nástroje testovania použiteľnosti

Takéto nástroje vám umožňujú naučiť sa názor používateľov, analyzovať Fidbeck a vykonať určité zmeny na základe údajov. Ak hľadáte nástroj, ktorý by pomohol zistiť, aké jednoduché je použitie vašej webovej stránky alebo aplikácie, máte dve možnosti:

Adobe Fireworks CS6 umožňuje webovým dizajnom vytvárať grafiku pre webové stránky bez toho, aby ste museli ponoriť do jemnosti programového kódu alebo dizajnu. Adobe Fireworks má množstvo výhod. Tento nástroj má pôsobivú presnosť pixlov, existujú možnosti kompresie obrazu (JPEG, GIF atď.), Ktorý umožňuje používateľom vytvárať funkčné stránky a stavať vektory.

Pomocou Adobe XD môžete vytvoriť dizajnové stránky a mobilné aplikácie, ako aj prototypy, modelovanie rámov a grafiku vektorov. Môžete zdieľať interaktívne prototypy na viacerých platformách, vrátane Windows, Mac, IOS a Android - Nástroj je ideálny pre tímovú prácu.

Axure RP Pro je ďalší dobrý nástroj pre UX dizajn a okrem toho zadarmo. Axure implementovala niekoľko možností, vrátane. Prototypovanie a dokumentácia. Môžete dokonca vytvoriť schému pre presun užívateľa a mapy stránok. Axure je ideálna na vytvorenie webových a desktopových aplikácií, používatelia sú vybavené možnosťou rýchlo exportovať do PDF alebo HTML.

Toto je komplexný softvér s množstvom špecifických funkcií, vrátane. Diskontonstonicive Editing (To znamená, že náčrt nezmení hustotu pixelu obrázka, s ktorým pracujete). Export Kód, Pixelová presnosť, prototypovanie, editácie vektorov - Toto sú hlavné výhody náčrtu.

6. Softvér pre bocian

Môžete sa čudovať, prečo UX-dizajn potrebuje storyboard. Ale toto je dobrý spôsob, ako vizuálne predpovedať, ako bude užívateľ komunikovať s vaším produktom v širokom kontexte. Existuje niekoľko nástrojov pre bocian, s rôznymi funkciami a úrovňami ťažkostí.

Storyboardser - Bezplatný vývoj so základným funkčným, ktorý je vhodný pre všetkých dizajnérov, bez ohľadu na ich úroveň zručností. Tento softvér rýchlo vytvorí obrys alebo čísla na opis plánu alebo myšlienky. Ďalším nástrojom je Toon Boom Storyboard Pro. Kombinuje výkres, animáciu, kontrolu fotoaparátu a ďalšie možnosti pre ročný alebo mesačný poplatok. Široká funkčnosť, pre komplikované Stormitelling a podrobné prípravné práce. To všetko je vhodné pre dizajnérov, ktorí hľadajú možnosť vizuálne rozprávať svoje histórii pomocou rozhrania.

Ako sa stať UX-Designer?

Ak máte radi dizajn, výskum a prácu s ľuďmi - počúvajte príbehy iných o vašich skúsenostiach, potom by ste mali premýšľať o svojej kariére v UX dizajne. V tomto prípade sa budete musieť zamerať na koncepčné aspekty dizajnu; Vytvorte kvalitatívne interakčné skúsenosti pre ostatných používateľov.

Kariéru UX dizajnérov existuje niekoľko dôležitých krokov. Mnohé univerzity na svete ponúkajú svoje kurzy, ale aby sa im zaregistruli, 4 roky vzdelávania v oblasti dizajnu je zvyčajne predpokladom. Existuje viac flexibilných programov, ako napr Chinnipiac University Graduate Program v dizajne používateľských skúseností. Existujú aj certifikačné programy pre profesionálov. Veľa závisí od trvania tréningu a úrovne prípravy.

Ak ste pripravení stelesniť svoj sen a stať sa UX-Designer, budete potrebovať životopis a jasné portfólio. Používame zdroje, ako je dibbble alebo napr. Môžete demonštrovať svoju prácu na vlastnej stránke vytvorenej pomocou dizajnérov, ako je napríklad Squarespace.

Nenechajte si ujsť nasledujúce nuansy z oblasti pohľadu:

Vizuálna atraktívnosť

Prezentácia je všetko. Práca by mala hovoriť za seba ... show, ale nehovorte! Výber farieb, typografia - všetko je dôležité.

Pridajte stránku "o sebe"

Prečo by vás niekto najal? Aký nový môžete priniesť akúkoľvek organizáciu? Ukážte ich jedinečnú víziu náborov, alebo čo vás inšpiruje.

Zamestnanec vašich snov by nemal byť ťažkosti s navigáciou na mieste portfólia. V pridaní oddielov, ako sú kontakty, súhrny, portfólio, o mne, atď. S cieľom zjednodušiť navigáciu.

Vysvetlite, ako vytvoríte svoj UX váš budúci zamestnávateľ chce pochopiť váš spôsob myslenia. Pridajte informácie, ktoré by hovorili náborom o vašom štúdii UX, Brainsstorming, proces vytvárania dizajnu alebo prototypov.

Vytvorte ďalšie portfólio

Použite iné nástroje, aby vaša práca bola k dispozícii na webových zdrojoch, kde sa konajú dizajnéri a tí, ktorí ich nechávajú najať.

Na otázku, aký je rozdiel medzi dizajnérom UX a UI-Designer, milujú reagovať popieraním. Viete, takýto literárny príjem. Zdá sa, že "UX nie je o rozhraní, nie o grafickom dizajne, nie je použiteľnosť, nie analytik, nie prototyp." Dnes stručne ukážete rozdiel, rozprávate príbeh o vzhľade podmienok a vysvetlite, prečo dva koncepty dokonca po toľkých rokoch s takýmto lovou zlúčili do jedného - UX / UI.

Stručne o rozdiele

UI-Designer (užívateľské rozhranie) je dizajnér rozhrania v ideálnom prostredí, ktoré kreslí tlačidlá, ikony, tvary, vyzdvihne fonty a vydáva zo všetkých harmonických a krásnych usporiadaní. Aplikácie, Applications, Aspoň s tým, čo bude užívateľ komunikovať - \u200b\u200baj keď obrazovka terminálu stanice. A už si nemyslí.

UX-Designer (užívateľský zážitok) nie je dizajnér, ale dizajnér (práve v angličtine Slovo Designer má len druhý význam). Študuje potreby používateľov, buduje logické systémy prevádzky rozhrania, prototypy prototypov na živé osoby, píše TK na dizajn. Inými slovami, to je taký inžinier-marketing: na vstupnom analytici, na výstupe, princípy vytvárania rozhrania, logiky práce, rozloženia, obsahu. Výkres ako taký sa netýka.

To je všetko.

Prečo bolo potrebné komplikovať všetko

Ako to bolo predtým: Dizajnér dostal úlohu "Nakreslite si miesto". Všetky lokality boli viac-menej rovnaké: hlavné, o spoločnosti, katalógu, potom na zozname. Dizajnér sa spýtal: "A kedy k nám bude obsah ísť?". Nikdy, súdne duch, to je armáda.

A dizajnér bol jednoducho "dizajnér". Bez zahraničných konzol.

Ako sa stalo potom: agentúry chceli získať viac peňazí a svet postupne začal prechod z "Just Sites" na komplexné webové služby. A služba nie je len jedinečným rozhraním, stojí za to pre neho špeciálny obchodný proces. Napríklad si pamätajte na stránke Airbnb - bez hlbokej štúdie objektu, žiadny grafyer nemohol urobiť rozhranie.

Akonáhle sa práca stala viac, bolo potrebné rozdeliť jednu profesiu do niekoľkých. Teraz UX špecialista (zavoláme to tak, že neexistuje žiadny zmätok) Preskúmané a navrhovanie informačnej architektúry, prototypista urobil funkčnú časť a grafický (UI) dizajnér vytvoril konečný produkt: moderné a príjemné oko.

To isté bolo už v priemysle. Napríklad, jednoducho "programátori" boli rozdelené na "frontend" a "backend". A predné držiaky na pravých frontách a "zjednodušení". Mimochodom,.

Dôvod je vždy sama: jedna osoba nemá veľký proces. Chystáte sa.

Kto je UX / UI-Designer

Aká zábavná zábava: pozície dizajnéra UX / UI často bliká vo voľných pracovných miestach, rovnako ako to cez lomku. Dokonca aj Tinkoff hľadá takýto odborník KKKOMBO:

Na druhej strane barikád, dizajnéri všetky posledné meno začali zavolať ako UX / UI. Pretože byť len dizajn - FU, nepravdepodobné.

Kto je UX / UI v dokonalom svete? Superman, ktorý trávi celý cyklus UX, a potom ešte čas nakresliť všetko s niekoľkými iteráciou chore (do UI).

Kto je v skutočnosti UX / UI? Len dobrý dizajnér. Tí, ktorí považujú za svoju povinnosť nielen "rozloženia FigApach", ale priblížiť každý projekt individuálne, začať s analýzou, otázkami, objasnením, náčrtmi, schémami atď. Toto nie je plnohodnotné UX-vyšetrenie, ale spravidla na podporu hotovej služby alebo vývoja "len miesto", stačí.

Takže, ak vidíte úžasné UX / UI mutant, viete, že:

• To je dizajnér, ktorý sa blíži projektu s hlavou, a nie len kliknutím na myš a zobák.
• Toto je mewch, ktorý čítal inteligentné slová a teraz volá UX / UI.

Je kontrolovaný ELEMENTARY: Opýtajte sa dizajnéra, aby povedal, prečo si vybral presne umiestnenie prvkov, taká sekvencia obrazoviek atď. Dobrý dizajnér nemá žiadne rozhodnutie o rozhraní jednoducho tak - všetko je logické odôvodnenie.

Mimochodom

Tento článok je už druhý v sérii "ako jeden webový špecialista líši od druhého." Čo nás posunulo k myšlienke, že ste si uvedomili referenčnú knihu všetkých profesií z webu, s rôznymi možnosťami pre ich mená. Urobiť zákazníka (a všetci z nás, čo môžem získať jasnejšie žiť.

UX-dizajn je postavený na vedomosti o ľudskej psychológii, a v priebehu rokov štúdia užívateľov, mnoho zákonov psychiky, ktorého potrebujete vedieť pri navrhovaní rozhrania.

UX-DESIGN: FITTS ACT

Čas na dosiahnutie cieľa je funkcia vzdialenosti k cieľu a veľkosti. V roku 1954 psychológ Paul Fitts, ktorý študoval ľudský systém, ukázal, že čas potrebný na vstup do cieľa závisí od vzdialenosti k cieľu, a je tiež v rámci inverznej závislosti na veľkosti cieľa. Podľa tohto zákona, rýchle pohyby a malé ciele vedú k väčším chybám. Zákon FITTS je široko používaný v UI a UX. Napríklad podľa tohto zákona by mali byť interaktívne tlačidlá väčšie, pretože je ťažšie kliknúť na malé tlačidlá a trvá viac času.

Právo HIKA

Čas rozhodnutia sa zvyšuje s nárastom počtu a zložitosti možností. Čím viac stimuly, tým dlhšie si užívateľ zvolí, ktorý z nich má komunikovať. Ak používatelia bombardujú možnosti voľby, budú musieť zaplatiť čas na tlmočenie a rozhodovanie, ktoré nechcú robiť.

Právo jacob

Užívatelia trávia viac času na iných stránkach. To znamená, že používatelia dávajú prednosť vašej stránke pracovať, ako aj stránky, ktoré už poznajú. Jacobovým zákonom vynajmená JACOB NIELSEN, súradnicu Nielsen Normanskej skupiny, ktorá sa napríklad vytvorila obrovský príspevok k UX, vynašiel metódu heuristického hodnotenia.

Zákon o dodávke

Ľudia vnímajú a interpretujú nejednoznačné alebo zložité obrazy v najjednoduchšej forme, pretože tento výklad si vyžaduje menej kognitívne úsilie. Tento zákon bol otvorený v roku 1910 psychológom max vertheimer, keď videl svetlá v blízkosti železničného priechodu. Bolo to ako zapnutie a vypnutie svetiel okolo scény. Pozorovateľ sa zdá byť, že ide o to isté svetlo, ktoré sa pohybuje z žiarovky na žiarovku, hoci v skutočnosti je to jednoducho rad žiaroviek, ktoré sa zapnú a vypnú.

UX-DESIGN: PRAVDA PROSTREDNOSTI

V blízkosti každej ďalšej objekty sú vnímané v skupine. Tento zákon je tiež jedným z hlavných v Gestaltovej psychológii a otvoril sa vertheimer. Všimol si, že rýchla séria udalostí vytvára ilúziu pohybu. Napríklad filmy sú rýchly pohyb rámcov, ktorý je vnímaný ako pevný vizuálny zážitok.

Právo Miller

V priemere môže osoba v pamäti 7 ± 2 prvky udržiavať v jeho pracovnej pamäti. V roku 1956 George Miller, že rozsah okamžitej pamäte a absolútneho úsudku bola obmedzená približne 7 častí informácií. Hlavnou jednotkou informácií je bit, množstvo údajov potrebných na výber medzi dvoma rovnako pravdepodobnými alternatívami. To znamená, že 4 bity informácií je riešením medzi 16 párovými alternatívami (4 po sebe idúcimi binárnymi roztokmi). Bod, v ktorom je zmätok spôsobí nesprávnemu úsudku, je šírka pásma kanála.

Parkinsonový zákon

Akákoľvek úloha zaberá všetky pridelené čas. Podľa tohto zákona, obmedzenia v čase, priestoru alebo rozpočte vedú k zvýšeniu produktivity a efektívnosti.

Efekt sériovej polohy

Užívatelia si pamätajú prvé a posledné objekty v sérii. Manipulácia so sériovým ubytovaním na vytvorenie lepšej užívateľskej skúsenosti sa používa v mnohých populárnych dizajnoch úspešných firiem ako Apple, elektronické umenia a Nike.

UX-DESIGN: Textový zákon

Zákon testera, alebo zákon o zachovanie zložitosti, tvrdí, že pre akýkoľvek systém existuje určitá, ktorá sa nedá znížiť. V polovici 1980, Larry Tescher uvedomil, že interakcia používateľov s aplikáciami je rovnako dôležitá ako samotné aplikácie. Hovorí, že v mnohých prípadoch by mal inžinier stráviť extra týždeň na zjednodušenie aplikácie, a nie nútiť milióny užívateľov, aby strávili extra minútu na použitie komplexného programu. Bruce Tognazzcini však tvrdí, že ľudia odolajú zjednodušeniu ich života. Preto, ak je aplikácia jednoduchá, užívatelia sa začínajú usilovať o zložitejšie úlohy.

UX-DESIGN: Effect Revers na pozadí

Práca s používateľskou interakciou pomáha stiahnuť produkt alebo podnikanie na novú úroveň, pretože dizajnér UX si myslí, že logika prevádzky produktu a pomáha zákazníkom dosiahnuť svoje ciele.

Ak chcete začať učiť UX-dizajn, je potrebné pochopiť, ako je práca na akomkoľvek digitálnom projekte postavená a pre ktorú je tento dizajnér zodpovedný za rozvoj.

Kto je ux návrhárom ako on

UX Designer je dizajnér, ktorý robí digitálne produkty jasné a logické. Študuje skúsenosti s interakciou používateľa s produktom - stránky, aplikácie, program. Účelom UX dizajnéra je pomôcť užívateľovi dosiahnuť svoj cieľ. Za týmto projektom je projekt rozdelený do etáp a každý z nich vypracuje.

Po prvé, dizajnéri analyzujú publikum produktu, vyšetrili svoje ciele a strach. Potom strávte rozhovor so skutočnými ľuďmi, sledovaním stránok a aplikácií konkurentov. Po tom, prototypy ich vytvárajú, ukážu im užívateľom a prenášať súbory vývojárom.

Ak ho podrobne považujete za podrobnejšie každý z týchto etáp, je ľahké pochopiť, kde začať učiť UX-dizajn.

Kto sa môže stať UX-designer

Často v UX príde web dizajnéri, ktorí sa rozhodli prehĺbiť v oblasti interakcie používateľa. Už pracovali s užívateľmi, poznali základné princípy a môžu vizualizovať informácie.

Aby bol web designer pracovať v UX, je však voliteľný. Všetky procesy v tejto oblasti sú primárne postavené na logike, schopnosť kriticky premýšľať, komunikáciu s ľuďmi a schopnosť analyzovať.

Jeden z návrhárov Google, Fiona Yong, povedal, že vo svojom tíme - len niekoľko špecialistov s tvorbou dizajnéra. Zvyšok používaný na prácu v priľahlých regiónoch alebo v iných priemyselných odvetviach. Niekto sa zaoberal kognitívnymi vedami a niekým psychobiológiou.

Preto sa môžu architekti, inžinieri a programátori stať dobrým dizajnérom. Hlavnou vecou je zistiť základy interaktívneho dizajnu a pochopiť, ako je postavená logika práce v UX. Toto môže byť vykonané samostatne alebo na špeciálnych kurzoch UI / UX.

Kde začať

Môžete začať učiť UX-dizajn z kurzov, kníh a článkov. Hlavnou vecou je urobiť správny plán učenia, formulovať ciele a presunúť sa od spoločného pre súkromné.

Proces práce na výrobku sa skladá z niekoľkých stupňov. Na každom z nich je UX dizajnér zapojený do rôznych vecí. Ak chcete pochopiť, aké sú znalosti potrebné pre prácu, musíte podrobne zvážiť každé etapy:

• študovať,
• analýza dát,
• dizajn,
• dizajn,
• analýza metriky.

Študovať

UX dizajnér umožňuje, aby budúcnosť alebo aplikácia vykonávať užitočné akcie - predané, inzerované, pomohli používateľom.

Ale je ťažké vytvoriť dobrý projekt, ak túto úlohu nerozumiete. Preto prvý návrhár zhromažďuje údaje o budúcom produkte. Preskúmajte konkurentov, plány funkcií, premýšľa o logike práce.

Dobrá výskumná metóda je konverzácia s reálnymi užívateľmi. Pri vytváraní služby na nákup vstupeniek je lepšie ísť na stanicu a stráviť rozhovor s cestujúcimi. Ak chcete zistiť, či je pre nich jednoduchšie nakupovať vstupenky cez internet, je vhodné platiť z karty, pretože chcú vybrať miesta v aute.

Vo fáze výskumu by mal UX dizajnér aktívne hovoriť s potenciálnymi užívateľmi a opýtať sa, čo potrebujú.

Analýza dát

Keď sú výrobky jasné, dizajnér si myslí o logike interakcie.

Z cieľovej skupiny si vyberiete tých najviac živých zástupcov a hovoria o nich. Snažte si predstaviť, čo je dôležité pre túto osobu v produkte. Aké úlohy sa rozhodne, akým spôsobom. Táto etapa, vytvorenie osôb pomáha dizajnérovi prezentovať konkrétnych ľudí a pracovať pre nich.

Nebude možné splniť požiadavky celej cieľovej skupiny, ale môžete pracovať na túžbach najvratnejších zástupcov. Potom sa šanca zvyšuje, že zvyšok bude tiež pohodlný na používanie produktu.

Pre každú osobu dizajnér vytvára scenáre používania. Je dôležité si predstaviť, ako by konkrétna osoba mohla spolupracovať s výrobkom. Akú funkčnosť je potrebná, a z toho, čo je možné opustiť v prvej fáze.

Vytvorenie skriptov pomáha premýšľať cez štruktúru aplikácie alebo lokality, ako aj základných prvkov.

Dizajn

V tomto štádiu sú všetky zozbierané údaje vizualizované. Zostavte aplikačnú štruktúru, máte položky pre každú obrazovku.

Dizajn nie je vytvorenie hotového dizajnu. Toto sú rýchle náčrty, ktoré zobrazujú používateľov. Testovanie a učenie sa, či výrobok vyrieši úlohu v tomto formulári.

Rozloženie v tomto štádiu môžu byť absolútne odlišné - nízko podrobné a čiernobiele alebo svetlé a interaktívne. Niekto pracuje s papierom a rukoväťou, niekto používa špeciálne programy. Niektorí dizajnéri okamžite pracujú v editoroch.

Štádium dizajnu pomáha výrazne šetriť čas. Je rýchlejšie ukázať užívateľovi užívateľovi a opýtať sa jeho stanoviska, než čerpať a naprogramovať produkt od nuly a potom odstrániť nedostatky.

Dizajn

Vytvorenie konečnej verzie sa zaoberá inšpektorom UI. Ale často čerpať konečnú verziu seba samého. Preto je užitočné získať základné zručnosti a učiť sa UI-dizajn.

V štádiu prototypov a wirframes vytvárajú vizualizáciu, pracovať s farbou, zloženie a typografie, dizajnový obsah.

Toto sú vhodné grafické editory, v ktorých dizajnéri pracujú:

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

Úlohou pre návrhára UX je nasledovať použiteľnosť jednotlivých prvkov a stránok ako celku. Sledujte, že pri pridávaní vizuálnych efektov nie je stratený základný význam produktu.

Analýza metrík

Po zverejnení prvej pracovnej verzie produktu UX dizajnéra je monitorovaná skutočným správaním používateľov. Pre túto analýzu a rôzne metrické systémy.

Pracujeme na výrobku - vykonávajú sa useabriti- a A / B-testy. Zlepšiť skúsenosti užívateľov, pridajte nové funkcie.

Ako sa učiť UX-dizajn

UX-dizajn sa skladá z rôznych smerov a disciplín. Toto je vizuálny dizajn a práca s užívateľmi a výsledky testov. Niektorí ux odborníci pracujú v jednom smere, niektoré vo všetkých.

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

Pri štúdiu teórie nezabudnite na praktické zručnosti. Vytvorte rozloženie stránky alebo prísť s mobilnou aplikáciou. Rozdeľte projekt na kusy a starostlivo pracovať nad každým: Strávte štúdiu a analýzu, potom urobte návrh a dizajn. Iba prax pomáha dizajnérovi stať sa dobrým špecialistom.