12 UX-mustrit, mis tõstsid konversiooni 15–52% (A/B-testide tulemused)

Internet on täis üldist UX-nõu: rohkem tühikut, suuremad nupud, vähem teksti. Aga millised mustrid toovad tegelikult rohkem päringuid, oste või registreerumisi? Accelis oleme läbi viinud kümneid A/B teste eri valdkondades ja näinud, millised muudatused toovad järjekindlalt 15-40% konversioonitõusu.

Selles artiklis keskendume ainult neile mustritele, mille mõju on mõõdetud: räägime, kus need töötavad, kuidas neid rakendada ja milliseid vigu vältida.

Progressiivne avalikustamine keerukates vormides

Pikad vormid tapavad konversiooni, aga info vajadus ei kao kuhugi. Progressiivne avalikustamine tähendab, et ei näita kasutajale kogu raskust korraga, vaid liigud samm-sammult.

Mitme sammuga vormid koos edenemise näitajaga

Kontekstuaalne abi ilma vaadet risustamata

Keeruliste väljade kõrval väikesed abilikoonid või „Miks me seda küsime?“ lingid aitavad:

vähendada ebaselgusest tingitud katkestamisi
kasvatada usaldust (eriti tundlike andmete puhul)

Hea reegel:

lühike selgitus otse vormis (maksimaalselt paar lauset)
detailne info eraldi lehel või modalis, kuhu pääseb vabatahtlikult

Sotsiaalne tõendamine ilma manipulatsioonita

Valelikud „veel 3 toodet laos“ või „256 inimest vaatab seda toodet praegu“ mustrid võivad lühiajaliselt tõsta numbreid, aga kahjustavad brändi usaldusväärsust. Autentne sotsiaalne tõend seevastu aitab otsuseid langetada ilma süümepiinadeta.

Reaalne tegevusvoog, mitte lavastatud numbrid

Juhtumiuuringud seal, kus otsust tehakse

Nutikad vaikeseaded ja soovitused

Iga valik ja otsus lisab kognitiivset koormust. Kui vaikeseaded ja soovitused on mõistlikud, liigub kasutaja kiiremini eesmärgini ilma, et tunneks kontrolli kaotust.

Soovitused, mis arvestavad käitumist, mitte ainult statistikat

E-poes on „koos ostetud toodete“ kastid vanakooliklassika, kuid paremaid tulemusi annab:

sobitada soovitusi nii ajaloolise ostukäitumise kui ka hetkelise sessiooni põhjal
uuendada soovitusi reaalajas, kui kasutaja navigeerib ja filtreerib

See tekitab tunde, et pood „mõistab“, mida inimene otsib, mitte ei näita suvalist populaarset kaupa.

Hea vaikeseade, selge „muuda ise“ võimalus

Jõudlus kui UXi osa

Kasutaja ei hooli, kas optimeerisid bundlit või vähendasid SQL-päringute arvu - teda huvitab, kas rakendus tundub kiire. See teeb jõudlusest väga otsese UX-teema.

Optimistlik UI ja kohene tagasiside

Sihitud laadimisolekud, mitte ümmargused spinnerid

Kokkuvõte

Tahad oma konversiooninumbrid üle vaadata?

Aitame analüüsida sinu olemasolevat funnel’it, kaardistada suurima mõjuga kitsaskohad ja kavandada A/B testid, mis toetuvad andmetele, mitte kõhutundele. Enamik projekte näeb 20-50% paranemist võtmemõõdikutes.

Progressiivne avalikustamine keerukates vormides

Pikad vormid tapavad konversiooni, aga info vajadus ei kao kuhugi. Progressiivne avalikustamine tähendab, et ei näita kasutajale kogu raskust korraga, vaid liigud samm-sammult.

Mitme sammuga vormid koos edenemise näitajaga

Tüüpiline muster:

jaga 20+ välja 3-5 loogiliseks sammuks
kasuta edenemisriba või sammude loendit („1/4“, „2/4“ jne)
salvesta vahepealset seisu

Oluline on mitte ainult visuaalne jagamine, vaid ka tehniline pool:

iga sammu järel valideeri ja salvesta
kui kasutaja katkestab ja tuleb hiljem tagasi, las ta jätkab sealt, kus pooleli jäi

Praktiliselt saab seda teha sessiooni salvestuse ja/või tagapõhjas tehtavate salvestamiskutsete abil.

Kontekstuaalne abi ilma vaadet risustamata

Keeruliste väljade kõrval väikesed abilikoonid või „Miks me seda küsime?“ lingid aitavad:

vähendada ebaselgusest tingitud katkestamisi
kasvatada usaldust (eriti tundlike andmete puhul)

Hea reegel:

lühike selgitus otse vormis (maksimaalselt paar lauset)
detailne info eraldi lehel või modalis, kuhu pääseb vabatahtlikult

Sotsiaalne tõendamine ilma manipulatsioonita

Reaalne tegevusvoog, mitte lavastatud numbrid

Näited:

„Keegi Tallinnast ostis selle toote 5 minutit tagasi“
„Viimase 24h jooksul on seda lehte vaadatud X korda“

Need toimivad ainult siis, kui:

numbrid on õiged
esitus ei sega kasutaja peamist eesmärki (ei hüppa näole iga 10 sekundi tagant)

Tehniliselt saab seda lahendada:

hoides viimase aja ostu- või registreerumisinfo queue’s (nt Redis)
anonüümides isikuandmeid (linna või riigi tasemel, mitte täisnimega)
kuvades seda infot pigem külgribal või vaikse noodina, mitte agressiivse pop-up’ina

Juhtumiuuringud seal, kus otsust tehakse

Eriti B2B-s on oluline „näita mulle, et keegi minu sarnane on seda edukalt kasutanud“. Selle asemel, et visata kasutaja eraldi „case studies“ lehele, töötab paremini:

tuua 1-3 asjakohast näidet otse hinna-, funktsioonide või registreerumislehele
filtreerida või valikuliselt kuvada neid vastavalt külastaja sektorile või ettevõtte suurusele

Tehniline külg:

märgista igale case study’le metaandmed (tööstus, suurus, kasutusjuht)
kasuta külastaja käitumist (milliseid lehti ta vaatab), et pakkuda relevantsed näited

See mudel aitab, ilma et kasutaja peaks ise navigeerima läbi pika nimekirja lugusid.

Nutikad vaikeseaded ja soovitused

Iga valik ja otsus lisab kognitiivset koormust. Kui vaikeseaded ja soovitused on mõistlikud, liigub kasutaja kiiremini eesmärgini ilma, et tunneks kontrolli kaotust.

Soovitused, mis arvestavad käitumist, mitte ainult statistikat

E-poes on „koos ostetud toodete“ kastid vanakooliklassika, kuid paremaid tulemusi annab:

sobitada soovitusi nii ajaloolise ostukäitumise kui ka hetkelise sessiooni põhjal
uuendada soovitusi reaalajas, kui kasutaja navigeerib ja filtreerib

See tekitab tunde, et pood „mõistab“, mida inimene otsib, mitte ei näita suvalist populaarset kaupa.

Hea vaikeseade, selge „muuda ise“ võimalus

Näiteks:

projektitööriist pakub vaikimisi tööstuspõhiseid mallide komplekte
hinnastamine on eelvalitud paketiga, mis sobib enamusele sihtgrupist

Oluline on:

et vaikeseaded oleksid tõesti enamikule kasutajatest mõistlikud
et seadete muutmine oleks silmatorkavalt lubatud, mitte peidetud väikese lingi taha

Nii saab kiire kasutaja klikkida „järgi meie soovitust“ ja detailse vajadusega kasutaja saab ise kõik ümber seadistada.

Jõudlus kui UXi osa

Kasutaja ei hooli, kas optimeerisid bundlit või vähendasid SQL-päringute arvu - teda huvitab, kas rakendus tundub kiire. See teeb jõudlusest väga otsese UX-teema.

Optimistlik UI ja kohene tagasiside

Kui vajutada „Salvesta“, „Lisa korvi“ või „Saada“, ei taha keegi vaadata 800 ms laadimisindikaatorit. Optimistlik UI tähendab:

UI muutub kohe (näiteks kirje tekib nimekirja)
päring serverisse läheb taustal
vea korral rullitakse muudatus viisakalt tagasi ja selgitatakse, mis juhtus

See muster:

vähendab tajutud latentsust
annab usalduse, et rakendus reageerib kohe

Tehniliselt sobib see hästi Reacti state'i ja serveri kõrvalhalduse mustritega (nt startTransition, query-raamatukogud).

Sihitud laadimisolekud, mitte ümmargused spinnerid

Täisekraani spinner on enamasti halvim valik:

kasutaja ei saa aru, kas midagi üldse juhtub
ei ole selge, mis osa lehe sisust on valmis ja mis mitte

Paremini töötavad:

skeletonid, mis järgivad lõplikku layout’i
osaline laadimine - kõige olulisem sisu esimesena, ülejäänu hiljem
võimalus juba mõne osaga interakteeruda, kui muu info alles tuleb

Kokkuvõttes on sama aeg, kuid kogemus tundub „poole kiirem“.

Kokkuvõte

Kõiki neid mustreid ühendab üks asi: neid ei ole valitud maitsetunde, vaid mõõdetud mõju järgi. Sama muster, mis ühes e-poes tõstab konversiooni 30%, võib teises kontekstis anda vaid marginaalse efekti - mistõttu tuleb enne laia kasutuselevõttu teha A/B testid ja vaadata numbreid.

Praktiline samm on panna paika baasmõõdikud (registreerumised, ostud, vormi lõpetamine), rakendada muudatus ühele variandile ja lasta testil joosta seni, kuni tulemus on statistiliselt usaldusväärne. Tavaliselt tähendab see tõsisemate muudatuste puhul 4-8 nädalat. Nii muutub UX mitte „meil tundub, et see on parem“, vaid konkreetset ärilist tulemust toetavaks distsipliiniks.