Kompletní kontrolní seznam 25 triků UX

Myšlenka, která stojí za designem UX, je jednoduchá: spokojení a sebevědomí uživatelé s větší pravděpodobností nakupují od vás. Pravděpodobně vám důvěřují, zaregistrují se ve vašich seznamech e-mailů nebo si stáhnou vaši aplikaci.


Často považuji design uživatelských zkušeností (nebo UX design) spíše za psychologii než za vývoj.

Dobrý design UX je především o tom, jak se dostat do hlavy vašich návštěvníků.

Předvídá každý jejich pohyb a vytváří web, který je jednoduchý, intuitivní a příjemný na používání.

Bohužel neexistuje dobrá odpověď ani stříbrná střela pro dobrý design UX. Je to vyvrcholení mnoha drobných vylepšení. Každý z nich vylepšuje zážitek na vašem webu.

S ohledem na to jsem zaokrouhlil kontrolní seznam 25 malých (a snadných) vylepšení, díky kterým bude váš design UX lesknout.

1. Rychlost

Rychlost webových stránek je vaše první šance udělat dobrý dojem. Je to vaše první překážka UX.

Rychlost webových stránek

(zdroj obrázku)

Příliš pomalý a vaši návštěvníci jsou již rozrušeni a je méně pravděpodobné, že vám důvěřují. Instinktivně spojujeme rychlost s profesionalitou a většina návštěvníků očekává, že se váš web načte do dvou sekund.

Cokoli pomalejší a od začátku je to špatná uživatelská zkušenost.

Ujistěte se, že rychlost vašeho serveru je zcela nulová, a ztenčte váhu vašeho webu, aby se rychle otevřel.

2. Kdo jste a co děláte?

Vaše další velká výzva je rychle informovat vaše návštěvníky. Kdo jsi? Co děláš? A jakou hodnotu jim můžete dát?

Hodnota Netflix prop

Tomu se říká návrh na hodnotu a je tak důležité, abychom do něj napsali celý blogový příspěvek. Máte jen několik sekund na to, abyste své návštěvníky přesvědčili, takže si to počítejte!

Vyzkoušejte to nyní: shrňte celý svůj web do jedné věty a rozcestník, kam chcete, aby návštěvníci šli dál.

3. Zajistěte, aby se návštěvníci mohli s vámi spojit

Klíčovou součástí designu UX je eliminace obav a obav, které by vaši návštěvníci mohli mít.

Jedním z největších starostí nových návštěvníků je to, zda by vám měli věřit nebo ne – zejména pokud jste nový web.

Jedním ze způsobů, jak tuto úzkost odstranit, je ukázat jim, že za scénami je skutečný člověk. Přidejte firemní adresu, telefonní číslo a skutečnou e-mailovou adresu. (NENÍ kontaktní formulář – lidé mají tendenci je nedůvěřovat ve srovnání s přímou e-mailovou adresou).

Ještě lepší je použít živou chatovací schránku, aby uživatelé mohli okamžitě klást otázky.

Tagový živý chat

Pokud se něco pokazí, je dobré vědět, že se mohou snadno dostat do kontaktu.

4. Vždy dejte návštěvníkům cestu zpět domů

Všichni jsme se na webových stránkách ztratili již dříve. Sledujete odkazy a skončí králičím otvorem.

Pokud k tomu dojde, vaši návštěvníci jsou rozrušeni a frustrovaní. Instinktivně stisknou tlačítko „X“, aby prohlížeč zavřeli.

Místo toho se ujistěte, že je k dispozici jasné a definované tlačítko „home“, aby mohli vždy začít znovu. Uživatelé obvykle očekávají, že vaše logo bude také odkazovat zpět na domovskou stránku, takže se ujistěte, že ano.

5. Ještě lépe nechte strouhanku, aby věděli, kde jsou

K rychlému restartu je také použijte cr strouhanku, abyste vysvětlili, kde se právě nacházejí.

Velké ukazatele pokroku jsou skvělé. Pokud je to například během procesu platby, informujte uživatele přesně o tom, kde jsou a co zbývá.

panel pro vyúčtování

(zdroj obrázku)

To je opět jednoduchá psychologie. Například jít na procházku je mnohem únavnější, když nevíte, kde je konec. Cítíme se mnohem pohodlněji, když máme mapu. Stejný nápad platí i online.

6. Odstraňte všechny opakující se akce

Je super frustrující vkládat stejná data dvakrát do formuláře (jako je fakturační adresa a dodací adresa). Pokuste se zbavit jakýchkoli opakujících se akcí, které zpomalují proces nákupu.

Jsou to věci, které vedou k opuštění vozíku. Vaši návštěvníci budou hledat jinde.

Ještě lépe vytvořte systém, který si pamatuje preference vašich zákazníků. Překvapí a potěší je, až na ně znovu čeká. Je to jednoduchá věc, která zvyšuje šance na návrat zákazníků.

7. Používejte tipy na pomoc nováčkům (ale nebraňte odborníkům!)

Někteří z vašich návštěvníků budou pravidelní. Proletí vaše registrační listy a proces nákupu. Ostatní budou zbrusu nové a mohou mít po cestě několik otázek.

Malé ikony „tipů na nástroje“ (často označené otazníkem) pomohou nováčkům pochopit, co musí udělat. Ale zároveň se jim nedostanou do cesty vašim odborníkům.

popisky

(zdroj obrázku)

Můžete dokonce poskytnout zkratky nebo rychlé skladby, které pomohou odborníkům zrychlit. Například odkazy „přeskočit“ často uvidíte na většině webových stránek a vysvětlovačů aplikací.

8. Vytvořte velkou a odvážnou výzvu k akci

Výzva k akci říká vašemu návštěvníkovi přesně, co má dělat: například „Zaregistrujte se“ nebo „Koupit hned“. Ujistěte se, že je velící, přímočará, a vysvětlete hodnotu takového postupu.

CTA

(zdroj obrázku)

Ještě lepší je, aby byla jasná, výrazná barva (zde jsou zelené a pomerančové zázraky) a obklopte ji mezerou. To by mělo upoutat pozornost uživatelů přímo na to a dát jim jasný náznak, že to je to, co od nich chcete udělat.

9. Jasně rozlište mezi primární a sekundární výzvou k akci

Se spoustou výzev k akci uvidíte dvě možnosti. Například „Odeslat“ a „Zrušit“. Nebo „stáhnout nyní“ a „bezplatná zkušební verze“.

spotify-cta

Je zřejmé, jakou akci chcete, aby návštěvník provedl, takže se o tom musíte dozvědět. Podívejte se na domovskou stránku Spotify. Tlačítko „go premium“ udělali odvážným a poutavým. Přinutili tlačítko „hrát zdarma“ do pozadí.

To je opět jednoduchá psychologie. Jemně dáte svým uživatelům vědět, na koho kliknout.

10. Použijte hierarchii, abyste uživatelům ukázali, kam mají jít dál

Doufejme, že byste měli mít na mysli jasnou „cestu uživatele“. Řekněme, že učíte online kurzy prostřednictvím svého webu. Jednoduchá cesta uživatele by mohla vypadat takto:

Přečtěte si nejnovější blog > Stáhněte si bezplatnou zprávu a zaregistrujte se do seznamu adres > zapište se do placeného online kurzu.

Pokud máte jasnou cestu, můžete vytvořit vizuální hierarchii, která uživatele nasměruje tam, kam je chcete. V takovém případě byste se ujistili, že váš blog byl první věcí, kterou vidí. Poté začnete do svého seznamu adresátů zahrnout spoustu odkazů.

11. Nehádejte se s očekávanými prvky!

Často je těžké odolat touze být kreativní s rozvržením a prvky. Jde ale o to, že všichni víme, jak má internetový obchod vypadat. Očekáváme, že výrobky budou rozloženy do jednoduchých kategorií. Očekáváme popisy produktů, recenze a známý proces nákupu.

jablko pokladna

Nezkoušejte znovu objevovat kolo s těmito zásadními aspekty! Nech to být jednoduché.

12. Držte se jednoduché 3barevné palety

Opět jde o odolávání touhy komplikovat věci. Kombinace více než 3 základních barev je obtížná a často to uživatele mýlí.

paleta

(zdroj obrázku)

Barva je také velmi užitečná při utváření uživatelských zkušeností, protože je úzce spjata s psychologií a emocemi. Například s důvěrou spojujeme modrou (existuje důvod, proč Facebook používá modrou!)

Slaďte svoji barevnou paletu s vaším produktem.

13. Proč se zobrazuje chyba? A co mám dělat teď?

Někdy se věci pokazí a 404 chyb je nevyhnutelných. Můžete to však skutečně proměnit v pozitivní uživatelský dojem.

Přesně vysvětlete, proč tuto chybu dostávají vytvořením vlastních stránek 404 a 504. Twitter je ‘selhání velryba’ byl slavný za to.

twitter selže velryba

U neznámých chyb ujistěte se, že na nich uživatelé pracují, a nasměrujte je zpět na svůj web.

Dead-end, jako chybové stránky, jsou nebezpečné. Uživatelé přirozeně sáhnou po kříži. Uklidněte je a pošlete je zpět.

14. Po dokončení něčeho dejte uživatelům nejvyšší pětku

Lidské bytosti jsou poháněny pocitem úspěchu a dokončení. Když splní úkol, dejte jim vědět a ukažte jim, kam mají jít dál.

Můžete to udělat poté, co odešlou svou e-mailovou adresu, poté, co si zakoupí produkt, poté, co něco přidají do košíku, nebo jednoduše, když dosáhnou konce blogového příspěvku.

Je to jednoduchý, snadný a pozitivní zážitek. To také dává uživatelům pocit spolupráce; jako byste jim vlastně pomáhali dosáhnout jejich cílů.

15. Držte se pouze dvou rodin písem

Soulad a budování značky je klíčem k dobrému uživatelskému prostředí.

Je velmi matoucí, pokud je vaše logo loga Futura, textem vašeho těla je Times New Roman, výzvou k akci je Comic Sans a vaše záhlaví jsou Vinutí …

fonty

Držte se pouze dvou rodin písem. Je snazší číst a vypadá profesionálně a důvěryhodně.

16. Používejte odlišné a konzistentní varovné zprávy

Někdy se vaši uživatelé dostanou špatně. Možná zadali své heslo nesprávně a nemohli se přihlásit. Možná zapomněli na přihlašovací list uvést PSČ.

upozornění

(zdroj obrázku)

V těchto případech budete chtít jednoduchou, ale zřetelnou chybovou nebo varovnou zprávu. Ujistěte se, že se liší barvou a stylem všeho ostatního na vašem webu. To jasně ukazuje, že něco potřebuje akci.

Měli byste také zajistit, aby tyto výstražné zprávy byly konzistentní na celém vašem webu. Nepoužívejte jinou barvu, styl nebo umístění, protože se to stává matoucí.

17. ZÁMEK TITULŮ LIMIT CAPS LOCK

Je to jen otravné.

Ve skutečnosti existují mnohem důležitější důvody. Ve skutečnosti čteme velká písmena pomaleji než malá písmena. Je tedy mnohem obtížnější skenovat čtení (což je způsob, jakým obecně čteme internet).

Rezervní čepice se uzamknou, když opravdu potřebujete udělat náraz.

18. Seskupte související položky

To je konkrétně pro webové stránky elektronického obchodu, ale funguje to plošně.

Zkuste podobné a související položky uchovávat na stejném místě. Znamená to, že vaši návštěvníci a zákazníci získají mnohem více přizpůsobené služby, téměř jako jste očekávali jejich potřeby.

seskupené položky

Můžete tak učinit s fyzickými produkty, jako je výběr Amazonu „více podobný tomuto“. Podobnou věc můžete také dělat s příspěvky a články v blogu pomocí související sekce obsahu.

Udržuje návštěvníky při procházení vašich stránek, snižuje míru okamžitého opuštění a vytváří osobní zážitek.

19. Udržujte vše konzistentní

Poslední věc, kterou chcete, je, aby návštěvník klikl na odkaz a měl pocit, že přešel na jiný web.

Ujistěte se, že váš navigační panel zůstane na stejném místě, bez ohledu na to, kde se nacházíte. Ujistěte se, že je vaše logo vždy viditelné a paleta barev zůstává stejná.

20. Navrhněte rozvržení pro skenování očí

Nečteme weby, jako bychom četli knihu. Naše oči skákají a hledají důležité informace.

F-vzor

Typicky čteme webové stránky v F-vzoru, ale tučným obrázkům a výzvám k akci je také známo, že nejprve upoutají pozornost.

21. Budujte důvěru s posudky a sociálními důkazy

Většina návštěvníků vašeho webu dorazí se strážným. O nové weby se přirozeně starají a určitě ještě nejsou od vás připraveni.

Jak jsem řekl, klíčovou součástí designu UX je odstranění těchto překážek a to, aby se lidé cítili na vašem webu pohodlně. Několik dobře umístěných posudků a faktoidů způsobí, že se lidé budou cítit lépe. Rádi bychom viděli, že ostatní lidé (ideálně velká jména) použili váš produkt a službu a schválili to.

22. Dejte uživatelům vědět, s čím mohou hrát!

Webové stránky se obvykle skládají ze dvou částí: Číslo jedna: obsah – je statický a nemůžeme s ním interagovat. A číslo dvě: ovládací prvky – to jsou věci, na které můžeme kliknout a hrát a komunikovat s nimi.

interakce

Twitter jsou v tomto skvělé. Jednoduchý černý text pro obsah. Modrý text označuje, na co můžete kliknout a pracovat s ním. Ikony se při převrácení vyplní barvou, aby se zobrazilo, s čím můžete hrát.

Pozvěte lidi, aby si zahráli s vaším webem!

23. Vytvořte jemnou křivku učení

Nikdo nemá rád uvíznout na matoucí a obtížné webové stránce.

Pokuste se dát svým návštěvníkům rychlou výhru téměř okamžitě. Usnadněte si je a zjednodušte si to – zejména pokud nabízíte složitou obchodní nabídku.

24. Najděte způsob, jak se vcítit do svého návštěvníka rychle

Uživatelská zkušenost se týká napodobování lidského vztahu a navazování spojení s vaším uživatelem. Empatie je obrovskou součástí – Jaké jsou cíle a sny vašich návštěvníků? Co je zatím drží zpátky?

Okamžitě jim dejte vědět, že rozumíte jejich problému. Můžete to udělat s obrázkem, ke kterému se mohou vztahovat, nebo s větou, která shrnuje jejich největší problémy.

Váš návštěvník si bude myslet, že „tento web mě dostane!“, Což je skvělá zkušenost pro uživatele.

25. K vytvoření dialogu použijte mikro-interakce

Pokuste se poskytnout zpětnou vazbu uživateli v každé malé části cesty. Vytvoří skutečnou komunikaci a vztahy, na které uživatelé reagují.

Můžete to udělat s kopií, například „Dobrá práce!“ “Mysleli jsme, že se vám to bude líbit”, “chtěli byste mluvit s odborníkem?”

ukazatel průběhu

Nebo malá grafika a vizuální prvky, jako palec nahoru, smajlík nebo tikající hodiny na stránce načítání.

———

Kombinujte tyto malé vylepšení a vytvoříte uživatelský dojem, který buduje důvěru, spojuje se s cílovým publikem a zanechává jim pocit spokojenosti a pocit úspěchu.

Používáte některý z těchto designových triků UX? Rád bych slyšel o všem, na co mi chybí! Dejte mi vědět v sekci komentářů.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map