Čo je dizajn UX a používateľského rozhrania – vlastnosti a rozdiely. UI, UX: Kto to robí? Príručka pre dizajnérov ŠPECIÁLNE Navrhovanie rozhraní ui ux

užívateľ Rozhranie Dizajn alebo používateľské rozhranie je navrhnutý tak, aby pomohol organizovať interakciu používateľa so zariadením alebo programom. S tým sa používateľ stretne pri pohľade na zariadenie alebo obrazovku: umiestnenie prvkov grafického rozhrania, tlačidiel a navigácie. Ako pohodlné je používateľské rozhranie závisí od túžby osoby používať stránku alebo aplikáciu. Lojalita používateľov do značnej miery závisí od pohodlia a atraktívnosti rozhrania. Jasný dizajn priťahuje ľudí a prinúti ich navštíviť program alebo webovú stránku. Preto je dôležité, aby bol dizajn používateľského rozhrania intuitívny.

Aby ste pochopili, čo je dizajn UX a používateľského rozhrania, predstavte si stoličku. Jeho rámec budeme podmienečne nazývať dizajnom UX, pretože človek rieši problém používateľa pomocou samotnej stoličky. Podmienečným dizajnom používateľského rozhrania produktu je zároveň počet jeho nôh, tvar chrbta alebo čalúnenia. Dobrý dizajn používateľského rozhrania berie do úvahy praktickosť vonkajšieho dizajnu, na príklade stoličky to znamená výber nielen krásneho, ale aj odolného materiálu pre výrobok.

Dizajn používateľského rozhrania je teda zameraný na vytvorenie potrebného emocionálneho vnímania produktu. A dizajn UX je založený na používateľskej pomoci používateľovi pri práci so zdrojom.

Výsledkom interakcie dizajnu UI a UX je, že používateľ získa jediný dojem z estetiky vizuálneho dizajnu rozhrania a jednoduchosti prechodu. na požadovanú akciu na stránke.

dostaneš

Kvalitne odvedená práca

Atraktívny dizajn

Emocionálne zapojenie používateľov

Štruktúrované rozhranie

Čo určuje cenu dizajnu používateľského rozhrania

  1. Počet konceptov rozhrania.Čím je ich viac, tým je vyššia.
  2. Typ zariadenia, pre ktoré sa rozhranie vyvíja. Môže to byť rozhranie aplikácie Android, rozhranie IOS aplikácie alebo webovú aplikáciu.
  3. Po vytvorení pravidiel UX. Ak potrebujeme vypracovať pravidlá, cena stúpa.
  4. Potreba ilustrácií. Môžu byť grafické a animované. Cena závisí aj od množstva. Čím viac ilustrácií je potrebných, tým vyššie sú náklady na návrh používateľského rozhrania.

Objednajte si dizajn používateľské rozhranie v brandingovej agentúre FARBA. Nájdeme prístup k vášmu projektu.

Vývoj dizajnu používateľského rozhrania: fázy

1.Formulácia problému:

  • stanovenie cieľov, na ktoré sa bude rozhranie používať;
  • analýza potrieb používateľov;
  • výber platformy, na ktorej sa má projekt realizovať.

2. Vývoj náčrtov rozhrania.
3. Prototypovanie na vyhodnotenie pohodlia rozhrania.
4. Analýza dát a výber najlepších možností.

Rozhranie UI obsahuje nasledujúce prvky:

Vytváranie dizajnu používateľského rozhrania: Pravidlá

  1. Dizajn prvkov aplikácie by mal byť ako jednoduché a zrozumiteľné.
  2. Používateľ nie musieť vykonávať zložité akcie alebo dlhé reťazce prechodov.
  3. Je vhodné použiť známe prvky ovládanie a jasný vizuál.
  4. Vyžadujú sa logicky súvisiace prvky spojiť v Ponuka a formy.
  5. Väčšina dôležité prvky UI musí ísť najprv.
  6. Rozhranie musí byť zarámované do jednéhoštýl.

Pri vývoji dizajnu UI pre mobilnú alebo webovú aplikáciu je potrebné brať do úvahy esteticko-úžitkový efekt(esteticko-úžitkový efekt). Pod jeho vplyvom sa človeku zdá, že rozhranie aplikácií, ktoré vyzerá lepšie, je pohodlnejšie. Dizajn používateľského rozhrania by preto mal byť harmonický spojiť krásu a pohodlie.

Objednajte si dizajn rozhrania v brandingovej agentúre KOLORO. Vieme, ako dosiahnuť rovnováhu.

Vlastnosti vývoja aplikačného rozhrania

V závislosti od účelu projektu a účelu rozhrania dizajnér vyberie farebnú schému a dizajn. Malo by sa brať do úvahy psychológia farieb a ako to ovplyvňuje ľudí. Pri navrhovaní používateľského rozhrania je možné použiť farbu vyzdvihnúť kvalitu aplikácie. Červená je spojená so silou a vášňou, zelená - s prírodou a prosperitou, modrá - s mierom, fialová - s kreativitou a múdrosťou.

Je potrebné starostlivo vypracovať detaily projektu v počiatočnej fáze a dodržiavať hlavné princípy vývoja mobilného rozhrania. Medzi najnovšie dizajnové trendy patrí vývoj aplikácií, ktoré by fungovali na Androide aj iOS. Dizajn používateľského rozhrania sa však najlepšie vyvíja pre každé zvlášť mobilná aplikácia. Týmto spôsobom je možné predísť chybám a poruchám.

UI čelí nasledujúcim úlohám:

  1. Poskytovať interakcia užívateľa s aplikáciou.
  2. priniesť emocionálne spokojnosť užívateľa počas prevádzky.
  3. Vyzerajte atraktívne.

komponenty používateľského rozhrania

  1. vizuálny dizajn, alebo VD je dôležité pre kvalitné zobrazenie farieb, písma a iných prvkov stránky, keďže práve to vytvára estetiku stránky. Dobré používateľské rozhranie môže existovať iba v kombinácii obsahu stránky a funkčnosti. Vizuálny dizajn má navyše za cieľ upútať používateľa a vybudovať jeho dôveru v produkt alebo službu.
  2. Dizajnový systém— návrh používateľského rozhrania prostredníctvom systémov jednotlivé prvky rozhranie. Sú potrebné na vývoj opakovane použiteľných šablón.
  3. Prototyp je funkčným príkladom navrhnutého používateľského rozhrania. Simulácia práce dáva predstavu o odozvách prvkov rozhrania predtým, ako sú priamo vyvinuté.
  4. Obsah. Gadgety naučili používateľov pracovať v režime multitaskingu, takže pri navrhovaní používateľského rozhrania je dôležité rýchlo a správne demonštrovať hlavný obsah a funkčnosť aplikácie a všetko sekundárne presunúť na pozadie alebo odstrániť.

  1. Spätná väzba- ide o použitie iného dizajnu alebo animácie odozvy programu na akciu používateľa. To dáva človeku pochopenie, že všetko je pod kontrolou a funguje správne.
  2. Obsluha jednou rukou. dobrý dizajn rozhranie musí byť prispôsobené na ovládanie jednou rukou. Najjednoduchší spôsob ovládania programu je, keď sú potrebné navigačné prvky umiestnené v ľavom dolnom rohu. Pohodlný dizajn rozhrania tiež zabezpečuje prítomnosť veľkých tlačidiel, zarážok a chytľavého dizajnu dôležitých prvkov pre jednoduchú interakciu s nimi.
  3. Rýchly vstup. Formuláre na vyplnenie by mali: vyžadovať od používateľa minimálne množstvo informácií; ponúknuť odpovede. Napríklad, ak potrebujete zistiť vek používateľa, je lepšie použiť rozbaľovací zoznam, ale zistiť adresu pomocou synchronizácie s geolokáciou. Všeobecným odporúčaním je minimálny ručný vstup.

Vývoj UI dizajnu v KOLORO vám prinesie

  1. Esteticky príjemné rozhranie. Dizajnové prvky a farebné schémy budú vybrané v súlade s koncepciou aplikácie.
  2. Jednoduchosť a prehľadnosť použitia.Ľudia ľahko pochopia, ako interagovať s rozhraním.
  3. Dôslednosť. Prvky, ktoré pôsobia rovnakým spôsobom, musia byť konzistentné. To uľahčí používanie aplikácie.

Dizajn používateľského rozhrania je dôležitým prvkom rozhrania. S jeho pomocou sú program a používateľ v kontakte. Kontaktujte brandingovú agentúru koloro, a vyvinieme najpohodlnejší dizajn používateľského rozhrania!

UX dizajn – čo to je? V súčasnosti odvetvie používateľských rozhraní rastie rýchlym tempom, ale dizajn UX je stále úplný Nový svet pre väčšinu vedúcich pracovníkov a manažérov. Táto oblasť má za cieľ zvýšiť spokojnosť používateľov s produktom, zlepšiť použiteľnosť, dostupnosť a interakciu. Spája tradičný dizajn interakcie človek-počítač a zohľadňuje všetky aspekty interakcie používateľa s produktom alebo službou.

Dizajnéri UX sa ujímajú vedenia v zlepšovaní základných potrieb koncového používateľa a snažia sa vytvoriť produkt, ktorý bude uspokojovať publikum. To zase vedie k zdravej návratnosti investícií a pomáha podporovať rastúci podnik alebo organizáciu.

Čo robí UX dizajnér?

Dizajnéri UX študujú a hodnotia, ako používatelia vnímajú systém, pričom sa pozerajú na veci, ako je jednoduchosť používania, vnímaná hodnota systému, užitočnosť, efektívnosť pri plnení úloh.

Dizajnéri UX zvažujú aj podsystémy a procesy v rámci systému. Môžu napríklad nahliadnuť do procesu platby na webovej stránke elektronického obchodu, aby zistili, aké ľahké a cenovo dostupné je dokončiť proces nákupu produktov z webovej lokality. Môžu sa ponoriť do komponentov podsystému, napríklad zistiť, aká efektívna a príjemná je používateľská skúsenosť pri vypĺňaní vstupných polí vo webovom formulári.

UX dizajn – čo to je? Technologický koncept

Dôležitým konceptom v dizajne UX je proces, ktorým používatelia vytvárajú zážitky. Keď sa spotrebiteľ prvýkrát stretne s produktom, vytvorí sa okamžitý dojem, ktorý sa časom mení. V tomto procese sa vnímanie, konanie, motivácia a poznanie spájajú, aby vytvorili používateľskú skúsenosť. Tento proces vyvoláva emocionálne reakcie, ktoré do značnej miery určujú, či je zážitok pozitívny alebo negatívny.

Cieľom dizajnérov UX je zámerne vytvárať faktory ovplyvňujúce procesy. Na tento účel dizajnér UX zvažuje tri kategórie otázok: čo, prečo a ako.

Prečo?- znamená motiváciu používateľov prijať produkt a túžbu vlastniť ho.

Čo- týka sa toho, čo môžu ľudia robiť s produktom a jeho funkčnosťou.

Ako odkazuje na dizajn funkčnosti prístupným a esteticky príjemným spôsobom.

Dizajn UX začína tým, prečo, potom čo a nakoniec ako vytvoriť produkty, s ktorými môžu mať používatelia zmysluplné skúsenosti.

Historická retrospektíva

V porovnaní s mnohými inými disciplínami, najmä webovými systémami, je UX dizajn relatívne nový. Pojem „užívateľská skúsenosť“ zaviedol Dr. Donald Norman, výskumník v oblasti kognitívnych vied, ktorý tiež ako prvý opísal dôležitosť dizajnu zameraného na používateľa, teda názor, že rozhodnutia o dizajne by mali vychádzať z potrieb spotrebiteľov. Od zverejnenia tento koncept História dizajnu UX sa začala.

Či už práca v startupe resp veľká korporácia Dizajnér UX je priamo zapojený do procesu, aby bol produkt užitočný a príjemný na použitie pre cieľový trh spoločnosti. Proces vytvárania produktu zahŕňa niekoľko dôležitých krokov:

    spotrebiteľský prieskum;

    dizajn produktu;

    testovanie;

    implementáciu.

Uvažujme o každom z nich podrobnejšie.

Spotrebiteľský prieskum: kde začať ako začínajúci dizajnér?

Analýza spotrebiteľského publika a identifikácia potrieb zahŕňa komunikáciu s skutočných používateľov na cieľovom trhu. Ak predmet skúmania existuje len hypoteticky a ešte nebol vytvorený, stávajú sa predmetom diskusie podobné produkty konkurenčných firiem, ich výhody a nevýhody. Ak produkt už existuje, spotrebiteľom sa kladú otázky o tom, ako sa ľudia cítia pri navigácii na stránke s aktuálnym dizajnom, či je ľahké nájsť potrebné informácie, ako sú stránky štruktúrované. Samostatne sa hodnotí kvalita písomného a grafického obsahu a celkový vizuálny dojem zo stránky. Pre túto časť procesu možno použiť nasledujúce metódy:

    dotazníky;

    skupinové diskusie;

    online prieskumy;

    analýza úloh.

    Je dôležité poznamenať, že ak je produkt produktom dizajnového myslenia a nemá nič spoločné so skúsenosťami používateľov a spätnou väzbou pri jeho vývoji a implementácii, nie je výsledkom UX dizajnu.

    Dizajn

    Vývoj hypotézy dizajnu zahŕňa predstavu, ako by sa nový produkt alebo služba mohla prispôsobiť tomu, ako sa už zákazník správa (toto odhalil používateľský prieskum). Dizajn produktu sa zameriava na funkčnosť a použiteľnosť, nie na to, ako vyzerá. V tejto fáze sa používajú:

      informačná architektúra;

    • prototypovanie.

    Testovanie

    Testovanie zahŕňa overenie, či zmeny vykonané počas fázy návrhu fungujú podľa plánu a zodpovedajú účelu. Je to skvelý spôsob, ako sa zbaviť problémov alebo používateľských ťažkostí, ktoré neboli viditeľné v štádiu návrhu pred začatím prác v štádiu implementácie. Existujú rôzne:

      a/b testovanie;

      použiteľnosť;

      vzdialené užívateľské testovanie.

    Implementácia

    Implementácia zahŕňa úzku spoluprácu s webovými vývojármi na dosiahnutie konečného cieľa. Špecialisti na vývoj webových aplikácií pracujú na premene nápadov na dizajn na skutočnú webovú stránku. Je dôležité, aby vývojári počas celého procesu pracovali ako tím, aby bol tento posledný krok efektívnejší a optimálny.

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

    Webové stránky a aplikácie sú čoraz zložitejšie s pokrokom technológie. To, čo bolo predtým jednosmerným statickým prostredím, sa teraz vyvinulo do širokého interaktívneho zážitku.

    Bez ohľadu na to, ako veľmi sa zmenil výrobný proces, úspech webovej stránky stále závisí len od jednej veci: od toho, ako ju vnímajú používatelia. „Dáva mi táto stránka hodnotu? Je to jednoduché na používanie? Je pekné byť tu?" sú otázky, ktoré si používatelia kladú pri interakcii s produktmi spoločnosti a na základe tejto skúsenosti sa spravidla rozhodujú o kúpe.

    Používateľské rozhranie (skrátene UX) v dizajne je to, ako sa človek cíti pri interakcii so systémom. Systémom môže byť webová stránka, webová aplikácia alebo desktopový softvér. V modernom kontexte sa to často označuje ako interakcia človek-počítač.

    Koncept User experience zahŕňa všetky aspekty interakcie koncového užívateľa so spoločnosťou, jej službami a produktmi. Je dôležité odlíšiť celkový dizajn projektu od používateľského rozhrania, aj keď používateľské skúsenosti sú mimoriadne dôležitá časť dizajn.

    Tiež je potrebné rozlišovať medzi UX a použiteľnosťou: podľa definície atribút kvality používateľského rozhrania, ktorý zastrešuje jednoduchosť učenia, efektívnosť používania, príjemnosť, vizuálnu akceptovateľnosť, estetiku dizajnu.

    Odborné kompetencie

    Dizajnér UX je zodpovedný za všetky kroky v procese opísanom vyššie a ich implementáciu. Existuje množstvo odborných kompetencií, ktorým sa pri školení dizajnéra venuje veľká pozornosť:

      vedenie;

    • projektový manažment;

      efektívnu komunikáciu s tímom.

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

    Aký je rozdiel medzi dizajnom UX a UI?

    Dizajnéri používateľského rozhrania (UI) sa zameriavajú na rozloženie a skutočný dizajn každého prvku, s ktorým používateľ interaguje, zatiaľ čo dizajnéri používateľského rozhrania (UX) sa zameriavajú na interakcie používateľa s týmto prvkom, ako aj celkový zážitok z produktu. Dizajnéri používateľského rozhrania a UX často spolupracujú, ako aj v tímoch s webovými vývojármi, aby vytvorili produkt, ktorý je vizuálne príťažlivý a zároveň príjemný na používanie.

    Čo vlastne robí UX dizajnér?

    Dizajnéri UX vykonávajú rôzne funkcie v závislosti od projektu a štádia vývoja. V počiatočných fázach projektu odborníci vykonávajú predbežný prieskum používateľskej skúsenosti a potom plánujú interakcie prostredníctvom rámca a prototypovania svojich projektov, ktoré sa potom testujú pomocou rôznych heuristických techník.

    Počas vývoja, testovania a vývoja používateľského rozhrania neustále zlepšujeme produkt a používateľskú skúsenosť.

    Po spustení projektu môže dizajnér UX analyzovať používateľské metriky, aby mohol sledovať výsledky svojej práce, vrátiť sa späť a neustále opakovať, aby zlepšil slabé stránky dizajnu.

    Úlohy a metódy

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

      Hodnotenie súčasného systému. Ak už systém existuje, UX profesionál holisticky posúdi jeho aktuálny stav. Na základe analýzy výskumných údajov sa identifikujú problémy a navrhnú sa nápravy.

      A/B testovanie.Špecialista môže vypracovať štúdiu na porovnanie účinnosti a kvality skúseností rôznych používateľských rozhraní. Robí sa to pomocou hypotéz (napr. „zelené tlačidlo je atraktívnejšie ako červené“). Potom navrhne viacero verzií dizajnu a určí „najlepší zážitok“ v poradí testovania (napr. „Zelené tlačidlo je lepšie, pretože používatelia naň klikajú častejšie.“).

      Ankety. Dizajnér UX vykonáva prieskum medzi existujúcimi a potenciálnymi používateľmi systému, aby získal predstavu o tom, čo bolo najefektívnejšie návrhové rozhodnutie. Keďže skúsenosť jedného používateľa je subjektívna, Najlepšia cesta získať priame informácie znamená študovať a komunikovať s názorom skupiny.

      Rámce a prototypy. Na základe svojich zistení môžu UX špecialisti vyvinúť drôtové modely rôznych rozložení a prototypy s vyššou vernosťou.

      Používateľské toky.Ďalším populárnym nástrojom je navrhovanie spôsobu, akým by sa používatelia mali pohybovať v systéme.

    Dizajnové vzory

    Šablóny poskytujú konzistenciu a spôsob, ako nájsť najefektívnejší „nástroj“ pre danú úlohu. Napríklad pri navrhovaní šablón používateľského rozhrania má výber správnych prvkov (napr. karty modulov, prezentácie) pre určité úlohy na základe ich účinnosti za následok najlepšie riešenie. Nielenže vývojári UX prichádzajú s dizajnovými vzormi, ktoré sa používajú na iných weboch, ale vyvíjajú aj vlastné vzory pre aktuálny projekt.

    programy

    Existuje niekoľko populárnych a ľahko dostupných softvérov na návrh UX pre prácu a štúdium. Nástroje nie sú len pre dizajnérov UX. Používajú ich aj programátori a webmasteri.

    Kurzy dizajnu UX využívajú nástroje na vytváranie prototypov – spočiatku sa dajú robiť perom a papierom. Tento lacný a dostupný nástroj na školenie dizajnéra v praxi vám umožňuje rýchlo vytvoriť prototyp a prejsť k dizajnu.

    Niektorí softvér pre drôtový model a prototypovanie:


    Výučba základov dizajnu UX využíva A/B testovanie, známe tiež ako rozdelené testovanie alebo multivariačné testovanie. Tento nástroj porovnáva rôzne verzie stránky. Testovanie je možné vykonať pomocou ktoréhokoľvek z niekoľkých programov.

    Softvér na testovanie A/B v podstate rozdeľuje návštevnosť webových stránok na dva rovnaké segmenty. Jedna skupina vidí verziu A a druhá verziu B. Pre každú verziu sa sledujú štatistiky, ako je miera konverzie a miera odchodov. Rozdelené testovanie určuje, ktorá verzia je lepšia a toto rozhodnutie na základe štatistických údajov. Jednou z najpopulárnejších aplikácií na testovanie A/B je nástroj Website Optimizer od spoločnosti Google.

    Obsahový management

    Pri výučbe dizajnu UX od začiatku existuje veľa metód inventarizácie obsahu. Použitie lokálnej serverovej aplikácie (ktorá si bude vyžadovať prístup k webovému serveru) je najvhodnejšie pre produkčné lokality. Keďže sú tieto aplikácie bližšie k zdroju ako softvér tretích strán, sú presnejšie a efektívnejšie. Na tento účel možno použiť jednoduchý nástroj Excel na vytváranie a správu inventára obsahu, ako je napríklad šablóna GetUXIndex().

    Webové stránky vytvorené pomocou systémov na správu obsahu, ako sú WordPress a Drupal, majú zvyčajne vstavané nástroje, ktoré zobrazujú mapu existujúceho webu.

    Ankety a spätná väzba

    Používateľské prieskumy sú ďalšou populárnou výzvou na dizajn UX. Najúčinnejším a nákladovo najefektívnejším spôsobom, ako to urobiť, je aplikácia na prieskum a spätná väzba alebo testovanie vzdialeného používateľa.

    Bežné prieskumné nástroje ako PollDaddy sú flexibilné riešenia, ktoré možno použiť aj na iné úlohy. Existujú nástroje na spätnú väzbu o použiteľnosti, ako napríklad Usability a služby testovania vzdialených používateľov, ako napríklad Usability Hub, ktoré spravujú testovací systém.

    Príklady

    Príklad dizajnu UX – čo to je? Dizajn používateľského rozhrania je proces vytvárania produktov, ktoré poskytujú zmysluplný a zážitkový zážitok. To znamená starostlivý dizajn a použiteľnosť produktu, estetické potešenie z používania a rozsiahlu funkčnosť.

    Preto produkty, ktoré poskytujú skvelú používateľskú skúsenosť (napríklad iPhone je najlepší príklad UX dizajn) sú určené nielen pre spotrebu alebo používanie produktu, ale pre celý proces získavania, vlastníctva a dokonca aj odstraňovania problémov.

Vývoj používateľských rozhraní s kompetentným prístupom je postavený tak, aby bol vytvorený čo najatraktívnejšie a najpohodlnejšie, aby sa optimalizovala jeho interakcia s používateľom.

Vývojári webového rozhrania v akomkoľvek projekte stoja pred úlohou vytvoriť užívateľsky prívetivé rozhranie. Nie je to však vždy tak jednoduchá úloha, ako sa na prvý pohľad môže zdať a niekedy si vyžaduje značné dizajnérske skúsenosti. Hlavnými požiadavkami sú pohodlie, praktickosť a intuitívnosť. Práve v tomto bode vstupujú do hry koncepty ako UX a UI dizajn, ktoré sú často zamieňané. Uvažujme o každom z nich samostatne a definujme ich kľúčové body.

UX dizajn (UX dizajn)

Dizajn používateľskej skúsenosti prekladaný znamená "interakčný zážitok" a zahŕňa rôzne komponenty UX: informačnú architektúru, interakčný dizajn, grafický dizajn a obsah.

Vo všeobecnosti dizajn UX znamená integrovaný prístup k interakcii používateľa s rozhraním, či už ide o webovú stránku, mobilnú aplikáciu alebo akýkoľvek iný program. Osoba, ktorá robí túto prácu, je UX dizajnér(v poslednej dobe stále častejšie počuť mená UX architekta, UX inžiniera či stratéga, keďže slovo „dizajn“ je v tomto kontexte skôr bežným podstatným menom, ako tomu, čo sme v skutočnosti chápali ako význam tohto slova ) - pri vývoji rozhrania by sa mali čo najviac brať do úvahy všetky maličkosti, počnúc užívateľským prostredím a typom elektronické zariadenie a končiac spôsobmi zadávania a zobrazovania informácií.

Jednoduchý príklad: povedzme, že ste investovali impozantné množstvo peňazí na propagáciu svojho zdroja v prvých riadkoch vyhľadávače Jeho pohodlie však zanecháva veľa želaní. V tomto prípade pôsobivý počet používateľov jednoducho opustí stránku a účinok bude minimálny. Preto je potrebné neustále analyzovať akcie návštevníkov zdroja, zlepšovať svoje stránky a sledovať aktuálne trendy.

Kľúčové otázky riešené dizajnom UX:

  • Stanovenie cieľov a zámerov – čo musíme nakoniec dosiahnuť?
  • Výber vhodných nástrojov UX na dosiahnutie cieľov
  • Vývoj produktu, ktorý je rovnako pohodlný a ľahko vnímateľný cieľovým publikom
  • Analýza konečného výsledku – či produkt spĺňa očakávania zákazníka a aká vysoká je miera spokojnosti používateľov.

Je to kompetentná premyslenosť všetkých detailov v týchto fázach, ktorá vám umožní vytvoriť armádu fanúšikov vášho produktu. Vzorovým príkladom je tu Apple, ktorý sa vydal touto cestou a získal si srdcia tisícov a miliónov ľudí.

Dizajn používateľského rozhrania

Dizajn používateľského rozhrania alebo používateľského rozhrania je užší pojem, ktorý zahŕňa určitý súbor graficky navrhnutých technických prvkov (tlačidlá, zaškrtávacie políčka, selektory a ďalšie polia). Jeho úlohou je pomôcť používateľovi organizovať interakciu s programom/stránkou. V súčasnosti sú nejaké Pravidlá dizajnu používateľského rozhrania:

  1. Organizácia prvkov rozhrania. To znamená, že musia byť logicky štruktúrované a vzájomne prepojené.
  2. Zoskupovanie prvkov rozhrania. Znamená to zoskupiť logicky súvisiace prvky (menu, formuláre).
  3. Zarovnanie prvkov rozhrania. Je ťažké si predstaviť, že zle nastavené rozhranie môže byť užívateľsky prívetivé!
  4. Jednotný štýl prvkov rozhrania. Styling hrá dôležitú úlohu, pretože je uložený v pamäti používateľa.
  5. Dostupnosť voľného miesta. To vám umožní ohraničiť informačné bloky so zameraním na jednu vec.

Používateľské rozhranie vyvinuté podľa všetkých pravidiel výrazne zvyšuje efektívnosť zdroja a dáva mu konkurenčnú výhodu.

Informačná architektúra (IA)

Samostatne by som chcel povedať pár slov o informačná architektúra (IA). Jeho činnosť je zameraná na organizáciu dát, teda na to, ako sú informácie štruktúrované z hľadiska používateľa, a nie na technické alebo systémové pravidlá. Určuje umiestnenie prvkov na stránke, prepojenie samotných stránok. Kompetenciou IA je skôr menu a navigácia a ich kompetentná implementácia.

Aby som to zhrnul, rád by som poznamenal, že v rôznych zdrojoch UX dizajn znamená rôzne veci, ale vo všeobecnosti všetky znamenajú prácu na produkte opísanom v článku. Čo pre vás znamená UX?

29.09.2017

User Experience (interakčný zážitok) alebo UX je v súčasnosti populárny pojem v technologickom a dizajnérskom priemysle. Keďže sa UX neustále vyvíja a definuje, mnohí ľudia si stále nie sú istí, čo UX znamená a ako tento výraz správne používať.

Pravdepodobne ste veľa počuli o UX, pokiaľ ide o webové stránky alebo rozhrania mobilných aplikácií. To je čiastočne správne, 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é si to uvedomiť.

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

UX je skratka pre „user experience“. Používateľská 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 a končiac tlačidlom zapnutia/vypnutia a jeho tvar je ukážkou prvkov, ktoré vytvárajú UX. Súčet vašich interakcií s produktom sa stáva skúsenosťou, ktorú získate 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 špičkové 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, ako aj interakciu s autom pomocou dotykovej obrazovky a hlasové príkazy robí jazdu ľahšou a pohodlnejšou.

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

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

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

Prvky UX

Don Norman, spoluzakladateľ Nielsen Norman Group, bol prvým, kto v 90. rokoch predstavil koncept „používateľskej skúsenosti“ „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 s interakciou 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.

Predstavujeme vám nový článok zo série. V tejto časti cyklu sa budeme zaoberať pozíciou UX / UI dizajnéra - špecialistu zodpovedného za compliance vzhľad a produktovú logiku.

Dizajnér UX/UI- špecialista, ktorý navrhuje užívateľské rozhrania.

typický pracovný deň zahŕňa:

  • práca na prioritných úlohách (návrh, rendering);
  • komunikácia so zákazníkom;
  • vykonávanie úprav.

Výhody a nevýhody

Táto profesia priťahuje dizajnérov príležitosťou urobiť svet lepším miestom, ako aj svojimi vyhliadkami a dopytom na trhu:

„Rád si myslím, že dokážete vyriešiť problém veľkého publika alebo aspoň spríjemniť a zaujať proces vnímania obsahu. Je zaujímavé hrabať sa v ľuďoch a snažiť sa pochopiť, čo skutočne potrebujú, a potom prísť na to, ako to implementovať.

„Táto oblasť je veľmi zaujímavá, pretože správne rozhodnutia dizajnéra môžu výrazne zjednodušiť a skvalitniť život skupine ľudí, pre ktorých sa určitý produkt alebo projekt vyvíja. Môžete sa tiež dozvedieť veľa o rôznych typoch podnikania vo svete, čo môže byť užitočné pre rozbehnutie vlastného podnikania a globálnejší pohľad na svet.“

„Mňa osobne otravujú hlúpe aplikácie, nešikovné rozloženie tlačidiel vo výťahoch, nedomyslené interiéry áut – rád robím niečo, čo to môže zlepšiť. Tento svet je taký nedokonalý (nie príroda – tam je všetko dokonalé a vyvážené), že pre inteligentného dizajnéra sa vždy nájde práca.“

„Študoval som za programátora systémového administrátora, ale vždy bolo zaujímavé robiť niečo vo Photoshope. Predtým nebolo toľko návodov, videonávodov a článkov ako teraz, takže väčšinu funkcií a vlastností som ovládal náhodne. Neskôr som sa rozhodol vyskúšať Illustrator, bol oveľa komplikovanejší ako Photoshop, ale na tvorbu vektora perfektný. Rád tvorím niečo nové, niečo užitočné a pekné, rád sa zlepšujem a vidím dosiahnutý výsledok. Toto všetko umožňuje oblasť dizajnu. Je tiež zaujímavé, ako sa menia trendy, objavujú sa nové programy a funkcie, toto všetko treba stále sledovať a neustále sa rozvíjať.“

„Páči sa mi dizajn UX/UI, pretože je veľmi dobrý sľubný smer. Technológie sa vyvíjajú veľmi rýchlo, niektoré rozhrania sa nahrádzajú novými a všetky je potrebné navrhnúť. Tu môžete nielen premýšľať o tom, či rozhranie vyzerá krásne, ale aj o tom, aké pohodlné je a ako môže vyriešiť problém človeka (buď rýchlo nájsť správnu kaviareň, alebo si objednať lístok na koncert alebo pomôcť pripraviť svoje obľúbené jedlo ). Rozhrania sú všade: od lekárskeho vybavenia až po autá. Keď autá lietajú, niekto sa bude musieť zamyslieť nad tým, ako ich rozhranie interaguje s ľuďmi. A budeme to my - UX / UI dizajnéri.

Ďalším plusom je možnosť pracovať na diaľku (20% všetkých dizajnérov), veľký výber projekty na voľnej nohe.

Medzi mínusmi Dizajnéri nazývajú profesie komunikáciou so zákazníkmi, ktorí nevedia, čo chcú, ako aj podceňovaním zo strany kolegov z IT:

"V 80-90% prípadov musíte pracovať bez technických špecifikácií s požiadavkami ako: "Urobte to mega krásne a mega konfigurovateľné."

„Postoj k dizajnu a dizajnérom na Ukrajine považujem za nevýhodu profesie. Z nejakého dôvodu každý verí, že ak raz otvorí Photoshop, môže byť automaticky dizajnérom a sám sa rozhodnúť, ako dlho bude návrh trvať. Platí to najmä pre neskúsených manažérov a programátorov (jeden začínajúci manažér tvrdil, že dokáže urobiť úlohu za 30 minút v programe Paint, ale nemá čas na umenie).“

„Nevýhodami sú chýbajúca seriózna škola a nepochopenie kompetentných procesov a metodík na trhu. Pri outsourcingu - neschopnosť sledovať výsledok, vybudovať si vlastné osvedčené postupy. V produkte je určitá monotónnosť pre zrelých ľudí a úplný chaos pre startupy.“

"Mínusy - ako v celom IT - sedavá práca, trápené oči a občas zákazník, ktorý potrebuje biele #ffffff ešte vybieliť :)"

Ako sa stať a kam ísť ďalej

Prvou a hlavnou zručnosťou z hľadiska používateľského rozhrania je ovládanie grafického editora. Najžiadanejšia súprava nástrojov Adobe Photoshop, Náčrt, Princíp, Adobe Illustrator, po účinkoch. Ak chcete začať, môžete skúsiť prekresliť snímky obrazovky ľubovoľnej mobilnej aplikácie alebo stránky. Ale nielen kopírovať (aj keď to musíte vedieť), ale všimnite si určité nepríjemnosti a ponúknite riešenie, ako to urobiť lepšie.

Je tiež dôležité porozumieť teórii farieb, typografii, kompozícii, ergonómii stránok (princípy použiteľnosti rozhrania), ako aj základom marketingu, obchodnej analýzy a psychológie. Pre efektívnejšiu komunikáciu s vývojármi budú užitočné zručnosti v oblasti layoutu (HTML / CSS) a základné znalosti JavaScriptu a frameworkov.

Učenie UX môže začať oboznámením sa s metodikou čítaním kníh Nielsena Normana, Alana Coopera, Jeffa Raskina, Steva Kruga, Alistaira Coburna. Viac aplikovanou literatúrou je „The User Experience Team of One: A Research and Design Survival Guide“ od Leah Buley.

"V modernom svete Možností realizácie je veľa. Kúpil som si a kupujem online kurzy na platformách ako Coursera, Udemy, Edx. Pozerám online konferencie od Adobe, Google, čítam technickú literatúru, analyzujem prácu na Dribbble, Behance, Awwwards.“
„Návrhár UX/UI si potrebuje naštudovať klasiku používateľského rozhrania: Don’t Make Me Think od Steva Kruga, Norman's Design of Everyday Things, ktorý čítal Luke Wroblewski. Musíte neustále cvičiť, vžiť sa na miesto používateľa. Nájdite si mentora, ktorý vás upozorní na chyby, poradí a podporí rast.“

Svoju kariéru môžete začať na voľnej nohe na rôznych anglicky hovoriacich platformách, užitočné bude aj otestovanie svojich schopností na majstrovstvách, napríklad Dev Challenge. Pomôže vám to vybudovať portfólio.

UX a UI zručnosti a kompetencie ()

Z osobných vlastností sú dôležité:

  • vytrvalosť;
  • vytrvalosť;
  • kreatívne myslenie;
  • perfekcionizmus;
  • túžba učiť sa a rozvíjať sa;
  • schopnosť počuť kritiku.
„Človek, ktorý navrhuje rozhrania, je inžinier, musí mať silné analytické myslenie, vysoko rozvinutú zručnosť empatie a schopnosť preniknúť do podstaty vecí. Samozrejme, existujú aj praktické zručnosti - to je vlastníctvo rôznych technológií a nástrojov, ale toto je spravidla až na druhom mieste, človek musí byť od prírody inžinier. A nie je ťažké sa ním stať, ak na tom tvrdo pracujete, čítate knihy a články o dizajne (kompozícia, farebná veda, typografia) a psychológii (treba pochopiť, ako sa človek rozhoduje a ako funguje jeho mozog), chodíte na prednášky a workshopy a veľa na precvičovanie“.

Možné kariérne cesty Dizajnér UX/UI:

  • zlepšiť sa ako dizajnér, zvýšiť mieru (ak je freelancer);
  • ovládať súvisiace oblasti, rozvíjať sa ako produktový dizajnér, VR dizajnér, VFX dizajnér, Herný dizajnér;
  • vyrásť na pozíciu Art Director (Head of Design);
  • vyvíjať, ako keby ste chceli prejsť od dizajnu k produktovému manažmentu vo všeobecnosti;
  • stať sa, ak je zaujímavé koordinovať ľudí;
  • urobte to, ak je technický aspekt zaujímavejší;
  • naučiť sa programovať a stať sa vývojárom používateľského rozhrania;
  • vyskúšať si marketing alebo .
„Technológie sa vyvíjajú veľmi rýchlo a stále sa objavuje niečo nové, všetko potrebuje svoj špecifický dizajn, má svoje požiadavky a vlastnosti. A my, dizajnéri, pomôžeme, aby to všetko bolo lepšie, krajšie a pohodlnejšie :)”

Za pomoc pri písaní článku by som rád poďakoval Yuliyi Bondarenkovej, Maximovi Palivodovi, Marine Popovichenko a 25 ďalším ukrajinským dizajnérom, ktorí povedali DOU o svojej pozícii. Citáty v článku sú prevzaté z ich príbehov.