Myšlienka dizajnu UX je jednoduchá: spokojní a sebavedomí používatelia s väčšou pravdepodobnosťou kupujú od vás. S väčšou pravdepodobnosťou vám budú dôverovať, zaregistrovať sa vo vašich zoznamoch adries alebo stiahnuť aplikáciu.

Dizajn používateľskej skúsenosti (alebo dizajn UX) často považujem skôr za psychológiu než za vývoj.

Dobrý dizajn UX je predovšetkým o tom, ako sa dostať do hlavy svojich návštevníkov.

Očakáva ich každý krok a vytvorí web, ktorý je jednoduchý, intuitívny a príjemný na používanie.

Bohužiaľ, neexistuje dobrá odpoveď alebo strieborná guľka pre dobrý dizajn UX. Je to vyvrcholenie mnohých drobných vylepšení. Každý z nich vylepšuje zážitok z vašich webových stránok.

S ohľadom na to som zaokrúhlil kontrolný zoznam 25 malých (a ľahkých) vylepšení, vďaka ktorým bude váš dizajn UX žiariť.

1. Rýchlosť

Rýchlosť webových stránok je vaša prvá šanca urobiť dobrý dojem. Je to vaša prvá prekážka UX.

Website-Speed

(zdroj obrázka)

Príliš pomalý a vaši návštevníci sú už rozrušení a je menej pravdepodobné, že vám budú dôverovať. Inštinktívne spájame rýchlosť s profesionalitou a väčšina návštevníkov očakáva, že sa váš web načíta do dvoch sekúnd.

Všetko pomalšie a od začiatku je to zlá používateľská skúsenosť.

Uistite sa, že rýchlosť vášho servera je úplne nulová a znížte hmotnosť vášho webu, aby sa rýchlo otvoril.

2. Kto ste a čo robíte?

Vašou ďalšou veľkou výzvou je rýchle informovanie vašich návštevníkov. Kto si? Čo robíš? A akú hodnotu im môžete dať?

Hodnota netflixu prop

Tento postup sa nazýva hodnotový návrh a je veľmi dôležité, aby sme doň napísali celý blogový príspevok. Máte iba pár sekúnd na to, aby ste svojich návštevníkov presvedčili, takže si to zarátajte!

Vyskúšajte to teraz: zosumarizujte celý svoj web do jednej vety a označte, kam majú návštevníci ísť ďalej.

3. Uistite sa, že sa s vami môžu návštevníci skontaktovať

Základnou súčasťou dizajnu UX je odstránenie akýchkoľvek obáv alebo obáv, ktoré môžu mať vaši návštevníci.

Jedným z najväčších starostí nových návštevníkov je to, či by vám mali dôverovať alebo nie – najmä ak ste nový web.

Jedným zo spôsobov, ako odstrániť túto úzkosť, je ukázať im, že za scénami je skutočná osoba. Pridajte firemnú adresu, telefónne číslo a skutočnú e-mailovú adresu. (NIE je to kontaktný formulár – ľudia majú tendenciu ich nedôverovať v porovnaní s priamou e-mailovou adresou).

Ešte lepšie je použitie živého chatovacieho okienka, aby používatelia mohli okamžite klásť otázky.

Chat naživo

Ak sa niečo pokazí, je dobré vedieť, že sa môže ľahko spojiť.

4. Vždy dávajte návštevníkom cestu späť domov

Všetci sme sa predtým na webových stránkach stratili. Sledujete odkazy a skončíte králičou dierou.

Ak k tomu dôjde, vaši návštevníci sú rozrušení a frustrovaní. Okamžite stlačia tlačidlo „X“, aby prehliadač zavreli.

Namiesto toho sa uistite, že existuje jasné a definované tlačidlo „domov“, aby mohli vždy začať znova. Používatelia zvyčajne očakávajú, že vaše logo bude odkazovať aj na domovskú stránku, takže sa uistite, že to tak je.

5. Ešte lepšie nechajte strúhanku, aby vedeli, kde sa nachádza

Okrem rýchleho reštartovania ich pomocou ‘navigačnej cesty vysvetlite, kde sa práve nachádza.

Veľké ukazovatele pokroku sú na to skvelé. Ak je to napríklad počas procesu platby, informujte svojho používateľa presne o tom, kde sa nachádzajú a čo zostáva.

checkout-pokrok bar

(zdroj obrázka)

Toto je opäť jednoduchá psychológia. Napríklad prechádzka je omnoho únavnejšia, keď neviete, kde je koniec. Cítime sa oveľa pohodlnejšie, keď máme mapu. Rovnaký nápad platí aj online.

6. Odstráňte všetky opakujúce sa akcie

Je super frustrujúce zadávať rovnaké údaje dvakrát do formulára (ako je fakturačná adresa a dodacia adresa). Pokúste sa zbaviť akýchkoľvek opakujúcich sa akcií, ktoré spomaľujú proces nákupu.

Sú to veci, ktoré vedú k opusteniu košíka. Vaši návštevníci budú hľadať inde.

Ešte lepšie je vytvoriť systém, ktorý si pamätá preferencie vašich zákazníkov. Prekvapí a poteší ich, keď ich bude znova čakať. Je to jednoduchá vec, ktorá zvyšuje šance zákazníkov na návrat.

7. Pomôžte nováčikom pomocou tipov na nástroje (ale nebráňte expertom!)

Niektorí z vašich návštevníkov budú pravidelní. Vystúpia z vašich registračných hárkov a nákupného procesu. Iní budú úplne nové a mohli by mať niekoľko otázok.

Malé ikony „tipov na náradie“ (často označené otáznikom) pomôžu nováčikom pochopiť, čo musia urobiť. Zároveň sa im však nebránia vaši odborníci.

popisky

(zdroj obrázka)

Môžete dokonca poskytnúť skratky alebo zrýchlené skladby, ktoré pomôžu odborníkom zrýchliť. Napríklad odkazy „preskočiť“ sa často zobrazujú na väčšine webových stránok a vysvetľovačov aplikácií.

8. Vytvorte veľkú, odvážnu výzvu na akciu

Výzva na akciu informuje návštevníka presne o tom, čo máte robiť: napríklad „Zaregistrujte sa“ alebo „Kúp teraz“. Uistite sa, že je veliaci, priamočiary, a vysvetlite význam tohto postupu.

CTA

(zdroj obrázka)

Ešte lepšie je vytvoriť zrozumiteľnú a výraznú farbu (tu pracujú zelené a pomarančové zázraky) a obklopte ho medzerou. To by malo upriamiť pozornosť vašich používateľov priamo na to a dať im jasný náznak, že to je to, čo chcete, aby urobili.

9. Jasne rozlišujte medzi primárnymi a sekundárnymi výzvami na akciu

S množstvom výziev na akciu uvidíte dve možnosti. Napríklad „Odoslať“ a „Zrušiť“. Alebo „stiahnite teraz“ a „bezplatná skúšobná verzia“.

Spotify-CTA

Je zrejmé, ktorú akciu chcete, aby návštevník podnikol, takže sa uistite, že to vie. Pozrite sa na domovskú stránku spoločnosti Spotify. Tlačidlo „choďte za prémiu“ urobili odvážnym a pútavým. Urobili z tlačidla „hrať zadarmo“ na pozadí.

Toto je opäť jednoduchá psychológia. Ľahko informujete svojich používateľov o tom, na koho kliknúť.

10. Použite hierarchiu a ukážte používateľom, kam ďalej

Dúfajme, že by ste mali mať na mysli jasnú „cestu používateľa“. Povedzme, že učíte online kurzy prostredníctvom svojich webových stránok. Jednoduchá cesta používateľa by mohla vyzerať takto:

Prečítajte si najnovší blog > Stiahnite si bezplatnú správu a zaregistrujte sa v zozname adries > zaregistrujte sa do plateného online kurzu.

Ak máte jasnú cestu, môžete vytvoriť vizuálnu hierarchiu, ktorá nasmeruje používateľov tam, kde ich chcete. V takom prípade by ste sa uistili, že váš blog bol prvou vecou, ​​ktorú uvidia. Potom začnete pridávať veľa odkazov na váš zoznam adries.

11. Nehádajte sa s očakávanými prvkami!

Je často ťažké odolať nutkaniu byť kreatívny s rozložením a prvkami. Ide však o to, že všetci vieme, ako má vyzerať internetový obchod. Očakávame, že výrobky budú usporiadané do jednoduchých kategórií. Očakávame popisy výrobkov, recenzie a známy proces nákupu.

Apple pokladňa

Nepokúšajte sa objaviť koleso s týmito kľúčovými aspektmi! Nechaj to jednoduché.

12. Držte sa jednoduchej 3-farebnej palety

Opäť ide o odolať potrebe príliš komplikovať veci. Kombinácia viac ako 3 základných farieb je náročná a často zmiasť vašich používateľov.

paleta

(zdroj obrázka)

Farba je tiež veľmi užitočná pri formovaní používateľských skúseností, pretože je úzko spojená s psychológiou a emóciami. Napríklad s dôverou spájame modrú (existuje dôvod, prečo Facebook používa modrú!)

Zladte svoju farebnú paletu s produktom.

13. Prečo sa zobrazuje chyba? A čo mám robiť teraz?

Niekedy sa niečo pokazí a je nevyhnutných 404 chýb. Môžete to však skutočne zmeniť na pozitívny dojem používateľa.

Presným vysvetlením, prečo sa táto chyba zobrazuje, vytvorte vlastné stránky 404 a 504. Známka bola „veľryba zlyhania“ Twitteru.

Twitter zlyhá veľryba

V prípade neznámych chýb ubezpečte používateľov, že na nich pracujete, a nasmerujte ich späť na svoj web.

Dead-end, ako chybové stránky, sú nebezpečné. Používatelia prirodzene siahajú po kríži. Ubezpečte ich a pošlite ich späť.

14. Dajte používateľom najvyššiu päťku, keď niečo dokončia

Ľudské bytosti sú poháňané zmyslom pre dosiahnutie a dokončenie. Keď dokončia úlohu, oznámte im to a ukážte im, kam ďalej.

Môžete to urobiť po odoslaní svojej e-mailovej adresy, po zakúpení produktu, po pridaní niečoho do košíka alebo jednoducho po dosiahnutí konca blogového príspevku.

Je to jednoduchý, ľahký, pozitívny zážitok. Užívateľom tiež dáva zmysel pre spoluprácu; ako by ste im skutočne pomohli dosiahnuť ich ciele.

15. Držte sa iba dvoch rodín písiem

Súlad a budovanie značky je kľúčom k dobrému používateľskému prostrediu.

Je veľmi mätúce, ak je vaše logo loga Futura, textom vášho tela je Times New Roman, vaša výzva na akciu je Comic Sans a vaše názvy sú Windings …

fonty

Držte sa iba dvoch rodín písiem. Čítanie je ľahšie a vyzerá profesionálnejšie a dôveryhodnejšie.

16. Používajte zreteľné a konzistentné varovné správy

Vaši používatelia niekedy dostanú veci zle. Možno zadali nesprávne heslo a nemohli sa prihlásiť. Možno zabudli na prihlášku uviesť PSČ..

výstrahy

(zdroj obrázka)

V týchto prípadoch budete chcieť jednoduchú, ale zreteľnú chybovú alebo výstražnú správu. Uistite sa, že sa líši farbou a štýlom čohokoľvek iného na vašom webe. To jasne ukazuje, že niečo potrebuje konať.

Mali by ste tiež zabezpečiť konzistentnosť týchto výstražných správ na celom vašom webe. Nepoužívajte inú farbu, štýl alebo umiestnenie, pretože sa stáva mätúcim.

17. TEXT OBMEDZENIA CAPS CAPS

Je to len otravné.

V skutočnosti existujú oveľa dôležitejšie dôvody. V skutočnosti čítame veľké písmená pomalšie ako malé písmená. Takže je oveľa ťažšie skenovať čítanie (to je to, ako obyčajne čítame internet)..

Rezervné čiapky uzamknite, keď skutočne potrebujete urobiť náraz.

18. Zoskupte súvisiace položky

Je to konkrétne pre webové stránky elektronického obchodu, ale funguje to plošne.

Pokúste sa podobné a súvisiace položky uchovávať na rovnakom mieste. Znamená to, že vaši návštevníci a zákazníci dostanú oveľa prispôsobenejšie služby, takmer ako ste predpokladali ich potreby.

zoskupené položky

Môžete to urobiť s fyzickými produktmi, ako je napríklad výber Amazonu typu „viac ako tento“. Podobne môžete robiť aj s blogovými príspevkami a článkami pomocou sekcie súvisiaceho obsahu.

Udržiava návštevníkov pri prehliadaní vašich stránok, znižuje mieru okamžitých odchodov a vytvára osobnejšiu skúsenosť.

19. Udržujte všetko konzistentné

Posledné, čo chcete, je, aby návštevník klikol na odkaz a mal pocit, že prešiel na iný web.

Uistite sa, že váš navigačný panel zostane na rovnakom mieste bez ohľadu na to, kde sa na webe nachádzate. Uistite sa, že vaše logo je vždy viditeľné a paleta farieb zostáva rovnaká.

20. Navrhnite rozloženie na skenovanie očí

Čítame webové stránky, ako keď čítame knihu. Naše oči skočia a hľadajú dôležité informácie.

F-pattern

Typicky čítame webové stránky v tvare F, ale je známe, že aj tučné obrázky a výzvy na akciu sú na prvý pohľad upútané..

21. Budujte dôveru so svedectvami a sociálnymi dôkazmi

Väčšina návštevníkov vášho webu dorazí so stráženou službou. O nové weby sa prirodzene starajú a určite ešte nie sú pripravené na nákup od vás.

Ako som už povedal, kľúčovou súčasťou dizajnu UX je odstránenie týchto prekážok a zvýšenie pohodlia ľudí na vašom webe. Niekoľko dobre umiestnených posudkov a faktoidov spôsobí, že sa ľudia budú cítiť ľahšie. Radi by sme videli, že váš produkt a službu používali iní ľudia (ideálne veľké mená), a preto ich schvaľujú.

22. Dajte používateľom vedieť, s čím môžu hrať!

Webové stránky sa zvyčajne skladajú z dvoch častí: Číslo jedna: obsah – je statický a nemôžeme s ním interagovať. A číslo dva: ovládacie prvky – to sú veci, na ktoré môžeme kliknúť a hrať a interagovať s nimi.

interakcie

Twitter je v tomto skvelý. Jednoduchý čierny text pre obsah. Modrý text označuje, na čo môžete kliknúť a pracovať s ním. Ikony sa pri prechode zobrazujú farbou, aby sa zobrazilo, s čím môžete hrať.

Pozvite ľudí, aby sa hrali na vašom webe!

23. Vytvorte jemnú krivku učenia

Nikto nemá rád uviaznutie na mätúcom a náročnom webe.

Skúste dať svojim návštevníkom rýchlu výhru takmer okamžite. Zjednodušte ich a zjednodušte ich – najmä ak ponúkate zložitú obchodnú ponuku.

24. Nájdite spôsob, ako sa rýchlo vcítiť do kontaktu so svojím návštevníkom

Užívateľské skúsenosti sú predovšetkým o napodobňovaní ľudských vzťahov a nadviazaní spojenia s používateľom. Empatia je jej obrovskou súčasťou – Aké sú ciele a sny vašich návštevníkov? Čo ich zatiaľ brzdilo?

Ihneď im oznámte, že rozumiete ich problému. Môžete to urobiť s obrázkom, ku ktorému sa môžu vzťahovať, alebo s vetou, ktorá zhŕňa ich najväčšie problémy.

Váš návštevník si bude myslieť „tento web ma dostane!“, Čo je skvelý zážitok pre používateľa.

25. Na vytvorenie dialógu použite mikro-interakcie

Pokúste sa poskytnúť spätnú väzbu používateľovi v každej malej časti cesty. Vytvorí skutočnú komunikáciu a vzťah, na ktorý používatelia reagujú.

Môžete to urobiť pomocou kópie, napríklad „Dobrá práca!“ „Mysleli sme si, že by sa vám toto mohlo páčiť“, „chceli by ste hovoriť s odborníkom?“

ukazateľ postupu

Alebo malú grafiku a vizuály, napríklad palec hore, smajlík alebo tikajúce hodiny na načítacej stránke.

Kombinujte tieto malé vylepšenia a vytvoríte dojem používateľa, ktorý buduje dôveru, spája sa s cieľovým publikom a zanecháva im pocit šťastia a pocitu úspechu..

Používate niektorý z týchto trikov dizajnu UX? Rád by som počul o všetkom, na čo som zabudol! Dajte mi vedieť v sekcii komentárov.

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me