Kako povečati pretvorbo? - Dobiček Hunter

V tem videu Andy Edmonds (sodelavec Stomperneta) govori o kako oblikovanje spletnega mesta vpliva na pretvorbo . Ta lekcija ne vsebuje nobenih mega-odkritij, temveč je pregled razvoja dogodkov, zbranih v večletnem poslovnem obdobju.

Po drugi strani pa te "uničene resnice" omogočajo, da Andy Jenkins sam zasluži do nekaj milijonov dolarjev letno iz ene spletne trgovine, zato poslušajte nasvet teh fantov o - kakšen je zaslužek na internetu, ki ga poznajo iz prve roke 🙂

Velikost videoposnetka je približno 130 MB, zato bo trajalo veliko časa za nalaganje.

Videoposnetek »Kako dvojno konverzijo spletnega mesta«

Zanima vas veste, kako se obiskovalec obnaša, ko pridete do vašega spletnega mesta? Prepričan sem, da da. Ker tudi če ne boste prišli do prvega mesta v izdajanju Google, boste še vedno lahko povečali svoj dobiček, če boste izvedeli, kako iz obstoječega prometa iztisniti največ.

Preden začnete preučevati gradivo, odprite stran z videom (tudi če imate klic) in pod oknom za video (zdaj desno od njega), poiščite povezavo

Kako povečati pretvorbo? - Dobiček Hunter

in pojdite na to. StomperScrutinizer je orodje, ki posnema človeško oko. Z njim lahko ugotovite, kaj obiskovalec vidi in ne vidi na vašem spletnem mestu. Bom vam povedal več o prenosu in namestitvi StomperScrutinizer na koncu objave.

Bistvo problema

Nepravilna lokacija elementov spletnega mesta lahko stane velik del dobička. Tukaj je nekaj primerov:

Kako povečati pretvorbo? - Dobiček Hunter

Zdi se, da je meni podoben meniju. Vendar pa lahko ta meni zmanjša dobiček lastnika mesta za kar 25%. Pojdi naprej.

Kako povečati pretvorbo? - Dobiček Hunter

Barvita slika, pojasnjevalno besedilo, razpoložljivost cene in opis izdelka. Zdi se, da bi lahko bilo kaj narobe? Vendar pa ta postavitev zmanjšuje število ljudi, ki so pripravljeni dati blago v košarico na istih 25%.

Kako povečati pretvorbo? - Dobiček Hunter

Ta stran je kot nalašč za nekatere ključne fraze. Poleg tega je vsebina v celoti skladna s tem, kar obiskovalci iščejo na tej strani. Zaradi pisave in lokacije informacijskih blokov pa lastnik vira izgubi do 14% kupcev.

Razlogi za to »nenavadno« obnašanje obiskovalcev

Poglej posnetek zaslona.

Kako povečati pretvorbo? - Dobiček Hunter

Vidiš modro piko in sled za njo? Andy in podjetje uporabljata to orodje, ki združuje programsko opremo, strojno opremo in infrardečo kamero, vsakič, ko potrebujejo prilagoditev zasnove spletne strani.

1> Naše oči se gibljejo neenakomerno, pogled se naključno premika iz ene točke v drugo, drži se določenega razpona v eni ali več troc, če pazljivo preberete besedilo ali celoten zaslon, ko nimate ničesar delati po straneh.

Vse, kar Andy Edmonds pove v tem videu, temelji na znanstvenih podatkih, ki vam bodo pomagali razumeti, zakaj se odzovemo. na oblikovanje spletnega mesta na način in ne drugače, in zakaj nas nekatera spletna mesta potiskajo na dejanja, medtem ko nas drugi želijo hitro zapreti stran.

Dve vrsti pogleda

V središču našega očesa je tako imenovani centralna jama . Ona je odgovorna za dojemanje barve in podrobnosti . V prazgodovini je sposobnost usmerjanja vida pomagala osebi pri iskanju sadja, jagodičja in drugih živil.

Ostanek mrežnice je odgovoren za periferni (ali lateralni) vid. Odziva se na gibanje in kontrast . Takšna vizija je jamskemu človeku omogočila, da je pravočasno opazil pristop plenilca.

Obe vrsti vida sta med seboj povezani. Medtem ko se osrednja fosa osredotoča na en del slike, periferno videnje išče kontrastne elemente, ki jih oko lahko dojame, in takoj ko jih najde, se oko premakne k tem elementom. Kot dokaz Andy Jenkins Fotografiral je Angelino Jolie in pokazal, kako se njegove oči premikajo po zaslonu, ker ni poskušal zadržati oči na obrazu igralke, ga je periferna vizija privabila k drugim »elementom podobe« in sčasoma dobila svojo pot.

Seveda ne vidimo z našimi očmi, ampak z možgani, ki razlaga vse signale, ki so mu bili poslani, in jih nato postavi v splošno sliko. Vendar pa je zelo pomembno, da vidimo. In uspeh vašega internetnega poslovanja je odvisen od tega .

Torej beseda vzame Andyja Edmondsa , po izobrazbi - kognitivni psiholog, po poklicih - specialist za uporabnost in konverzijo.

Naše oči lahko naredijo do 50 gibov na sekundo. Tudi ko se osredotočimo na posamezne podrobnosti, naše oči ne mirujejo. Premikanje oči se lahko razdeli na . Najpomembnejše pa omogočajo izločanje glavnih elementov strani, manjše pa poudarjajo spremljajoče podrobnosti. Najpomembnejša stvar je, da ko se naše oči premikajo, ostajamo slepi .

Iz tečaja biologije v šoli se morate zavedati, da je očesna mreža sestavljena iz stožcev in palic . Graf prikazuje, kaj in kako dobro vidimo na monitorju.

Kako povečati pretvorbo? - Dobiček Hunter

Ker je osrednja fosa očesa odgovorna za zaznavanje barve in podrobnosti, bo zaznavanje območja in njegovih posameznih delov odvisno od tega, ali lahko obiskovalčevo pozornost pritegne s svojo ponudbo in ali lahko da se ta predlog prilagodi tistim 2-3 stopinjam, kjer je pogled čim bolj osredotočen.

Kako povečati pretvorbo? - Dobiček Hunter

Če pogledate zaslon na razdalji pol metra, bo slika na zaslonu sprejela 20 stopinj vašega vidnega polja. To pomeni, da boste videli (podrobno in barvno) le 1/10 zaslona. Če sedite bližje monitorju, potem še manj.

Debriefing

Prvi primer je stran s spletne strani Andyja Jenkinsa.

Prvotno se je predpostavljalo, da bo risba pritegnila pozornost obiskovalca in bi jo lahko po ogledu dodal v košarico. Predpostavka je razumna, vendar ... Po Andyju in podjetju, ki sta sledila vedenju povprečnega obiskovalca na strani, se je izkazalo, da ta postavitev strani povzroči 25% izgubo dobička.

In vse zato, ker se tukaj ne upošteva trenutek. Vsak kupec, preden pošlje blago v košarico, pogleda ceno . Tukaj je tisto, kar vidi (StomperScrutinizer se uporablja za določanje omejitev fokusa):

Kako povečati pretvorbo? - Dobiček Hunter

Da, gumb "Dodaj v košarico" je zelo blizu.

Andy stane, da da gumb pod tem blokom na vseh straneh mesta

Kako povečati pretvorbo? - Dobiček Hunter

in število dodatkov v košarico se poveča za 25%.

Za pravilno postavitev elementov na stran morate razumeti cilj obiskovalca - ugotoviti ceno izdelka - in ne pozabiti na svoj cilj - prodati izdelek. Dinin njih, pretvorba mesta bo zagotovo povečala.

Poleg tega boste povečali prodajo, shranite obiskovalca iz nepotrebnih dejanj in če obiskovalec ugotovi, da je vaše spletno mesto priročno in preprosto,

Pomen vrstic in praznih vrstic

Poglejte graf distribucije obiskovalcev glede na položaj strani v prvih desetih Googlovih vprašanjih:

Kako povečati pretvorbo? - Dobiček Hunter

Upoštevajte 10. mesto. Zadnja stran na seznamu prejme skoraj toliko prometa kot peti. Zanimivo, kajne?
Vendar je to vedenje predvidljivo. Vpletena sta dva dejavnika: Najprej je berljiv zadnji element v seznamu - sledi mu prazna vrstica:

Kako povečati pretvorbo? - Dobiček Hunter

Drugič, obiskovalec se sooča z izbiro: pojdite na naslednjo stran, ki ne bo vedel, koliko naj se naloži, ki jih bo še vedno treba pomikati in na katerem bodo neznana mesta, ali ostati na tej strani in poskusiti zadnjo možnost. In tu trivialna lenoba dela - v večini primerov uporabnik izbere drugo možnost.

Za navadnega uporabnika ima preprostost večji pomen kot celo kakovost . Oseba vedno izbere najboljše od razpoložljivih možnosti, čeprav ta možnost pomeni banalno preprostost, ne pa objektivno kakovost.

In ko obiskovalec pride na vašo spletno stran, najprej opozori na preprostost spletne strani: predlogo, navigacijo, lokacijo delov, pisave in barvno shemo. Za vse to potrebuje uporabnik 1-2 sekunde . Če se mu spletišče zdi preveč zapleteno, bo brez obotavljanja zaprl stran in odprl drugo spletno stran.

Enostavne rešitve

Prva stvar, ki jo morate storiti, je razdeliti navigacijski stolpec v bloke. (Primer vzet iz dejanskega mesta Andyja Jenkinsa).

Kako povečati pretvorbo? - Dobiček Hunter

V stolpcu na desni so postavke razdeljene v bloke, ki se zaznavajo veliko lažje kot mešanica predmetov in kategorij, kot v meniju na desni. In oči se manj utrudijo.

Zaradi te inovacije se je število napak na lokaciji zmanjšalo za 25%, dobiček pa se je povečal za 10%. Za to obstajata dva razloga:

  1. Enostavna uporaba. Vsak obiskovalec zavestno ali nezavedno primerja vašo spletno stran z drugimi spletnimi stranmi. V svoji oceni je kategoričen. V njegovih očeh je vaše spletišče dobro ali slabo; bodisi preprosta bodisi kompleksna; koristen ali neuporaben. In če je vaš vir dober in preprost, bodo ljudje cenili in se spominjali.
  2. Enostavno iskanje. Meni je razdeljen na bloke. Vsak blok ima sidrno glavo, za katero se oko pritrjuje.

Tukaj je primer tega, kar meni ne bi smelo biti (mimogrede, to je tudi spletna stran Andyja Jenkinsa - to je bilo v preteklosti):

>

Namesto, da bi se držali nečesa, pogled obiskovalca teče skozi stran iz enega stolpca menija v drugega, nato do slike izdelka, nato nazaj v meni in spet okoli kroga.

Meni in struktura strani

Poenostavite strukturo spletnega mesta kot celote in še posebej menija.Razdelite mesto na majhne bloke . Na vrhu vsakega bloka, postavite element, ki bo pritegnil pozornost, ali je to ime bloka v stolpcu menija ali slika izdelka v telesu strani.

Nasvet: Ko delite meni na bloke, omejite število elementov v vsakem bloku na 7 (+/- 2) za naslov.

Seveda tisti, ki niste lastnik spletne trgovine, verjetno ne bodo mogli uporabiti zgornjih informacij o meniju in njegovih skritih možnostih.

Toda tudi če imate preprosto informacijsko spletno mesto ali spletni dnevnik in promovirate svoj izdelek ali affiliate izdelek prek njega, lahko povečate tudi stopnjo konverzije tako, da pravilno postavite informacijske bloke na stran.

Na primer, Andy je vzel več postavitev in primerjal njihovo uporabnost. Tukaj je prvi:

Kako povečati pretvorbo? - Dobiček Hunter

Običajna postavitev, 4 optimizirane informacijske bloke, naslov, besedilo, povezava ... Vendar je to ena od najslabših postavitev, ki jih lahko uvesti. Andy je naredil majhen test. Obiskovalci strani so morali odgovoriti na nekaj vprašanj. Za vsako od vprašanj je bilo predstavljenih 4 možnih odgovorov, kot je prikazano na zgornji sliki. Obiskovalci so morali dolgo časa iskati pravi odgovor, ker je bila postavitev neprimerna. Iz istega razloga so se pogosto zmotili. V mnogih primerih so se naključno pokedali.

Rezultat testa: odgovori so bili netočni in test je trajal dolgo časa. Skladno s tem je bilo razmerje med obiskovalci testa precej negativno in pozitivno.

Kako povečati pretvorbo? - Dobiček Hunter

Tukaj je primer dobre postavitve:

Kako povečati pretvorbo? - Dobiček Hunter

Obiskovalec preučuje naslove v nekaj sekundah, nato pa hitro prebere besedilo pod naslovom in da odgovor. Zaradi te spremembe postavitve se je odstotek pravilnih odgovorov povečal. Poleg tega se je čas za iskanje pravega odgovora zmanjšal za 15%. Zdi se, da je 15% nesmisel, vendar obiskovalec čuti razliko.

5200 slikovnih pik = 1 milja

Naše oči se utrudijo. To je dejstvo. Za oči je pretok več kot 5200 slikovnih pik enakovreden 1 milji za noge. Zato smo veseli, da si lahko ogledamo pravilno strukturirane menijske stolpce in majhne informacijske bloke. Tako hitro najdemo informacije in naše oči so manj utrujene. Zdaj primerjajte razdaljo, ki jo "oči" pokrivajo v dobrih in slabih postavitvah:

Kako povečati pretvorbo? - Dobiček Hunter

Osnovna načela za ustvarjanje priročne in privlačne postavitve so opisali Andy Edmonds z kratico CRAP (če ne veste kako besedo, poglejte v slovar 🙂.) Zdaj, po vrsti:

Kontrast

Zamik na koncu vsakega bloka, poudarjanje naslova in naslova v barvi, drugačna velikost pisave.

Ponavljanje

Kako povečati pretvorbo? - Dobiček Hunter

Vsi bloki so enaki znotraj ene strani in na drugih straneh. Predvidljivost postavitve omogoča še lažjo uporabo

Poravnava

Kako povečati pretvorbo? - Dobiček Hunter

Ne samo, da poenotite informacijske bloke, temveč jih tudi pravilno uredite na strani. 11> Bližina

Kako povečati pretvorbo? - Dobiček Hunter

Ne daleč in ni blizu. Elementi blokov morajo biti razporejeni tako, da je prehod iz enega bloka v drugega (ali znotraj bloka) čim hitrejši. 1> Kot primer dobre postavitve Andy navaja spletno stran Tapestry Standard.

Zahvaljujoč uporabi StomperScrutinizer in ustreznih sprememb na spletnem mestu, je Andy uspel povečati stopnjo konverzije spletnega mesta na 3%.

Pojdite skozi program na spletnem mestu in poglejte, kako je vse pametno opravljeno (ali si oglejte video). Tukaj je nekaj posnetkov zaslona:

Kako povečati pretvorbo? - Dobiček Hunter

"Brezplačna dostava" je označena z barvo.

Kako povečati pretvorbo? - Dobiček Hunter

Kategorija kontrastnega menija in kontrastno obrobje.

Kako povečati pretvorbo? - Dobiček Hunter

Kontrastna povezava.

Oseba deluje kot vizualno sidro za obiskovalca, poleg obraza pa je opis prednosti za obiskovalce: Denar nazaj , spletni klepet in pomoč notranjega oblikovalca.

Malo o gumbih

Kako povečati pretvorbo? - Dobiček Hunter

To je standardna stran za naročanje. v večini primerov je ta gumb vreden dni (ne pozabite na gumba »Nadaljuj« in »Nadaljuj«) - tudi zadnji sta zadnji.)

Upoštevajte tudi mesto gumba »Vrni se v trgovino«. Stojalo je drugo desno - neposredno pred gumbom "Checkout". Tu deluje načelo bližine.

Zoom

Naše oči imajo še eno lastnost: lahko tekoče berejo besedilo, ne posvečajo pozornosti podrobnostim in obratno, poglej na podrobnosti v tistih besedah, ki pritegnejo njihovo pozornost, zato moraš bralcu zagotoviti sidra (kontrastne elemente), za katere lahko njegov pogled ujame.

Tukaj je kratek seznam takšnih sidrov:

  • kontrastnih elementov,
  • pisav,
  • obrazov,
  • povezav,
  • prazne vrstice (zamiki);
  • slike;
  • fotografije;
  • video ali animacija.

Seveda bi moralo biti vse zmerno.

Povzetek

  1. Milesconds imajo vrednost . Obiskovalec mora sprejemati odločitve čim prej. Ne moti ga.
  2. Prazne vrstice in zamiki so prav tako pomembni kot vsebina . Označujejo elemente spletnega mesta.
  3. Obiskovalec primerja vaše spletno mesto z drugimi spletnimi mesti. Poskusi, da ne bo padel obraz v umazanijo.
  4. Razdelite mesto na bloke. To bo zelo poenostavilo uporabo spletnega mesta.

StomperScrutinizer

Zdaj morate prenesti in namestiti StomperScrutinizer. Preden prenesete program, morate izpolniti obrazec in vnesti svoje ime, e-pošto, državo bivanja in druge podatke. V razdelku Vrsta organizacije lahko izberete Drugo.

Potem bo v polje, ki ste ga navedli, poslano potrditveno pismo. Sledite povezavi v črki

Poleg samega programa boste dobili tudi dostop do posebnega bonusa - nasvetov za oblikovanje spletne strani in povečanje pretvorbe. (Včeraj sem prenesel program, še nisem prejel bonusa. Verjetno bo delno prišel do elektronske pošte v obliki distribucije.)

Ko potrdite svojo željo po StomperScrutinizerju, vas bo odpeljal na stran za prenos.

Najprej prenesite in namestite Adobe Air Runtime, nato prenesite in namestite StomperScrutinizer.

Na istem mestu na strani boste našli FAQ in opis 10 načinov uporabe programa (če potrebujete prevod, pišite komentarje, bom to naredil).

Svetujem vam, da ne odlašate z registracijo. Andy pravi, da bo čez nekaj časa dostop do programa zaprt. Tržniki te ravni ne mečejo besed v veter, zato pohitite. Konec koncev, zadeva je bolj verjetno ne v samem programu, ki ga je mogoče varno postaviti na Rapido, ampak v odborih, ki jih lahko prejmejo le naročniki.

Če imate blog, namenjen optimizaciji, oblikovanju ali e-trgovanju, dajte bralcem novoletno darilo - povejte jim o StomperScrutinizerju, in če želite, navedite povezavo do mojega prevodnega videa.

Sorodne objave:

  • 10 korakov za promocijo socialnega videoposnetka
  • Povratne, povratne, povratne ...
  • Nazaj v prihodnost - splet 2. Perspektive 0
  • Povečanje pretvorbe spletne trgovine

Ali vam je všeč članki? Naročite se na glasilo!

Iskanje

povezani članki