Tipy na UI UX stratégiu, ktorá prináša konveziu

October 22, 2017

Dnes je dôležité vedieť sa prezentovať v online prostredí. Veľa ľudí má svoj blog, online portfólio, firma v podstate neexistuje pokiaľ nemá web, a polovica nákupov pochádza z e-shopov.

 

Každý web je založený za určitým cieľom, napr. aby sa ľudia prihlásili na odber newslettru, objednali si vzorku produktu alebo spravili nákup.

 

Dobré UI vám pomôže dosiahnuť tieto ciele. Ako na landing page umiestniť všetky informácie, nezmiasť návštevníka, donútiť ho aby vykonal to čo chceme a pri tom všetkom mu ponúknuť ešte aj vizuálny zážitok?

Sú základné pravidlá, ktoré sú rokmi overené a fungujú. Tie opisujem v článku Základy dobrej Landing Page. 

Tento článok je už pre trošku pokročilejšie hlavičky, ktoré si navrhujú web sami. Áno, dá sa to nebojte. 

 

Tipy, ktoré tu píšem sú hlavne zo stránky GoodUI. Určite si tento web pozrite, všetky rady ako na dobrú landing page majú aj názorný obrázok vďaka čomu je supereasy ich pochopiť. 

CTA:

  • Vyskúšajte ukázať call-to-action element viackrát, nie iba raz. Obzvlášť ale pokiaľ máte dlhé stránky, skúste zobraziť CTA na začiatku aj na konci

  • Vyskúšajte používať benefit buttons. Ak napr. promujete appku na ušetrenie financií, skúste namiesto CTA button “prihlásiť sa na odber” použiť button “Ušetrite s nami vaše Peniaze (a prihláste sa na odber)

  • Skúste vyvolať u vašich zákazníkov zvedavosť. Ponúknite im napríklad ukážku z knihy, demo appky alebo časť kontentu po ktorom vyskočí CTA: “aby ste získali viac, spravte XYZ’ 

User Experince:  

  • Rozlišujte medzi štýlom jednotlivých elementov. Napríklad medzi štýlom klikateľných elementov (button, linky) a normálnym textom. Tiež medzi elementami, ktoré máte práve vybrané a tými, ktoré nie (napr. vybraná sekcia v menu by mohla byť podčiarknutá). Používajte  tento štýl konzistentne, naprieč celou stránkou

  • Vyskúšajte čo najviac odlíšiť vaše call-to-action. Pohrajte sa s kontrastom farieb (color wheel), tónom alebo polohou objektov (bližšie – ďalej) 

  • Skúste namiesto drop down menu priamo vypísať možnosti. Pokiaľ ich samozrejme nemáte príliš veľa. (napríklad pri dotazníku) 

  • Ak používate ikony, skúste k nim napísať čo znamenajú. Tým aspoň zbytočne nebudete miasť čitateľa. Čo také x? Znamená to zatvoriť, vymazať? Napíšte jednoducho význam k ikone 

  • Na stránke používajte čo najmenej elementov s okrajom

  • Potvrďte návštevníkom dokončenie ich akcie. Áno, naozaj už sú zapísaný na odber. Áno, naozaj odoslali objednávku a pod.

  • Používajte white space a väčšie medzery. Tak bude váš text čitateľnejší (napr. v tabuľke)

E-Shop:

  • Zákazník je nerozhodný tvor. Takže ak zobrazujete niekoľko ponúk (produktov) naraz, skúste zdôrazniť jednu možnosť nad ostatnými. Uľahčíte tým zákazníkovi život a nedostane sa do "paralýzy"

  • Neponúkajte veľké množstvo produktov s minimálnymi rozdielmi. Čím viac možností, tým je pre zákazníka ťažšie sa rozhodnúť 

  • Skúste najskôr demonštrovať váš produkt a zaujať, až potom navrhnúť zákazníkovi určitú akciu – napríklad sing-up formulár 

  • Dajte zákazníkovi iba obmedzený čas (napr. promo akcie) a počet produktov. Zdôraznite toto obmedzenie. Napr. “Na zapojenie sa do súťaže máte už len 2 dni a sú voľné už len posledné 4 miesta” 

  • Ľudia neradi robia veľké záväzky vo veciach, ktoré nemajú overené. Skúste radšej ponúknuť nižšiu cenu a menšiu viazanosť (radšej 5$ za mesiac ako 70$ za rok)

Buying process:

  • Ak má zákazník vykonať akciu ktorej súčasťou je viac krokov, ukážte zákazníkovi processline (koľko krokov treba ešte vykonať, v ktorom kroku sa práve nachádza). A keďže ľudia majú tendenciu dokončiť proces, ktorý už začali ako ten v ktorom sú na nule, ukážte aj vy ako prvé zákazníkovi už určitý progres v priebehu. ​Napríklad, že pri nakupovaní sú ľudia po vložení veci do košíka už v 30% procesu (nie na nule) 

  • Mierte iba na určitú skupinu(y) ľudí a naprieč celou stránkou nastavte vašu komunikáciu na túto skupinu (tieto skupiny), zdôrazňujte pre koho sú vaše stránky / produkty určené

  • Predávajte benefity namiesto vlastností produktov – ale toto je marketing 101

  • Ľudia radi vyhrávajú a neradi prehrávajú. Aplikujte tuto psychológiu aj pri promo vášho produktu. Zdôraznite napr. že váš produkt ochráni zákazníkovo pohodlie, peniaze atď.

Consumer Psychology:

  • Ľudia najviac vnímajú prvú (číselnú) informáciu ktorú im predložíte a tú potom používajú na tvorenie ďalších úsudkov. Takže najskôr zobrazte veľké číslo (napr. získate 10000MB) a postupne prejdite (normálna cena za 99$)  k najnižšiemu číslu (dnešná cena len 49$). Kognitívnemu skresleniu je ťažko sa ubrániť

  • Ďakujte. Navodí to pocit dialógu a ľudskosti. Zároveň po poďakovaní je skvelý čas na navrhnutie ďalšej akcie (nechajte review)

  • Ľudia milujú zbierať veci. Fyzicky aj online. Skúste ľudí motivovať zbierať kolekcie namiesto individuálnych položiek. Najlepším príkladom sú deti, ktoré zbierajú nálepky do knižky, no každú nálepku je možno získať len za 20Eur nákupu

  • Nechajte ľudí zdieľať – ale v zmysle sociálneho záväzku. Napr. pokiaľ predávate stany vytvorte button ‘Dajte kamošom vedieť že idete stanovať’ + za tým: a nezabudnite si kúpiť náš stan. Ľudí to bude motivovať naozaj dodržať svoj záväzok, ísť stanovať a kúpiť si váš stan

Na záver pripájam infografiku, kde sú zrhnuté niektoré z predošlých tipov na dobré UI. 

 

 

 

Share on Facebook
Share on Twitter
Please reload

Kam ďalej?

Základy webdesignu a.k.a príbeh začínajúcej designerky

AB test: ako zistiť víťaza testu a veľkosť vzorky

1/7
Please reload

Barbora Grmanová design | Slovakia