Kako povećati pretvorbu? - Dobitnik lova

U ovom videozapisu Andy Edmonds (suradnik tvrtke Stompernet) govori o tome kako dizajn web-lokacije utječe na pretvorbu . Ova lekcija ne sadrži nikakva mega-otkrića, već pregled događaja prikupljenih tijekom nekoliko godina poslovanja. S druge strane, te "pohabane istine" dopuštaju Andyju Jenkinsu da sama zaradi do nekoliko milijuna dolara godišnje od jedne internetske trgovine, pa poslušajte savjete tih dečki o - kolika je zarada na internetu koju znaju iz prve ruke 🙂

Veličina videozapisa je oko 130 MB, tako da će biti potrebno puno vremena za učitavanje.

Videozapis "Kako dvostruko pretvoriti web-lokaciju"

Zainteresirani ste znate kako se posjetitelj ponaša kada dođete do svoje web-lokacije? Siguran sam da da. Jer čak i ako ne uspijete doći do prvog mjesta u izdavanju Googlea, i dalje ćete moći povećati zaradu ako naučite kako izvući najviše iz postojećeg prometa.

Prije nego što počnete proučavati materijal, otvorite stranicu s videozapisom (čak i ako imate dial-up) i ispod video prozora (sada desno od njega), pronađite vezu

Kako povećati pretvorbu? - Dobitnik lova

i idite na to. StomperScrutinizer je alat koji oponaša ljudsko oko. Pomoću njega možete odrediti što posjetitelj vidi i ne vidi na vašoj web-lokaciji. Reći ću vam više o preuzimanju i instaliranju StomperScrutinizera na kraju posta.

Suština problema

Neispravna lokacija elemenata stranice može vas koštati znatnog dijela dobiti. Evo nekoliko primjera:

Kako povećati pretvorbu? - Dobitnik lova

Čini se da je izbornik poput izbornika. Međutim, ovaj izbornik može smanjiti dobit vlasnika stranice za čak 25%. Samo naprijed.

Kako povećati pretvorbu? - Dobitnik lova

Šarena slika, tekst objašnjenja, dostupnost cijene i opis proizvoda. Čini se da nešto nije u redu? Međutim, ovaj izgled smanjuje broj ljudi koji su voljni staviti robu u košaru na istih 25%.

Kako povećati pretvorbu? - Dobitnik lova

Ova stranica je savršena za određene ključne fraze. Štoviše, sadržaj je u potpunosti u skladu s onim što posjetitelji traže na ovoj stranici. Međutim, zbog fonta i lokacije blokova informacija, vlasnik resursa gubi do 14% kupaca.

Razlozi za ovo "čudno" ponašanje posjetitelja

Pogledajte snimak zaslona.

Kako povećati pretvorbu? - Dobitnik lova

Vidite li plavu točku i trag iza nje? kako se Andyjeve oči pomiču dok čitaju tekst (vrlo jasno se vidi na videu) Andy i tvrtka koriste ovaj alat, koji kombinira softver, hardver i infracrvenu kameru, svaki put kada je potrebno prilagoditi dizajn web-mjesta. 1> Naše se oči pomiču neravnomjerno, a pogled se nasumično kreće iz jedne točke u drugu, držeći se određenog raspona u jednoj ili više troc, ako pažljivo pročitate tekst, ili cijeli ekran, kada nemate što raditi lutajući stranicama.

Sve što Andy Edmonds govori u ovom videu temelji se na znanstvenim podacima koji će vam pomoći da shvatite zašto reagiramo na dizajn stranice na način, a ne na neki drugi način, i zašto nas neke stranice guraju na radnje, dok nas drugi teraju da brzo zatvorimo stranicu.

Dva tipa pogleda

U središtu našeg oka je tzv. > središnja fossa. Ona je odgovorna za percepciju boje i detalja . U pretpovijesno doba sposobnost fokusiranja vida pomogla je osobi da nađe voće, bobice i drugu hranu. Ostatak retine je odgovoran za periferni (ili lateralni) vid. Ona odgovara na pokret i kontrast . Ova vrsta vizije dopustila je pećinskom čovjeku da primijeti približavanje predatora u vremenu. Oba tipa vida su međusobno povezana. Dok se središnja fosa usredotočuje na jedan dio slike, periferni vid traži kontrastne elemente koje oko može shvatiti, a čim ih pronađe, oko se pomiče prema tim elementima. Kao dokaz Andy Jenkins Snimio je Angelinu Jolie i pokazao kako mu se oči pomiču po ekranu, a dok nije pokušavao zadržati oči na licu glumice, njegov periferni vid privukao ga je drugim „elementima slike“ i na kraju je dobio svoj put. Naravno, ne vidimo s našim očima, nego s mozgom koji interpretira sve signale koji su mu poslani, a zatim ih stavlja u opću sliku. Međutim, vrlo je važno da vidimo. Uspjeh vašeg internetskog poslovanja ovisi o tome .

Onda riječ uzima Andy Edmonds , obrazovanjem - kognitivni psiholog, po pozivu - stručnjak za upotrebljivost i obraćenje. Naše oči mogu napraviti do 50 pokreta u sekundi. Čak i kada se fokusiramo na pojedinačne detalje, naše oči ne stoje mirno. Pokreti očiju mogu se podijeliti na osnovno i manje . Najvažnije one omogućuju izdvajanje glavnih elemenata stranice, dok one manje ističu prateće detalje. Ali najvažnija stvar ovdje je da kad se naše oči pokrenu, ostajemo slijepi . Od tečaja biologije u školi, morate imati na umu da se mrežnica oka sastoji od čunjića i štapića . Grafikon prikazuje što i koliko dobro vidimo na monitoru. Kako povećati pretvorbu? - Dobitnik lova

Budući da je središnja foska oka odgovorna za percepciju boje i detalja, percepcija mjesta i njegovih pojedinih dijelova ovisit će o tome možete li privući pažnju posjetitelja sa svojom ponudom i da li možete da se prilagodi ovom prijedlogu u tim 2-3 stupnja, gdje je pogled usmjeren što je više moguće.

Kako povećati pretvorbu? - Dobitnik lova

Ako pogledate zaslon na udaljenosti od pola metra, slika na zaslonu će zauzeti 20 stupnjeva vašeg vidnog polja. To jest, vidjet ćete (u detaljima i bojama) samo 1/10 zaslona. Ako sjedite bliže monitoru, onda još manje.

Sažetak

Prvi primjer je stranica s web-stranice Andyja Jenkinsa. U početku se pretpostavljalo da će crtež privući pozornost posjetitelja i da će ga moći dodati u koš nakon što ga pogleda. Pretpostavka je razumna, ali ... Nakon što su Andy i tvrtka pratili ponašanje prosječnog posjetitelja na stranici, ispostavilo se da ovaj izgled stranice rezultira gubitkom dobiti od 25%.

I sve zato što se ovdje ne razmatra jedan trenutak. Svaki kupac, prije slanja robe u košaru, gleda cijenu . Evo što on vidi (StomperScrutinizer se koristi za određivanje granica fokusa):

Kako povećati pretvorbu? - Dobitnik lova

Da, gumb "Dodaj u košaricu" je vrlo blizu, ali da bi ga pronašao potrebno je vrijeme, ali

Andy je koštao gumba ispod ovog bloka na svim stranicama stranice

Kako povećati pretvorbu? - Dobitnik lova

, a broj dodataka u košaru povećan je za 25%.

Da biste pravilno stavili stavke na stranicu, morate razumjeti cilj posjetitelja - saznati cijenu proizvoda - i ne zaboraviti na svoj cilj - prodati robu. Dinin ih, konverzija stranice će se definitivno povećati.

Osim toga, povećat ćete prodaju, spasiti posjetitelja od nepotrebnih radnji i ako posjetitelj primjećuje da je vaša stranica prikladna i jednostavna,

Važnost alineja i praznih redaka

Pogledajte grafikon distribucije posjetitelja ovisno o položaju stranice u prvih deset Googleova izdanja:

Kako povećati pretvorbu? - Dobitnik lova

Zabilježite 10. mjesto. Posljednja stranica na popisu dobiva gotovo isti promet kao i peti. Zanimljivo, zar ne?
Međutim, to je ponašanje predvidljivo. Uključena su dva čimbenika: Prvo, posljednja stavka na popisu je čitljiva - nakon nje slijedi prazan redak:

Kako povećati pretvorbu? - Dobitnik lova

Drugo, posjetitelj se suočava s izborom: prijeđite na sljedeću stranicu, koji neće znati koliko će se učitati, koje će i dalje morati pomicati i na kojem će se nepoznatim stranicama, ili ostati na ovoj stranici i isprobati posljednju od opcija. I ovdje djeluje trivijalna lijenost - u većini slučajeva korisnik bira drugu opciju.

Za običnog korisnika, jednostavnost često ima veću važnost od čak kvalitete . Osoba uvijek odabire najbolje od dostupnih opcija, čak i ako ta opcija podrazumijeva banalnu jednostavnost, a ne objektivnu kvalitetu.

A kada posjetitelj dođe na vašu stranicu, on prvo skreće pozornost na jednostavnost stranice: predložak, navigaciju, lokaciju dijelova, fontove i shemu boja. Za sve to korisnik uzima 1-2 sekunde . Ako mu se čini da je stranica previše komplicirana, bez oklijevanja će zatvoriti stranicu i otvoriti drugu stranicu.

Jednostavna rješenja

Prva stvar koju trebate učiniti je podijeliti navigacijski stupac u blokove. (Primjer iz stvarnog mjesta Andyja Jenkinsa).

Kako povećati pretvorbu? - Dobitnik lova

U stupcu desno stavke su podijeljene u blokove, koji se percipiraju mnogo lakše nego zbrka stavki i kategorija, kao u izborniku na desnoj strani. A oči se manje umaraju.

Kao rezultat ove inovacije, broj kvarova na gradilištu smanjio se za 25%, dok je dobit porasla za 10%. Dva su razloga za to:

  1. Jednostavan za uporabu. Svaki posjetitelj svjesno ili nesvjesno uspoređuje vašu web-lokaciju s drugim web-lokacijama. On je kategoričan u svojoj procjeni. U njegovim očima, vaš site je ili dobar ili loš; bilo jednostavno ili složeno; bilo korisno ili beskorisno. A ako je vaš resurs dobar i jednostavan, ljudi će cijeniti i zapamtiti.
  2. Jednostavno pretraživanje. Izbornik je podijeljen u blokove. Svaki blok ima zaglavlje sidra za koje se oko prianja.
  3. Ovdje je primjer onoga što meni ne bi trebalo biti (usput, ovo je također web stranica Andyja Jenkinsa - bilo je to u prošlosti):

    Umjesto da se držite nečega, pogled posjetitelja prolazi kroz stranicu iz jednog stupca izbornika u drugi, zatim do slike proizvoda, zatim natrag u izbornik, i opet oko kruga.

    Izbornik i struktura web-mjesta

    Pojednostavite strukturu stranice kao cjeline i posebno izbornika.Podijelite stranicu na male blokove . Na čelu svakog bloka stavite element koji će privući pažnju, bilo da se radi o nazivu bloka u stupcu izbornika ili slici proizvoda u tijelu stranice.

    Savjet: Kada dijelite izbornik na blokove, ograničite broj stavki u svakom bloku na 7 (+/- 2) po naslovu.

    Naravno, oni koji ne posjeduju internetsku trgovinu vjerojatno neće moći primijeniti gore navedene informacije o izborniku i njegovim skrivenim značajkama.

    Ali čak i ako imate jednostavnu informativnu web-lokaciju ili blog i kroz njega promičete svoj proizvod ili affiliate proizvod, također možete povećati stopu pretvorbe stavljanjem blokova informacija na stranicu ispravno.

    Kao primjer, Andy je uzeo nekoliko izgleda i usporedio njihovu upotrebljivost. Ovo je prvo:

    Kako povećati pretvorbu? - Dobitnik lova

    Uobičajeni raspored, 4 optimizirana bloka informacija, naslov, tekst, veza ... Međutim, ovo je jedan od najgorih izgleda koji možete uvesti. Andy je napravio mali test. Posjetitelji stranice morali su odgovoriti na nekoliko pitanja. Za svako od pitanja postavljena su 4 moguća odgovora, kao što je prikazano na slici iznad. Posjetitelji su morali dugo tražiti pravi odgovor, jer je izgled bio nezgodan. Iz istog su razloga često pogrešili. U mnogim slučajevima, oni su nasumce pokedali.

    Rezultat testa: odgovori su bili netočni i trebalo je dugo vremena da se dovrši test. Prema tome, omjer posjetitelja na testu bio je negativan nego pozitivan.

    Kako povećati pretvorbu? - Dobitnik lova

    Ovdje je primjer dobrog rasporeda:

    Kako povećati pretvorbu? - Dobitnik lova

    Posjetitelj proučava naslove za nekoliko sekundi, a zatim brzo čita tekst pod naslovom i daje odgovor. Kao rezultat te promjene izgleda, povećao se postotak točnih odgovora. Štoviše, vrijeme za traženje pravog odgovora smanjeno je za 15%. Čini se da je 15% glupost, ali posjetitelj osjeća razliku.

    5200 piksela = 1 milja

    Naše se oči umaraju. To je činjenica. Za oči, vožnja preko 5200 piksela jednaka je 1 milji za noge. Zato nam je zadovoljstvo pogledati pravilno strukturirane stupce izbornika i male blokove informacija. Tako brzo pronalazimo informacije i naše oči su manje umorne. Sada usporedite udaljenost koju pokrivaju oči u dobrim i lošim izgledima:

    Kako povećati pretvorbu? - Dobitnik lova

    Osnovni principi za stvaranje prikladnog i atraktivnog izgleda opisali su Andy Edmonds s akronimom CRAP (ako ne znate kako Riječ, pogledajte u rječniku Now.) Sada, po redu:

    Kontrast

    Uvući na kraju svakog bloka, označavajući naslov i adresu u boji, drugačiju veličinu fonta.

    Ponavljanje

    Svi blokovi su isti unutar jedne stranice i na drugim stranicama. Predvidljivost izgleda olakšava upotrebu

    Poravnanje

    Kako povećati pretvorbu? - Dobitnik lova

    Ne samo da morate unificirati blokove informacija, nego ih i ispravno rasporediti na stranici. 11> Blizina

    Nedaleko i nije blizu. Elementi blokova trebaju biti tako raspoređeni da prijelaz iz jednog bloka u drugi (ili unutar bloka) bude što je moguće brži. 1> Kao primjer dobrog rasporeda, Andy navodi lokaciju Tapestry Standard. Zahvaljujući upotrebi StomperScrutinizera i odgovarajućim promjenama na web-lokaciji, Andy je uspio povećati stopu konverzije web-mjesta na 3%.

    Prođite kroz program na stranici i pogledajte kako je sve pametno učinjeno (ili gledajte video). Evo nekoliko snimaka zaslona:

    Kako povećati pretvorbu? - Dobitnik lova

    "Besplatna dostava" je označena u boji.

    Kako povećati pretvorbu? - Dobitnik lova

    Kategorija kontrastnog izbornika i kontrastna periferija.

    Kako povećati pretvorbu? - Dobitnik lova

    Kontrastna veza.

    Osoba djeluje kao vizualno sidro za posjetitelja. Pored lica nalazi se opis pogodnosti za posjetitelje: Povrat novca

    Malo o gumbima

    Kako povećati pretvorbu? - Dobitnik lova

    Ovo je standardna stranica narudžbe .Kao što možete vidjeti, posjetitelj odmah pronalazi gumb za plaćanje robe, u većini slučajeva ovaj gumb vrijedi dana (zapamtite gumbe „Nastavi“ i „Nastavi“ - oni su također posljednji).

    Gumb za plaćanje (ili dodavanje robe u košaricu) trebao bi biti posljednji aktivni element stranice ili informacijskog bloka, tako da će privući maksimalnu pozornost posjetitelja.

    Također imajte na umu lokaciju "Povratak u skladište". Drugi je s desne strane - ispred gumba "Checkout". Ovdje radi princip blizine.

    Zoom

    Naše oči imaju još jednu značajku: mogu skenirati tekst tečno, ne obraćajući pozornost na detalje, i obratno, obratite pažnju na detalje u onim riječima koje privlače njihovu pažnju, stoga čitatelju morate dati sidra (kontrastne elemente) za koje njegov pogled može uhvatiti.

    Evo kratkog popisa takvih sidara:

    • kontrastnih elemenata;
    • fontova;
    • lica;
    • veza;
    • prazne linije (uvlake);
    • slike;
    • fotografije;
    • video ili animacije.

    Naravno, sve bi trebalo biti umjereno.

    Sažetak

      Milesekundi su značajne . Posjetitelj mora donositi odluke što je prije moguće. Nemoj mu smetati.
    1. Prazne linije i uvlaci jednako su važni kao i sadržaj . Oni ističu elemente stranice.
    2. Posjetitelj uspoređuje vašu web-lokaciju s drugim web-lokacijama. Pokušajte da ne padne licem u zemlju.
    3. Razbijte stranicu u blokove. To će uvelike pojednostaviti korištenje web-lokacije.

    StomperScrutinizer

    Sada trebate preuzeti i instalirati StomperScrutinizer. Prije nego što preuzmete program, trebate ispuniti obrazac i upisati svoje ime, e-poštu, zemlju prebivališta i druge podatke. U odjeljku Vrsta organizacije možete odabrati Drugo.

    Nakon toga, potvrdno pismo bit će poslano na polje koje ste naveli. Pratite link u slovu

    Osim samog programa, dobit ćete i poseban bonus - savjete o dizajnu web-mjesta i povećanju pretvorbe. (Jučer sam preuzela program, još nisam dobila bonus. Vjerojatno će to biti dio e-pošte u obliku distribucije.)

    Nakon što potvrdite svoju želju da kažete StomperScrutinizeru, bit ćete preusmjereni na stranicu za preuzimanje.

    Najprije preuzmite i instalirajte Adobe Air Runtime, zatim preuzmite i instalirajte StomperScrutinizer.

    Na istom mjestu na stranici naći ćete FAQ i opis 10 načina korištenja programa (ako vam je potreban prijevod, napišite komentare, ja ću to učiniti).

    Savjetujem vam da ne odgađate prijavu. Andy kaže da će nakon nekog vremena pristup programu biti zatvoren. Tržnici ove razine ne bacaju riječi u vjetar, pa požurite. Uostalom, stvar je vjerojatnije da nije u samom programu, koji se može sigurno postaviti na Rapidu, nego u odborima koje samo pretplatnici mogu primiti.

    Ako imate blog posvećen optimizaciji, dizajnu ili e-trgovini, dajte čitateljima doček Nove godine - recite im o StomperScrutinizeru, a ako želite, navedite link na moj prijevodni video.

    Povezani postovi:

    • 10 koraka za promicanje društvenog videa
    • Povratne veze, povratne veze, povratne veze ...
    • Povratak u budućnost - Web 2. Perspektive 0
    • Povećanje konverzije online trgovine

    Volite li članke? Pretplatite se na newsletter!

traži

povezani članci