Tajomstvo použiteľnosti: prečo dobré používateľské rozhranie (UI) nie je to isté ako pozitívna používateľská skúsenosť (UX). Prečo je použiteľnosť taká dôležitá. Školenie špecialistov na rozvoj PI

Aké sú hlavné princípy použiteľnosti? Odpovede na túto a mnohé ďalšie otázky nájdete v článku. Princípy použiteľnosti sú všeobecne akceptované názory na interakciu s dizajnom, ktoré predstavil Nelsen Jakob (zakladateľ Usability). Tieto pohľady sú skôr súborom pravidiel ako rigidnými usmerneniami, a preto sa nazývajú „heuristika“. Takýchto princípov je celkovo desať.

Viditeľnosť stavu

najprv princíp použiteľnosti- viditeľnosť stavu systému. Táto pozícia hovorí, že používateľ by mal vedieť, kde skončil a čo sa deje. Ak ide o zložitú registráciu, musíte uviesť, že ide o druhý alebo tretí krok.

Efektívnosť

Ďalším princípom použiteľnosti je efektívnosť. V skutočnosti to znamená, že medzi každým používateľom a systémom musí existovať spojenie. Vaša stránka musí byť prispôsobená konkrétnemu publiku, musíte sa s nimi rozprávať v ich jazyku s využitím ich úrovne znalostí a notového zápisu. Webová stránka by preto mala byť vždy navrhnutá pre svoje publikum. To platí nielen pre štruktúru, ale aj pre texty, dizajn, nápovedu, vizuálne vnímanie informácií a pod.

Slobodná voľba

Aký je tretí princíp použiteľnosti? užívateľské ovládanie, ktorý je potrebný na to, aby mal klient situáciu vždy pod kontrolou. Ak napríklad osoba vyplní formulár, vždy by sa jej malo zobraziť tlačidlo „vymazať formulár“. Čo ak má viacero krokov? Používateľ by sa mal vždy vedieť vrátiť predchádzajúce odseky alebo jednu z nich preskočte a akciu zopakujte o niečo neskôr.

Používateľ vďaka tejto situácii nadobudne dojem, že má všetko pod kontrolou, že sa ho nesnažia zmiasť či oklamať. A na prvý pohľad zložité rozhranie s správny prístup sa stane bežným. Pre človeka je totiž oveľa jednoduchšie vykonať niekoľko jednoduché akcie ako jeden komplexný.

Normy

Štvrtým princípom použiteľnosti je konzistencia a štandardy. Na webe už existujú určité zabehnuté stereotypy (kontakty v hornom rohu, typ košíka a podobne). Jedno označenie však môže mať viacero druhov, tzv neskúsený používateľčlovek sa medzi nimi ľahko stratí. Napríklad elektronické košíky sú totožné s vozíkmi, obyčajnými košíkmi, trendy taškami a ďalšími. A pre vzhľad sekvencie je potrebné zvoliť určitý štýl, ktorý sa musí všade dodržiavať. Platí to pre rozloženie, písma, text a obrázky.

Prevencia chýb

Piatym princípom použiteľnosti je predchádzanie chybám. Toto pravidlo hovorí, že chyba sa nemá opravovať, ale varovať. Vždy musíte eliminovať náhodné, zbytočné akcie a kde je to možné, zjednodušte si výber. Môže to byť bežná výzva pri písaní niečoho na klávesnici.

To platí aj pre tlačidlá. Napríklad ponuka „Prijať“ je zvyčajne jasnejšia a väčšia ako požiadavka „Vymazať formulár“. Musíte si vyžiadať informácie o zadaných údajoch (kód regiónu, formát telefónu atď.).

Zjednodušenie

Šiestym princípom je pravidlo „Zistiť je ľahšie, ako si pamätať“. Maximálne zjednodušte život používateľom, zapamätajte si informácie, ktoré predtým zadali (aj z ich predchádzajúcich návštev na stránke), dajte im rady. Napríklad, ak používate viackrokový registračný systém, ukážte osobe, ktorá už vyplnila polia, či budú pre ňu v budúcnosti užitočné.

Flexibilita

Siedmym princípom Usability je flexibilita použitia. Podľa tohto pravidla musí byť rozhranie elastické, musí byť naladené na prevládajúce publikum. Tu je základný dôraz kladený na jednoduchosť s prihliadnutím bežný používateľ. Podrobnosti pre pokročilých by mali byť malé. Môžu byť umiestnené v menej viditeľných častiach obrazovky, pretože takí ľudia ich nájdu všade.

Dizajn

Princíp dizajnu Usability je ôsmy v poradí. Spočíva v estetike a minimalizme. Podľa tohto pravidla by rozhranie nemalo obsahovať informácie, ktoré používateľ nepotrebuje. Tiež by nemal obsahovať informácie, ktoré bude osoba potrebovať v zriedkavých prípadoch.

Podobne musíte vytvárať formuláre: nemôžete od používateľa žiadať údaje, ktoré nepotrebujete. Bohužiaľ, takmer nikto túto pozíciu nevyužíva. Aby sme im mohli zablahoželať iba k meninám alebo k Novému roku, v 90% prípadov sú zákazníci povinní uviesť aj dátum narodenia a domáce číslo telefón a mobil, e-mail a dokonca aj adresu.

Pomoc

Každý webmaster by mal poznať hlavné princípy Usability. Deviatou víziou tejto aplikovanej vedy je pomôcť používateľom pochopiť a opraviť chyby. Všetky zmeškania je potrebné hlásiť ľuďom bežným, „ľudským“ jazykom, a nie počítačovým. Ak bol odkaz vytvorený nesprávne, nemusíte jednoducho písať 404. Oznámte to takto: "Pri vstupe na stránku sa vyskytla chyba." Ak používateľ pri vypĺňaní formulára zabudol uviesť svoje telefónne číslo, napíšte, že v zadávaní údajov došlo k chybe, a nie iba k „chybe formulára“.

podpora

Prečo sú základné princípy použiteľnosti také dôležité? Pozrime sa na desiaty princíp, ktorý sa nazýva „Dokumentácia a pomoc“. Materiály a podpora by mali byť jednoduché a zrozumiteľné, ľahko dostupné, v súlade s cieľmi používateľa. Okrem toho by dokumentácia nemala byť objemná. Musí obsahovať jasné kroky. Ak sú materiály príliš veľké, môžete to urobiť krátka navigácia pre rýchly prechod sekcií, ako aj vyhľadávanie podpory.

"použiteľnosť"

Takže sme zvážili hlavné princípy použiteľnosti. Ale čo je to za disciplínu? „Použiteľnosť“ je miera kvality používateľskej skúsenosti získanej pri interakcii so systémom alebo produktom. Napríklad toto môže byť softvérová aplikácia, webovú stránku alebo čokoľvek iné.

User Interfase Engineering zistilo, že v 60 % prípadov ľudia nemôžu nájsť informácie, ktoré potrebujú na webe. V dôsledku toho klesá ich produktivita. Nechcú sa vrátiť na stránku, kvôli čomu sú nútení strácať drahocenný čas.

Je tiež známe, že Forrester Research získal nejaké čísla, ktoré ukazujú množstvo strát, ktoré sa objavili v dôsledku nekvalitnej „použiteľnosti“ stránok. Obchodné reťazce strácajú približne 50 % zákazníkov, ktorí nevedia nájsť produkt, ktorý potrebujú. Približne 40 % používateľov sa nechce vrátiť na stránku, s ktorou sa im nepáčilo.

Jakob Nelsen uvádza, že výskum správania ľudí na webe ukázal, že majú odpor k zložitým webovým stránkam a pomalým webom. Používatelia podľa neho nie sú ochotní čakať. Tiež nechcú prísť na to, ako použiť domovskej stránke. Nikde nie sú žiadne návody na stránky ani školenia pre webové projekty. Jakob vie, že ľudia chcú prehliadať stránky a okamžite pochopiť funkčnosť webovej stránky.

Tvorba

Čo je vývoj použiteľnosti? Jej princíp spočíva v metodickom prístupe k tvorbe webovej stránky alebo akéhokoľvek iného používateľského rozhrania. Takýto vývoj pozostáva z niekoľkých metód, ktoré sa v procese používajú postupne:

• zber požiadaviek;
• tvorba a analýza prototypov;
• hodnotenie protichodných možností dizajnu;
• štúdium používateľských otázok;
• navrhovanie riešení a analýza stránky (alebo akéhokoľvek iného rozhrania).

Testovanie

Čo je testovanie použiteľnosti? Nie každý pozná princíp tejto nuansy. Vo všeobecnosti je súčasťou procesu vytvárania „Použiteľnosti“. V typickom teste musí osoba vykonať niekoľko úloh pomocou prototypu (alebo iného systému). Počas prevádzky pozorovateľ zaznamenáva, čo používateľ hovorí a robí. Spravidla sa takýto test vykonáva s jednou alebo dvoma osobami, ktoré konajú spoločne.

Analýza môže zhromažďovať údaje, ako sú chyby používateľov, postupnosť akcií, ktoré osoba vykoná na dosiahnutie cieľa, čas a miesto, kde sa vyskytujú ťažkosti publika, ako veľmi sa ľuďom páči produkt a ako rýchlo dokončia úlohy. Väčšina testov sa používa na identifikáciu a riešenie akýchkoľvek problémov, ktoré má verejnosť.

Kroky disciplíny

Z akých krokov pozostáva „Použiteľnosť“? Ak chcete naplánovať webovú stránku, musíte najprv pochopiť, prečo ju vyvíjate, pre koho, prečo a kedy vaši čitatelia navštívia váš zdroj. Ak odpoviete na tieto otázky, zistíte účel vašej stránky. Konkrétne ciele závisia od publika webovej stránky a vašej organizácie.

Okrem toho musíte definovať ciele stránky „Použiteľnosť“. V súlade s celkovými cieľmi by mal byť váš zdroj efektívny pri aplikácii, mal by sa ľahko naučiť a ľahko zapamätať pri opakovaných návštevách. A tiež musí uspokojiť používateľa.

Každý cieľ použiteľnosti je dôležitý pre väčšinu webových stránok, ale môžete zvýrazniť iné pre rôzne publikum a situácie. Je známe, že dizajn vychádza z potrieb ľudí, preto treba zbierať informácie nielen o nich, ale aj o tom, do akej miery im existujúca stránka vyhovuje. Existuje niekoľko spôsobov zhromažďovania údajov, medzi ktoré patria protokoly servera, formuláre spätná väzba, testovanie „použiteľnosti“ existujúcej webovej stránky.

Pre ľudí je jednoduchšie komunikovať skutočný príklad namiesto toho, aby ste sa hádali o tom, čo funguje najlepšie. Užitočné výsledky možno vždy dosiahnuť s prototypom stránky, ktorý má minimálny obsah a žiadnu grafiku. Takýto elementárny prototyp je vhodný pre prvý cyklus skúšok.

Obsah by mal byť zverejnený len to, čo je potrebné pre používateľov stránky. Ak máte kopec informácií, vyberte tie, ktoré budú pre vaše publikum užitočné a príjemné. Všetky informácie by mali byť rozdelené na malé časti s podnadpismi, pretože ľudia si chcú rýchlo prečítať to, čo ich zaujíma. Odstráňte nepotrebné slová z textu, použite tabuľky a zoznamy.

Ďalej sa uskutoční interaktívny proces - testovanie "Použiteľnosť", o ktorom sme písali vyššie. Niekedy potrebujete otestovať rozhranie, ktoré už bolo navrhnuté v súlade so všetkými pravidlami. Mimochodom, ohniskové skupiny sú cenovo najdostupnejší spôsob, ako urobiť vlastnú analýzu.

Komponenty

Pomocou pravidiel a princípu použiteľnosti si teda môžete vytvoriť zdroj, na ktorý budete hrdí. Prítomnosť tejto úžasnej položky je vlastnosťou kvality, ktorá určuje, aké jednoduché je jej používanie. Slovo „použiteľnosť“ tiež znamená súhrn techník, ktoré zlepšujú stránku v procese jej vytvárania.

Použiteľnosť má päť kvantitatívnych komponentov:

• Efektivita: Po oboznámení používateľov s návrhom, ako rýchlo môžu dokončiť rovnakú úlohu?
• Naučiť sa: Aké ľahké je pre ľudí implementovať základné úlohy, keď používajú rozhranie, ktoré prvýkrát nepoznajú?
• Chyby: koľko chýb robí človek, aké sú vážne, vie ich ľahko opraviť?
• Zapamätateľnosť: ak sa používateľ vrátil do rozhrania cez určité obdobie bude schopný obnoviť svoje schopnosti a pracovať s ním?
• Spokojnosť: Do akej miery je pre človeka príjemné používať toto rozhranie?

Okrem „Použiteľnosť“ existuje mnoho ďalších dôležitých kvalitatívnych vlastností dizajnu. Jedným z kľúčových je užitočnosť. Táto funkcia popisuje funkčnosť technické riešenie a určuje užitočnosť rozhrania pre používateľov. „Použiteľnosť“ a praktickosť sú rovnako dôležité: prečo používať pohodlný program, ak nedáva výsledok, ktorý potrebujete? Zlý program je ten, ktorý hypoteticky funguje tak, ako chcete, no nepáči sa vám jeho zložité rozhranie. Na analýzu užitočnosti projektu môžete použiť rovnaké nástroje ako pri štúdiu kvality jeho „použiteľnosti“.

Vo Web-e sa berie do úvahy „použiteľnosť“. nevyhnutná podmienka prežitie. Ak sa so stránkou ťažko pracuje, návštevníci ju veľmi rýchlo opúšťajú. Ak hlavná stránka webovej lokality jasne a jasne neuvádza, čo podnik robí, aké úlohy vám zdroj umožňuje vykonávať, používatelia budú hľadať inú webovú lokalitu. Ľudia odídu aj vtedy, ak je stránka neprehľadná, informácie na nej sú ťažko zrozumiteľné a neodpovedajú na ich kľúčové otázky.

Neexistujú žiadni návštevníci, ktorí trávia čas ovládaním rozhrania stránky alebo si pozorne preštudujú pokyny na prácu s ňou. Na webe je mnoho ďalších zdrojov, takže ak návštevník narazí na problém, stratíte ho.

IN modernom svete pochopenie základov použiteľnosti je nevyhnutnosťou. Väčšina návštevníkov stránok nevykonáva akcie, ktoré od nich vlastníci zdrojov očakávajú. Ľudia si neobjednávajú tovar, neregistrujú sa, neodoberajú aktualizácie atď. Aký je dôvod tohto používateľského správania?
Dôvod je jednoduchý - zdroj je pre používateľa nepohodlný. Napríklad, aby ste si „objednali“ produkt, musíte prejsť niekoľkými stránkami a tlačidlo registrácie je úplne nemožné nájsť. To robí zdroj nekonkurencieschopným.
Ako znížiť počet okamžitých odchodov z webu? Ak si projekt vyžaduje dôkladný prístup, môžete kontaktovať štúdio, špecialistov. Laboratóriá použiteľnosti ponúknuť nielen rôzne možnosti testovanie a návrh rozhrania. A ak je rozpočet obmedzený, môžete sa pokúsiť naučiť základy použiteľnosti sami.

Pre vlastný vývoj rozhrania musíte zvážiť niekoľko jednoduchých pravidiel:

1. Pravidlo 7.
   Je známe, že schopnosť ľudský mozog nie neobmedzené. Osoba je schopná udržať krátkodobá pamäť nie viac ako 5-9 subjektov. Preto by ste do navigácie nemali umiestniť viac ako 7 položiek.
   Z tohto hľadiska si stránka tutu.ru určite zaslúži dobré recenzie, keďže hlavná funkcionalita bola umiestnená v hlavičke stránky, obmedzená na 4 položky ponuky a rozbaľovací zoznam.
   Zatiaľ čo webová stránka ruských železníc - skvelý príklad ako to nerobiť. Z množstva nesúrodých informácií je v očiach plno, chcete to jednoducho zavrieť a už sa nevrátiť.
2. pravidlo 2 sekundy.
   Čím menej používateľ čaká na odpoveď z programu, lokality alebo aplikácie, tým je pravdepodobnejšie, že daný produkt bude naďalej používať. 2 sekundy sú optimálny interval odozvy programu, o ktorý sa oplatí usilovať. Takže by ste sa mali stokrát zamyslieť, kým na stránku umiestnite ťažké flashové intro, ako to urobili na mtv.ru.
3. Pravidlo 3 kliknutia.
   Nikto nemá rád surfovanie po stránkach, ktoré hľadá potrebné informácie a funkčnosť. Návštevník musí mať prístup domovskej stránke na ktorúkoľvek inú stránku lokality vykonaním maximálne 3 kliknutí. To prispieva k úspešnejšiemu indexovaniu stránky vyhľadávacími robotmi.
4. Fittsovo pravidlo
   Model ľudského pohybu, ktorý publikoval Paul Fitts v roku 1954, určuje čas potrebný na to rýchle cestovanie k cieľovej zóne ako funkcia vzdialenosti k cieľu a veľkosti cieľa.
   Metaforicky možno pravidlo vysvetliť takto: ľahšie je ukázať na zapaľovač ako na zápalku. Ale ukázať na útes alebo obrovskú vzducholoď je rovnako jednoduché. Ak je objekt rozhrania, napríklad odkaz, už dostatočne veľký, nemá zmysel ho ešte zväčšovať.
5. obrátená pyramída
   Tohoto princípu sa drží aj samotný guru použiteľnosti Jakob Nielsen. Článok by mal začať súhrnným záverom, po ktorom nasleduje Kľúčové body, a končíme najmenej dôležitými informáciami pre čitateľov. To je optimálne pre web, kde chce používateľ získať informácie čo najrýchlejšie.

Ale aj rozhranie navrhnuté podľa všetkých pravidiel stojí za testovanie. Fokusové skupiny sú najviac cenovo dostupným spôsobom na testovanie na vlastnej koži.

Testovanie pozostáva zo štyroch fáz:

1. Výber cieľovej skupiny. Testeri sa musia zhodovať s vašimi cieľové publikum. Nežiadajte babičku, aby otestovala aplikáciu na nájdenie aktualizácií ovládačov.
2. Vypracovanie plánu testu- zoznam úloh, pre ktoré je váš produkt určený. Toto je zoznam, ktorý budú testeri nasledovať. Ak prevádzkujete internetový obchod, zoznam by mal obsahovať úlohy ako vyhľadávanie produktu, získanie informácií o produkte, cesta od získania informácií o produkte po jeho objednanie, odstránenie položky z košíka.
3. Vykonanie zoznamu úloh testermi a oprava chýb. Za chybu možno považovať čokoľvek: príliš zložitý obrázok captcha, žiadna správa zo servera, že „položka bola pridaná do košíka“, nemožnosť zmeniť počet položiek v košíku alebo zrušiť akciu atď.
4. Po identifikácii a oprave chýb je potrebné znova spustiť testovací cyklus. Cyklus sa musí opakovať, kým výsledky nebudú spĺňať požadované požiadavky.

Hodnotenie kvality rozhrania by sa malo vykonávať v každej fáze projektu. Neodkladajte testovanie použiteľnosti na poslednú chvíľu. Závažné chyby sa jednoducho nedajú opraviť, pretože projekt je v záverečnej fáze. A potom - buď to zopakujte znova, alebo získate nízke skóre použiteľnosti.
Na identifikáciu hlavných chýb spravidla stačí 5 testerov.

Súvisiaci príklad

Nakoniec poďme analyzovať typické chyby na príklade stránky známeho umelca Vlada Topalova. Predpokladajme, že si chceme dohodnúť prejav s jeho vedením a chceme na stránke nájsť ich kontakty. A tu začína pátranie!
Prvá vec, ktorú na stránke vidíme, je čierna úvodná obrazovka s odkazom „vstúpiť“ a návrhom na aktualizáciu prehrávača Flash.


Tlačidlo „vstúpiť“ znie ako výzva na prechod na hlavnú stránku webu. Ale namiesto hlavnej stránky sa dostávame na „prázdnu tabuľku“.


Tu upúta pohľad na červenú stužku a my si, samozrejme, myslíme, že je to odkaz a možno aj jedálny lístok. Ale nie - je to len symbol boja proti AIDS, ktorý má naznačovať sociálne postavenie speváka a nič viac. A potom ruka siaha doľava hornom rohu. A nie je tam vôbec menu, ale tlačidlo režim celej obrazovky. Pár sekúnd zmätku a hľadanie je na konci, vytúžené menu v spodnej časti, v strede obrazovky. Klikneme ... a uvidíme HRÁČA! Opäť sme boli oklamaní.


Počas prehrávania klipu v prehrávači pokračujeme v hľadaní menu. Teraz je na vrchole, v samom strede. V rozbaľovacom zozname konečne vidíme vytúžené slovo „Kontakty“. Ale ani tu to nie je také jednoduché. Tieto kontakty nie je možné skopírovať. Bude potrebné prepísať ručne!


Teraz o číslach. Čas odozvy sa môže líšiť v závislosti od rýchlosti pripojenia, no v každom prípade bude viac ako 2 sekundy. A cesta na stránku s kontaktmi na vedenie trvala 7 kliknutí. A mohol som si vziať len jeden.
Vlad Topalov si, samozrejme, takéto „kreatívne“ riešenia môže dovoliť. Je však zrejmé, že takéto rozhodnutia sú pre podnikanie jednoducho katastrofálne.

Najnovšie sme sa bavili o tom, aký bude nový Pechkin-mail. Prechod na nový engine, ku ktorému dôjde veľmi skoro, tiež ovplyvňuje vylepšenia používateľského prostredia.

Raz to povedal Aaron Walter, riaditeľ UX v e-mailovej marketingovej službe MailChimp kľúčový princíp jeho príkazy:

„Naším cieľom je, aby bol softvér funkčný, spoľahlivý a pripravený na použitie, aby s ním ľudia mohli riešiť svoje problémy. Ale veríme, že vývoj softvéru, ktorý je práve pripravený na použitie, je ako kuchár pripravujúci jedlo, ktoré je „len jedlé“. Ak chcete prilákať ľudí, musíte ísť nad rámec základnej praktickosti. Chceme, aby veci, s ktorými interagujeme, v nás vyvolávali emócie.“

Dnes si povieme o účele UX, jeho cieľoch a zámeroch, ako aj o tom, ako prekročiť spomínaný „rámec“ a aké vlastnosti a zručnosti musí mať dizajnér používateľského rozhrania.

Čo je teda UX a použiteľnosť?

Oficiálna definícia UX (User eXperience) je nasledovná:

„Vnímanie, ktoré má osoba pri používaní a/alebo úmysle používať produkt, systém alebo pri prijímaní služby“ (ISO 9241-210:2010, odsek 2.15).

Ruským analógom User eXperience je výraz „užívateľská skúsenosť“. Fráza „užívateľská skúsenosť“ vďačí za svoj vzhľad a ďalej sa rozšírila Donaldovi Normanovi, ktorý v čase zavedenia tohto pojmu (1995) pôsobil ako viceprezident pre vývoj sľubné technológie v Apple:

„Vymyslel som tento výraz, pretože som si myslel, že „ľudské rozhranie“ a „použiteľnosť“ sú príliš technické. Chcel som zahrnúť všetky aspekty používateľskej skúsenosti pri interakcii so systémom, najmä priemyselný dizajn produktu, jeho grafiku, rozhranie a aspekty fyzického kontaktu so zariadením.“

Predpokladá sa, že „pozitívny používateľský zážitok“ je výsledkom primeranej kombinácie nasledujúcich 5 základných princípov „ideálneho“ UX, kde ústredným bodom je „použiteľnosť“:

• Fyziológia:Čo motivuje používateľa?
• Použiteľnosť:Čo spôsobuje nepohodlie používateľa?
• Dizajn: Dizajn je potrebné premyslieť ešte pred jeho implementáciou do pracovného toku, aby používateľ nemal pocit pochybností a/alebo nedôvery o spoľahlivosti vašej spoločnosti a jej produktov.
• Obsah: Jasnosť pri prezentácii informácií je tu prvoradá. Ľudia skutočne čítajú texty na stránke, v aplikácii alebo v liste a ich písanie by sa malo považovať za súčasť procesu návrhu [rozhrania].
• Analytics:Čo by nám mala povedať miera okamžitých odchodov a ďalšie ukazovatele?

Používateľská skúsenosť a použiteľnosť sú vzájomne prepojené pojmy, ktoré by sa však mali jasne rozlišovať, aby sa predišlo nejasnostiam. rozprávanie jednoduchý jazyk Ak je UX percepčná skúsenosť, ktorá odpovedá na otázku „Čo?“, potom použiteľnosť je percepčná mechanika, ktorá odpovedá na otázku „Ako?“.

Dizajn rozhrania a dizajn UX: kde je spojenie

Zvážte základné metódy práce na dizajne používateľského rozhrania:

• Skúmanie zariadení: aké sú silné stránky a slabé stránky konkrétne zariadenia a aký to má vplyv na váš produkt? Zásadne odlišný bude napríklad používateľský zážitok z práce na zariadení s dotykovým rozhraním a na tradičnom zariadení s monitorom.
• Tvorba postavy: ako vyzerá váš priemerný používateľ? Ako môžu tieto informácie ovplyvniť váš produkt?
• Navrhovanie vzorov [správanie]: Ako (napríklad) najčastejšie prebieha proces pokladne v e-shopoch?

IN veľkých projektov Práca s UX môže byť úplne oddelená od procesov návrhu rozhrania, informačnej architektúry, interakcie. Aj keď to tak v skutočnosti často nie je a vo väčšine agentúr a startupov sa tieto aspekty práce na projekte spravidla spájajú v rámci jednej pozície.

Ako však súvisí dizajn rozhrania s dizajnom UX? Napríklad Wikipedia definuje dizajn UX ako:

„Proces zvyšovania spokojnosti používateľov s produktom zlepšením jeho použiteľnosti, jednoduchosti použitia a dostupnosti.“

Kľúčovou úlohou UX dizajnu je, aby používateľská skúsenosť bola čo najúspešnejšia, a to na základe skutočnosti, že UX dizajnér je vo všeobecnosti povinný interagovať s produktom, softvérom alebo iným objektom, ktorý vytvára. užívateľ.

„UX nie je niečo, čo sa dá jednoducho implementovať, je to základ základný systém hodnoty,“ hovorí Walter.

UX dizajn je aktivita na prvom mieste ľudí, čo znamená, že kľúčovou zručnosťou UX dizajnéra je schopnosť porozumieť potrebám a správaniu používateľov stránky, aplikácie alebo produktu. Musí sa snažiť zabezpečiť, aby tieto potreby a túžby boli v súlade s obchodnými cieľmi spoločnosti, pre ktorú pracuje.

Konečným cieľom dizajnu UX však nie je len uspokojiť potreby používateľov, ale tiež pomôcť produktu dosiahnuť jeho obchodné ciele. Jednou z najväčších výziev v UX je zosúladenie obchodných cieľov s cieľmi používateľov.

Keď hovoríme o dizajne UX a dizajne rozhrania, je potrebné nakresliť jemnú, ale vo svojej podstate významnú líniu: Dizajn UX je možný bez dizajnu rozhrania, ale dizajn rozhrania nie je realizovateľný bez pochopenia výslednej používateľskej skúsenosti.

Profesia UX dizajnéra

Takže prvá vec, o ktorej dizajnér UX premýšľa [pre jednoduchosť, budeme pojmy „UX dizajnér“ a „usabilista“ považovať za synonymá], je to, ako spojiť používateľské ciele s obchodnými cieľmi. Napríklad, ak je cieľom používateľa kúpiť si produkt, potom spoločnosť musí urobiť tento nákup užitočným, pohodlným a príjemným.

• Užitočné: Potrebujete uspokojiť potrebu zákazníka, teda vyriešiť jeho problém.
• Pohodlné: Vysoký stupeň Použiteľnosť by mala byť zrejmá, aby zákazníci rozumeli rozsahu vášho produktu alebo služby.
• Príjemné: Nebude zbytočné, ak nákup vášho produktu prinesie klientovi radosť.

Preto má talentovaný dizajnér tieto vlastnosti:

• empatia Schopnosť pochopiť, prečo ľudia konajú tak, ako konajú. Aby ste mohli robiť UX dizajn, musíte sa vedieť vžiť do kože iných ľudí. Toto je pravdepodobne najdôležitejšia vlastnosť pre prácu v tejto oblasti a musíte sa naučiť porozumieť činom iných ľudí. Na rozdiel od všeobecného presvedčenia, nie každý má túto schopnosť od prírody.
• zvedavosť- túžba vedieť, prečo ľudia konajú tak, ako konajú.
• Jasnosť prejavu- schopnosť vysvetliť zložité pojmy prístupnou formou pre tých, ktorí túto oblasť nepoznajú alebo ju poznajú málo.

Je zrejmé, že si predstavte, ako sa tok vašich myšlienok potenciálny klient, je potrebné všetkými možnými spôsobmi študovať a analyzovať publikum spoločnosti. Umožní vám to orientovať sa a pochopiť, čo vám nemusí vyhovovať, ale čo vám naopak robí radosť pri používaní produktu.

To je na dnes všetko. V ďalšej sérii sa bližšie pozrieme na podstatu práce dizajnéra.

P.S. Pár článkov z nášho blogu:

Nezáleží na tom, aby ste identifikovali cieľ konverzie návštevníkov a prispeli k jeho dosiahnutiu prostredníctvom interakcie s webovým rozhraním, na samostatnej vstupnej stránke, ktorá generuje potenciálnych zákazníkov, produkte vstupná stránka internetový obchod alebo plnohodnotné SaaS riešenie – to je hlavný cieľ marketérov a webdizajnérov, ktorí vyvíjajú a hosťujú globálnej siete ich produkty a služby.

Existovať rôzne prvky informačnú architektúru, ktoré ovplyvňujú použiteľnosť, t.j. (použiteľnosť), účelnosť (žiadanosť) a spoľahlivosť (spoľahlivosť) zdroja. Najčastejšie z týchto parametrov (pojmov) existujú „ používateľské rozhranie"(Používateľské rozhranie, UI) a" užívateľská skúsenosť "(User eXperience, UX).

Tieto 2 faktory súvisiace s akýmkoľvek webovým zdrojom nie sú v žiadnom prípade rovnocenné. Mýtus, že „UI = UX“ zavádza obe strany digitálnej interakcie: návštevníkov vstupnej stránky a webových stránok, ako aj obchodníkov a internetových podnikateľov.

V tomto príspevku odhalíme ďalšie tajomstvo použiteľnosti efektívneho online marketingu.

Dizajnér používateľského rozhrania a dizajnér UX sú dve rôzne profesie

Uchádzači o prácu a súčasní profesionáli v oblasti webdizajnu po celom svete čelia mnohým výzvam vyplývajúcim z rozšírenosti vyššie uvedeného mýtu.

Dizajnér používateľského rozhrania musí byť schopný vykonávať používateľský prieskum a samozrejme poznať princípy dizajnu používateľského rozhrania, vizuálneho dizajnu a typografie, ako aj základy informačnej architektúry (informačná architektúra).

Podobné požiadavky - grafický dizajn, informačná architektúra – prezentovaná UX dizajnérom. Dizajn rozhrania je určite o používateľskej skúsenosti a prekrývajú sa profesionálne zručnosti, ale tu je to, čo musíte jasne pochopiť a pevne si zapamätať:

Vedieť, ako navrhnúť používateľské rozhrania, nevyrieši všetky problémy UX.

Teraz, keď sme pochopili rozdiel medzi používateľským rozhraním a používateľským rozhraním, môžeme dospieť k záveru, že je rozumnejšie snažiť sa o vytvorenie úplne pozitívnej používateľskej skúsenosti, než len o vytvorenie krásneho webového rozhrania. Dobre vonkajší dizajn nerieši problém konverzie (hoci je určite dôležitý): marketéri a webdizajnéri by sa mali snažiť, aby zážitok z interakcie s ich pristátím/stránkou bol pre používateľa čo najmenej psychicky traumatický.

Práve tento prístup nás približuje k riešeniu problému konverzie.

Dizajnér UX, ktorý vystupuje pod pseudonymom Useagility, nedávno zverejnil tweet, v ktorom hlásal nepopierateľnú pravdu:

„Vaša webová stránka môže byť veľmi krásna, ale návštevníci ju rýchlo opustia, ak nedokážu pochopiť, aký je cieľ konverzie a ako na ňu zacieliť.“

Jednoduchá navigácia v obsahu, jasne definovaný cieľ konverzie a jasne stanovená užívateľská hodnota ponuky sú základnými prvkami dobrého UX. Rozhranie stránky musí byť navrhnuté s ohľadom na túto skutočnosť.

Príklady digitálnych webových produktov s dobrým používateľským rozhraním a zlým používateľským rozhraním sú roztrúsené po celom internete. Najbežnejšie z nich sú dlhé formuláre pre potenciálnych zákazníkov s mnohými poľami na vyplnenie. Áno, niektoré z nich vyzerajú veľmi dobre: ​​kompetentné rozloženie polí a nápisov, krásne využitie medzery, estetické fonty a pod.. Majú len jednu nevýhodu - sú nepríjemne dlhé.

Správna verzia formulára pre potenciálnych zákazníkov prispieva k vytváraniu pozitívneho UX

Keď obchodník požiada používateľa, aby vyplnil formulár, v skutočnosti začína konverzáciu potenciálneho olova alebo dokonca klienta. Priznajme si krutú pravdu: kedy skutočný život začíname rozhovor s neznámou osobou prvýkrát, nežiadame od nej, aby nám poskytol svoje osobné údaje, ako je dosiahnuté vzdelanie, výška príjmu resp. adresa bydliska. Takto sa to jednoducho nerobí.

Prečo teda my – marketéri a webdizajnéri, ako všetky ľudské bytosti schopné empatie – niekedy spôsobujeme používateľovi psychické nepohodlie spojené s vypĺňaním dlhých registračných formulárov?

Je však ľahké vytvoriť pozitívne UX pre návštevníka: ponecháme najnutnejšie polia, zoskupíme ich v blízkosti hlavičky formulára, vizuálne ju zmenšíme a výsledkom toho zmeníme behaviorálnu odpoveď z „Och my God! Aký skvelý tvar! na "Takže najprv moje meno, potom môj e-mail, je to jednoduché." Jednoduchosť je jedným z hlavných pravidiel dizajnu používateľského rozhrania.

Napodiv, ale weboví dizajnéri, ktorí starostlivo vyberajú písma a farby pre formulár pre potenciálnych zákazníkov, z nejakého dôvodu nemyslia na to, aby čo najviac zjednodušili život používateľa, a to aj na úkor krásy používateľského rozhrania.

Tu dobrý príklad známe zariadenie, ktoré vytvára pozitívnu používateľskú skúsenosť s nie príliš skvelým používateľským rozhraním. nečuduj sa, rozprávame sa o ... bankomatoch.

Používateľská interakcia s nimi je mimoriadne jednoduchá a do značnej miery podobné pre akúkoľvek geografickú polohu glóbus: prilepíš banková karta, zadajte svoj PIN, vyberte úlohu (druh cieľa konverzie), povedzme vybrať hotovosť, dokončite úlohu (získajte hotovosť), vyberte kartu a odíďte spokojní: celkovo ste mali pozitívny dojem. Navrhovanie rozhrania a dizajnu bankomatu sa javí ako zvláštna úloha: kto tomu venoval pozornosť? Je funkčný, umožňuje vykonávať požadované interakcie a používatelia sa nestarajú o jeho krásu.

A pokiaľ ide o dizajn používateľského rozhrania ATM, kto mu venoval pozornosť? Je funkčný, umožňuje vykonávať požadované interakcie a používatelia sa nestarajú o jeho krásu.

Teraz urobme veľmi dôležité vyhlásenie:

Webový zdroj s dobrým UX a zlou používateľskou skúsenosťou je z marketingového hľadiska vždy lepší ako digitálny produkt so skvelým používateľským rozhraním, ale „odmeňuje“ používateľa negatívnou používateľskou skúsenosťou.

Pozrime sa na niekoľko príkladov ilustrujúcich skutočnosť, že zlé používateľské rozhranie vedie k pozitívnemu zážitku z interakcie s webovým zdrojom a naopak: luxusný dizajn používateľských rozhraní môže pri vykonávaní konverznej úlohy vyvolať pocit frustrácie.

Na UX záleží: zlé používateľské rozhranie a dobré používateľské rozhranie

Napodiv, niektoré zdroje, ktoré poskytujú cenné informácie o dizajne UX, používateľskom rozhraní, majú takmer najhoršie rozhrania, aké sme kedy videli. Tieto stránky nesledujú aktuálne vývojové trendy a pôsobia dojmom, že sa ich nedotkli všetky najnovšie trendy webdizajnu. Nie sú príjemné pre oči: očividne pevne uviazli v „internetovom stredoveku“.

Môže však návštevník na tejto stránke ľahko nájsť to, čo hľadá? Je navigácia na webovom zdroji zrozumiteľná? Je užitočný ako zdroj hodnotného obsahu?

Odpovedzte na všetky otázky: Áno.

Príklad z mobilný svet je Emotion UI, vzhľad Androidu vyvinutý spoločnosťou Huawei. Je minimalistický a hlavnými princípmi, ktorými sa riadili jeho vývojári, bola plochosť a jednoduchosť.

Ak chce zvedavý amatér (nie marketér, nie dizajnér) na vlastnej koži vidieť, čo je „zlé UI, dobré UX“, tak sa musí pozrieť na web banky. Takmer každá banka. Zdá sa, že weboví programátori a dizajnéri, ktorí tieto webové rozhrania vyvinuli, nevedeli o ich existencii kaskádové tabuľkyštýly (CSS, kaskádové štýly).

Zvážte používateľské rozhranie webovej stránky Bank Of India. Stránky sú nedbalé, tlačidlá sú grafické prvky (čo znamená vyhľadávacie roboty nie sú indexované), všetky sú pošliapané základné princípy typografiu (aj po tom, čo Google dal dizajnérom ich Google Fonts!), obsah nie je vizuálne zarovnaný s „mriežkou“ (je porušený jeden z hlavných prístupov k usporiadaniu moderných vstupných stránok / lokalít), farby sú zvolené zvláštnym spôsobom (myslíme - naozaj zvláštne) atď.

Zoznam chýb, ktorých sa dopustili indickí webdizajnéri, pokračuje ďalej a ďalej, ale prostredníctvom tohto neatraktívneho používateľského rozhrania je pre používateľa celkom jednoduché vykonávať online transakcie a získať tak pozitívnu používateľskú skúsenosť. Webová stránka Bank of India dokonale zapadá do frázy „zlé používateľské rozhranie, dobré používateľské prostredie“.

Glassdoor: dobré používateľské rozhranie a zlé používateľské rozhranie

Existujú webové zdroje, ktoré návštevníkom poskytujú určitú predstavu o tom, čo je na nich zverejnené. digitálny obsah(napr. eKnihy), po ktorej nasleduje žiadosť o registráciu na zobrazenie celého obsahu e-kniha, časopis, články. prečo? Naozaj, po prečítaní 5-6 riadkov z článku je používateľovi jasné, že daný obsah bude mu to užitočné?

Niektoré z týchto vstupných stránok majú skvelé vizuálny dizajn, Ďalšie najnovšie trendy Vývoj používateľského rozhrania. Skúsenosti, ktoré poskytujú používateľovi, však možno nazvať iba negatívnymi, odpudivými a sklamaním.

Povinnosť zaregistrovať sa, aby ste mohli čítať aj bezplatné e-knihy/články, vyzerá ako bezradný nátlak. Podobný prístup, ktorý ignoruje slobodnú vôľu návštevníka, sa praktizuje napríklad na Glassdoor: bez vytvorenia účtu na tomto zdroji nikdy nebudete vedieť, čo je na druhej strane eBooku.

Ďalší skvelý príklad dobrého používateľského rozhrania a zlého používateľského rozhrania: tu je internetový obchod so skvelým rozhraním (samozrejme rovnaké produkty), ale návštevník bude musieť kliknúť na vizuálny blok určitých ponúk, aby prešiel na inú stránku a iba tam našiel z ceny USP, o ktorú majú záujem.

Ak chcete zistiť cenu produktu, ktorý sa vám páči, musíte prejsť na inú stránku

Ďalší výsmech spočíva v tom, že prechod sa vykonáva pomocou tlačidla „Kúpiť teraz“: vyzerá to, akoby sa potenciálnemu kupujúcemu skutočne ponúklo kúpiť „prasa v žite za neznámu cenu“. Prečo neuvediete ceny týchto konkrétnych ponúk na stránke kategórie produktov, ako to robíte u všetkých ostatných?

Používateľské rozhranie a prezentácia informácií: Rýchly sprievodca implementáciou dobrého používateľského rozhrania a používateľského rozhrania

Vaša vstupná stránka bude odlíšiť od konkurencie tým, že bude iná dobré rozhranie a vytváranie pozitívnej používateľskej skúsenosti. Tu je niekoľko tipov na implementáciu týchto dvoch podstatné prvky do informačnej architektúry vášho webového zdroja:

• Poskytnite informácie podľa ich dôležitosti, t. j. obsah umiestnite na vstupnú stránku tak, aby bola hlavná a ďalšie dôležitá informácia vizuálne vyniknúť. Príklad: použite kontextové okná na zobrazenie správy o úspešné ukončenie interaktívna akcia ("Odstránené" alebo "Pridané do koša") v hornej časti hlavného textu.
• Používajte vizuálne príťažlivé grafické prvky. Skúste použiť animovanú grafiku (tento tip, rovnako ako všetky ostatné, je potrebné otestovať). Príklad: Zatraktívnite svoju rozbaľovaciu ponuku na svojej stránke tým, že jej poskytnete efekty vyblednutia/prechodu.
• Znížte počet kliknutí potrebných na splnenie cieľa konverzie na minimum. Príklad: ak predávate riešenie SaaS na zjednodušenie a uľahčenie akejkoľvek marketingovej operácie, napr. mailing list, potom by sa vaša ponuka mala načítať rýchlo a jednoducho: pozitívne asociácie prispievajú k dobrému UX.
• Použite medzery ako prostriedok eliminácie zbytočné informácie. Príklad: vždy umiestnite na stránku iba obsah kritický z hľadiska konverzie (výhody, popis, sociálne referencie atď.). Nepotrebujete na seba nanášať rúška textu, len aby ste ukázali, že poznáte veľa módnych slov a odborných výrazov (hoci, samozrejme, existujú prípady, že iba na dlhej vstupnej stránke podrobné vysvetlenia môžete vyjadriť podstatu ponuky).
• Znížte počet kliknutí potrebných na dokončenie cieľa konverzie na minimum. Príklad: Predávate riešenie SaaS na zjednodušenie a uľahčenie určitého druhu marketingových operácií, ako sú zoznamy adries. Dávalo by zmysel, aby sa vaša ponuka dala stiahnuť rýchlo a jednoducho – pozitívne asociácie prispievajú k dobrému UX.
• Zjednodušte navigáciu v obsahu. Príklad: použite interné odkazy na webovej stránke na zobrazenie ďalších informácií o konkrétnej téme. Optimalizujte informačnú architektúru vášho webového zdroja.
• A vždy si pamätajte na múdre slová nemeckého spisovateľa Thomasa Manna: „Ľudské správanie má zmysel, keď o ňom uvažujete v zmysle cieľov, potrieb a motívov. Táto veta platí aj pre dizajn. Pristupujte k potrebám potenciálnych potenciálnych zákazníkov/zákazníkov z hľadiska technickej realizovateľnosti a nákladovej efektívnosti konštrukčných riešení. Pamätajte: "Dizajn je pre používateľa, nie používateľ je pre dizajn."

Vykonajte testovanie použiteľnosti, sledujte reakcie používateľov na každý prvok informačnej architektúry vášho webového riešenia a implementujte ho iba do finálnej verzie najlepšie riešenia ktoré prispievajú k vytváraniu pozitívneho UX.

Namiesto záveru

Dúfame, že sme odhalili skutočnú povahu takých zložitých konceptov, ako je používateľské rozhranie a používateľská skúsenosť, a prispeli sme k tomu, aby sme odhalili škodlivý mýtus, že „UI = UX“.

Problém, ktorý musia weboví marketéri a dizajnéri riešiť, je optimalizácia UX. Optimalizácia používateľského rozhrania je dôležitá, ale nevedie priamo k vyššej miere konverzie. Konečným cieľom je vytvoriť pozitívnu používateľskú skúsenosť.