Čo sú UX a UI, a prečo neexistujú UX dizajnéri

Výraz "UX / UI-designer" je absurdný. Užívateľská skúsenosť (alebo UX) je pre dizajn rovnako relevantná ako kontextový marketing. To je kontextová reklama je jedným z mnohých marketingových nástrojov. A dizajn, vrátane dizajnu UI, je jedným z mnohých faktorov, ktoré ovplyvňujú zážitok používateľa alebo UX.

  • Aký je rozdiel medzi UX a UI?
  • Kto je vlastne UX dizajnér a prečo nepotrebuje Figmu a Photoshop?
  • Akú úlohu zohráva obchodník, manažér a vlastník podniku pri formovaní užívateľských skúseností?

Poďme diskutovať.

Prečo sa UX / UI dizajnéri nestávajú

Ak chcete odpovedať na túto otázku, analyzujte pojmy.

Čo je používateľské rozhranie alebo používateľské rozhranie

Používateľské rozhranie používateľského rozhrania alebo lokality (Eng. používateľské rozhranie) - súbor prvkov, s ktorými návštevník používa webovú stránku. Patrí medzi ne:

  • Menu.
  • Modálne okná.
  • Formulár.
  • Tlačidlo.
  • Referencie.
  • Content.

Napríklad, ak chce používateľ pridať produkt do košíka, v rozhraní internetového obchodu sa nachádza tlačidlo „Kúpiť“. Aby si návštevník mohol pozrieť ďalšie materiály k tejto téme, v rozhraní nášho blogu sa nachádzajú políčka „Prečítajte si aj“ (pozri nižšie).

Čo je to UX alebo užívateľská skúsenosť?

UX alebo užívateľská skúsenosť - vnímanie používateľa a reakcia na interakciu so službou, službou alebo produktom. UX zahŕňa emócie, očakávania, preferencie, osobné vnímanie, fyzické, mentálne a behaviorálne reakcie, ktoré sa vyskytujú pred, počas a po interakcii.

Táto definícia je prekladom z ISO 9241-210: 2010 Ergonómia interakcie človek-systém.

Teraz jednoduchými slovami. Skúsenosti používateľov tvoria nielen prvky lokality. Klient UX internetového obchodu je ovplyvnený:

  • Sortiment výrobkov.
  • Ceny.
  • Dostupnosť vhodných platobných metód.
  • Dostupnosť vhodných metód dodania.
  • Prepravné náklady.
  • Kvalita tovaru.
  • Kvalita balenia pri expedícii.
  • Možnosť vrátenia alebo výmeny tovaru.
  • Hlas operátora call centra.

Zoznam nie je ani zďaleka úplný. Posledný bod zdôrazňuje, že UX ovplyvňujú nielen objektívne faktory. Užívateľské vnímanie, emócie, očakávania, preferencie, fyzické a psychické reakcie sú niektoré zo subjektívnych faktorov, ktoré formujú zážitok používateľa.

Jednoduchý príklad na obrázku ukazuje vzdialený prístup UX k dizajnu.

Na internetovej stránke internetového obchodu stojí produkt 900 rubľov, okrem toho nie je k dispozícii. V skupine súkromného predajcu v sieti "VKontakte" rovnaký produkt stojí 600 rubľov. Pozor, otázka: čo s tým má dizajnér čo robiť?

Kto môže byť vlastne nazývaný dizajnérom UX

Dizajnér v obvyklom zmysle slova plne nekontroluje UX. Doplnkové farby sú k ničomu, ak predávate produkt nízkej kvality. S pomocou "Photoshop" nemôže čerpať priame ruky zamestnancov doručovacích služieb, ktorí balia zle krehké predmety. Dizajnér, aj keď mu bol na jeho odznak pridaný predpona UX, nemôže úplne vytvoriť zážitok používateľa.

Dan Makoski, vedúci dizajnu v Lloyds Banking Group, hovorí, že návrh UX neexistuje. Skúsenosti sú subjektívne skúsenosti, ktoré dizajnér nemôže kontrolovať. Odborník môže ovplyvniť len skúsenosti používateľov.

Avšak dizajnér prostredníctvom rozhrania a vizuálneho dizajnu stránky ovplyvňuje užívateľský zážitok. Ďalšie skúsenosti ovplyvňujú aj ďalší odborníci:

  • Autor a editor pomáhajú návštevníkom nájsť potrebné informácie na stránke.
  • Webový vývojár premení návrhárov na živé webové stránky.
  • Pracovník v továrni vyrába kvalitný výrobok, na ktorý užívateľ príde na stránku.
  • Manažér predaja pomáha zákazníkovi presne pochopiť, aký produkt potrebuje.

V tomto zozname môžete pokračovať sami, prispôsobený rozsahu činností spoločnosti a zvláštnostiam webového projektu.

Kto môže byť nazývaný dizajnérom alebo užívateľským dizajnérom? Kto plánuje, implementuje a kontroluje interakciu so zákazníkom? Kto môže narovnať pokrivené ruky baliarne, narážať na dodávateľov chudobného sortimentu, naučiť dobré spôsoby chňapnutia z call centra?

V závislosti od rozsahu podniku sú to top manažéri a vlastníci.

Vrcholový manažér alebo vlastník podniku je zodpovedný za užívateľskú skúsenosť alebo skúsenosť so spotrebiteľskou interakciou s podnikom. Jeho prvým asistentom je obchodník alebo vedúci marketingu. Tu sú skutoční dizajnéri alebo dizajnéri UX.

Ako UI Design zlepšuje užívateľské skúsenosti

Už bolo povedané, že priame ruky packerov, dobré srdce operátorov call centra a ostré oko editora ovplyvňujú UX. UI dizajn tiež ovplyvňuje užívateľskú skúsenosť. Nižšie uvedené príklady to potvrdzujú. Ale najprv musíte zlomiť iný vzor.

Faktom je, že neexistuje všeobecne prijatá definícia pojmu a zodpovednosti web designer vo všeobecnosti a najmä UI designer. Máme web designer s názvom dizajnéri webových stránok. Títo odborníci navrhujú rozhranie, vytvárajú prototyp a dávajú vývojárovi rozloženie. Webový vývojár implementuje návrh pomocou HTML, CSS, JavaScriptu a ďalších nástrojov.

V burzhunete web designer - špecialista, ktorý navrhuje a realizuje webové stránky. Pozrite si kurz Responsive Web Design na freeCodeCamp. Toto sú základy HTML a CSS. Po rovnakom prístupe nasleduje vzdelávací zdroj „Hekslet“. V prvej lekcii kurzu o HTML a CSS učitelia vysvetľujú, prečo je lepšie volať web dizajnérov tých, ktorí sa nazývajú bežci v runete.

Druhý prístup je logickejší, pretože UX je ovplyvnený nielen projektom webovej stránky ako celku a najmä webovým rozhraním, ale aj správnosťou realizácie tohto projektu. Nižšie uvedené príklady to potvrdzujú.

Atribút alt je kritický pre UX ľudí so zrakovým postihnutím.

Toto je najtriviálnejší príklad toho, ako užívateľské rozhranie ovplyvňuje skúsenosti používateľov. Keď obyčajná osoba pristane na vstupnej stránke, vidí nádherné fotografie produktu. Keď zrakovo postihnutá osoba pristane na vstupnej stránke, nevidí obrázok.

Atribút alt atribútu img rieši problém. Ak ste do nej nenaplnili kľúčové slová, ale opísali ste obrázok, slepý rozumie obsahu fotografie pomocou čítačky obrazovky.

Overenie správnosti vyplnenia polí formulára zlepšuje UX

Určite sa stretávate s nepríjemnou situáciou: vyplňte dlhý formulár, skúste odoslať údaje a dostanete chybové hlásenie. Implementácia UI s HTML5 štandardmi chráni pred týmto problémom a zlepšuje UX.

Skúste zadať čísla alebo text do poľa E-mailová adresa nižšie. Ak zadáte nesprávnu hodnotu, formulár ju okamžite zobrazí. Webový dizajnér na to zadal typ údajov pre pole formulára (input type = "email").

Pozrite si overenie e-mailu Pen Email Dmitriy Dementiy (@ dmitriy-dementiy) na CodePen.

Automatické zaostrenie šetrí čas návštevníka

Venujte pozornosť ilustrácii. Po prechode na prihlasovaciu stránku môže užívateľ okamžite zadať telefónne číslo. Nemusí umiestniť kurzor do poľa formulára.

Weboví dizajnéri zlepšili svoje užívateľské skúsenosti s atribútom automatického zaostrovania.

Autori môžu vylepšiť UX s informačnými kotvami.

Kotvy ako "tu", "čítať viac" alebo "tyts" znižujú pohodlie užívateľského rozhrania a zhoršujú zážitok používateľa. Väčšina používateľov to prežije, pretože môžu čítať okolitý text a kontextovo chápať, kde odkaz vedie.

Ľudia so zrakovým postihnutím sú ťažšie. Čítačky obrazovky majú navigáciu na odkazoch na stránke. Slepí ľudia počujú kotvy, ale nevidia okolitý text. Preto je dôležité používať informatívne kotvy. Tu je napríklad odkaz na návod Yandex.Direct.

Asynchrónne načítanie skriptov zlepšuje UX

Externý kód môže blokovať načítanie stránky. Pozor na ilustráciu.

Aby sa predišlo problémom s UX, web designer vytvoril asynchrónne načítanie skriptov. V tomto prípade sa načíta obsah stránky, aj keď je externý skript dočasne alebo trvalo nedostupný.

Väčšina služieb, vrátane Google AdSense, YAN a ďalších, ponúka užívateľom štandardne kód s asynchrónnym načítaním. Niekedy majitelia stránok odmietajú túto možnosť kvôli neskúsenosti. To môže negatívne ovplyvniť skúsenosti používateľa.

Bloky odporúčaní zlepšujú UX a zlepšujú výkonnosť stránok

Pridanie bloku odporúčaní do rozhrania lokality je jednoduchý a efektívny spôsob, ako zlepšiť používateľské prostredie. Toto je relevantné pre obsahové projekty aj pre stránky elektronického obchodu. Internetové obchody s pomocou referenčných blokov ako "Pozri tiež" alebo "S týmto produktom si kúpiť" zvýšenie konverzie a zvýšenie priemerného účtu.

K rozhraniu lokality môžete pridať blok odporúčaní pomocou služieb ako Relap alebo myWidget, ako aj pomocou nástrojov vybraného CMS.

Ak chcete zlepšiť pohodlie používateľa, odstráňte bočný panel

Apple Design Director Jonathan Ive hovorí, že v dobrom užívateľskom rozhraní by nemali byť žiadne nepotrebné prvky. Odmietnutie bočného panela je jednoduchý a efektívny spôsob odstránenia dodatočného prvku z rozhrania lokality a vylepšenia UX. V tomto prípade sa zlepšenie užívateľských skúseností transformuje na zvýšenie efektivity stránky. To potvrdzujú aj štúdie, o ktorých sme písali v článku sidebar použiteľnosti.

Vizuálna odozva animuje rozhranie a robí užívateľa šťastným.

Prvky rozhrania vizuálnej odozvy pomáhajú návštevníkovi používať stránku a vylepšovať UX. príklady:

  • Keď vznášate, zmeňte tlačidlo.
  • Zmena farby poľa alebo iné vizuálne potvrdenie správneho vyplnenia formulára.
  • Indikátor priebehu, ktorý sa mení pri posúvaní stránky.

"Vzduch" na stránke robí rozhranie pohodlnejším

Voľné miesto zdôrazňuje prvky rozhrania, pomáha používateľom vyhľadávať požadovaný obsah alebo funkčnosť. Ak chcete zlepšiť UI a UX, pridajte na stránku vzduch.

Vyššie uvedené príklady postačujú na preukázanie vplyvu používateľského rozhrania na zážitok používateľa.

Musím poznamenať, že Dmitry uvažuje o práci s užívateľskými skúsenosťami v širokom zmysle, z pohľadu obchodných procesov, od a do. Tento prístup je relevantný, ak má spoločnosť v štáte svojich špecialistov, ktorí sa týmito otázkami zaoberajú. Naša agentúra sa zaoberá aj užívateľskými skúsenosťami, ale robíme to ako súčasť propagačnej práce, t. J. Procesov, ktoré môžeme ako dodávateľa ovplyvniť: analýzy cieľového publika, analýzy správania pomocou štatistických systémov, prieskumov zameraných na skupiny, atď. Ale v rámci našej práce sa UX-design vypláca a je dôležitým faktorom pri kvalitnej optimalizácii pre vyhľadávače.

UI - časť, UX - celé číslo

Užívateľská skúsenosť ďaleko presahuje kompetencie web designera. Projektant môže ovplyvniť UX pomocou používateľského rozhrania. Ale volať špecialistu na vytváranie webových stránok návrhár užívateľský zážitok nemôže. Je to to isté ako označiť pokladníka v obchode v blízkosti domu za zodpovedného za finančný výsledok a požadovať od neho rovnaké objemy predaja ako v hypermarkete.

UX sa neobmedzuje na stránku. Užívateľský zážitok je ovplyvnený pracovníkom na stroji, nakladačom, dodávateľom, predávajúcim, projektantom a developerom stránky, autorom a editorom, správcom účtu a pod. A orchester je vedený vedúcim spoločnosti a jeho marketingovou pravou rukou.

Na záver je vhodné citovať Steva Jobsa, ktorý bol skutočným návrhárom UX alebo dizajnérom užívateľských skúseností.

Dizajn nie je to, čo vyzerá. Dizajn je, ako to funguje.

Loading...

Zanechajte Svoj Komentár