Tinklaraštis

Projektavimas antram spustelėjimui: neperkraukite savo tikslinio puslapio lankytojų

Dauguma tiksliųjų puslapių apipila lankytojus per daug pasirinkimų. Išmokite vesti vartotojus nuo pradinio susidomėjimo iki konversijos naudodami progresyvų atskleidimą ir aiškų antrinį veiksmą.

Santrauka

Daugelis tiksliųjų puslapių nepasiteisina, nes jie pateikia lankytojams informacijos sieną ir kelis konkuruojančius raginimus veikti, sukeldami sprendimų paralyžių ir didelį atmetimo rodiklį. Sprendimas – kurti „antram spustelėjimui“ – natūraliam kitam žingsniui po pradinio lankytojo įsitraukimo. Šiame straipsnyje pateikiami praktiniai žingsniai, kaip sumažinti kognityvinį krūvį, įskaitant pagrindinio CTA supaprastinimą, progresyvų atskleidimą, kad detalės būtų rodomos tik tada, kai reikia, ir aiškaus antrinio veiksmo, kuris sukuria pagreitį, sukūrimą. Sužinosite, kaip sukurti vizualinius kelius, kurie intuityviai veda akį, efektyviai naudojant kontrastą ir baltą erdvę. Taip pat aptariame, kaip sukurti pasitikėjimą naudojant dizaino elementus, tokius kaip atsiliepimai ir saugumo ženklai, neperkraunant puslapio. Su konkrečiais pavyzdžiais ir įprastomis klaidomis, kurių reikia vengti, šis vadovas padės jums paversti perpildytus tikslinius puslapius į sklandžias konversijos mašinas.

Problema: per daug pasirinkimų, per mažai veiksmo

Sukūrėte gražiai suprojektuotą tikslinį puslapį. Jis turi patrauklią antraštę, herojaus paveikslėlį, klientų logotipus, funkcijų sąrašus, vaizdo įrašų atsiliepimą ir tris skirtingus mygtukus – „Pradėti“, „Sužinoti daugiau“ ir „Peržiūrėti kainas“. Tačiau konversijos yra prastos. Kas nutiko?

Jūs patekote į klasikinius spąstus – per daug apkraunate lankytojus. Susidūrus su per daug pasirinkimų, žmogaus smegenys sustingsta. Tai yra pasirinkimo paradoksas ir jis yra mirtinas tiksliniams puslapiams. Sprendimas nėra pridėti daugiau informacijos – tai kurti antram spustelėjimui. Tai reiškia, kad jums nereikia sudaryti sandorio per pirmąją sąveiką; jums tiesiog reikia perkelti lankytojus vienu žingsniu į priekį. Išskaidykime, kaip tai padaryti.

1 žingsnis: negailestingai supaprastinkite pagrindinį CTA

Jūsų pagrindinis raginimas veikti yra vienintelis svarbiausias elementas puslapyje. Jis turi būti visiškai aiškus ir neįmanoma jo praleisti. Apribokite save vienu pagrindiniu veiksmu: užsiregistruoti, pirkti dabar, pradėti bandomąjį laikotarpį ir pan. Nedėkite jo kartu su antros eilės veiksmais, turinčiais vienodą vizualinį svorį.

Pavyzdys: Vietoj to, kad mygtukai „Pradėti“ ir „Peržiūrėti demonstraciją“ būtų vienas šalia kito, vieną padarykite aiškiai dominuojantį. Naudokite ryškią spalvą, kontrastuojančią su likusia puslapio dalimi, ir patalpinkite jį virš lenkimo linijos. Jei turite pasiūlyti alternatyvius kelius (pvz., demonstraciją), padarykite juos subtiliomis teksto nuorodomis, o ne mygtukais. Pagrindinis CTA turėtų būti lengviausiai randamas ir spustelėjamas.

2 žingsnis: naudokite progresyvų atskleidimą, kad sumažintumėte kognityvinį krūvį

Užuot iš karto išlieję visas funkcijas ir privalumus, atskleiskite informaciją palaipsniui. Ši technika, žinoma kaip progresyvus atskleidimas, rodo tik tai, kas būtina iš karto, ir leidžia vartotojams gilintis, kai jie yra pasiruošę.

Praktinis pritaikymas: Savo tikslinio puslapio pradžioje pateikite pagrindinį vertės pasiūlymą ir vieną patrauklų privalumą. Po lenkimo linijos naudokite išplečiamas dalis (akordeonus) funkcijų detalėms arba turėkite nuorodą „Sužinoti daugiau“, kuri slenka į antrinę dalį. Sudėtingesniems pasiūlymams naudokite nuoseklų vedlį, o ne ilgą formą. Kiekvienas žingsnis prašo mažos informacijos dalies, sumažindamas perkrovos jausmą.

Pavyzdys: SaaS tikslinis puslapis gali rodyti „14 dienų nemokamas bandomasis laikotarpis, nereikia kreditinės kortelės“ kaip herojaus CTA. Po registracijos vartotojas pamato paprastą įvedimo srautą, kuris klausia jų vaidmens, tada atskleidžia atitinkamas funkcijas. Tai sukuria pagreitį švenčiant mažas pergales.

3 žingsnis: sukurkite aiškų kelią antram spustelėjimui

Antras spustelėjimas yra tai, kas atsitinka po pradinio įsitraukimo – pvz., spustelėjus atsiliepimą, tyrinėjant funkciją ar pradedant nemokamą bandomąjį laikotarpį. Planuokite jį. Jei pirmas spustelėjimas yra pagrindinis CTA, antras spustelėjimas turėtų būti logiškas kitas žingsnis, gilinantis susidomėjimą.

Kaip įgyvendinti: Kai vartotojas spusteli jūsų pagrindinį CTA, kitame ekrane (pvz., registracijos formoje, kainų puslapyje ar padėkos puslapyje) turėtų būti vienas aiškus, akivaizdus veiksmas. Pavyzdžiui, spustelėjus „Pradėti nemokamą bandomąjį laikotarpį“, registracijos forma turėtų sutelkti dėmesį tik į paskyros sukūrimą, o ne pateikti naują pasirinkimų rinkinį. Jei naudojate vieno puslapio maketą, naudokite sklandžius slinkimo inkarus, kad natūraliai vestumėte akį nuo CTA iki kitos dalies.

Pavyzdys: Projektų valdymo įrankio tikslinis puslapis naudoja mygtuką „Peržiūrėti, kaip veikia“, kuris slenka į glaustą 3 žingsnių paaiškinimą. Kiekvienas žingsnis turi vieną nuorodą: „Išbandyti dabar“. Antras spustelėjimas visada veda link konversijos, o ne išsišakoja.

4 žingsnis: veskite akį vizualine hierarchija

Vizualinė hierarchija išdėsto elementus pagal svarbą, kad lankytojai pirmiausia pamatytų tai, kas svarbiausia. Naudokite dydį, spalvą, kontrastą ir baltą erdvę, kad sukurtumėte aiškią skaitymo tvarką. Vienas efektyvus modelis yra Z-išdėstymas (puslapiams su minimaliu tekstu) arba F-modelis (tekstiniams puslapiams).

Derinkite tai su strateginiu krypčių rodiklių naudojimu: rodyklėmis, žmonių nuotraukomis, žiūrinčiomis į CTA, ar dinaminiais elementais, pvz., animuotais rodyklėmis. Norėdami giliau pasinerti į konkrečius patobulinimus, kurie gali padvigubinti jūsų konversijas, peržiūrėkite 5 vizualinės hierarchijos patobulinimai, padvigubinantys konversijas.

Pavyzdys: El. knygos tikslinis puslapis deda viršelio paveikslėlį kairėje, antraštę centre, o atsisiuntimo mygtuką dešinėje – sudarydamas natūralų Z kelią. Žemiau atsiliepimai išdėstomi tinklelyje su žvaigždutėmis ir subtilia rodykle, rodančia į CTA.

5 žingsnis: kurkite pasitikėjimą be netvarkos

Lankytojai nespustelės, jei jumis nepasitiki. Tačiau pasitikėjimo signalai (logotipai, ženkleliai, atsiliepimai) gali lengvai užgriozdinti puslapį, jei nebus kruopščiai suprojektuoti. Raktas yra integruoti juos be trikdžių.

Geriausia praktika: naudokite ploną pasitikėjimo juostą virš arba po pagrindiniu CTA, o ne atskirą skyrių. Atsiliepimams naudokite vieną įtikinamą citatą su nuotrauka ir vienu ar dviem logotipais. Pateikite nuorodą į pilnas atvejų studijas, o ne išvardinkite jas visas. Atminkite, pasitikėjimas kuriamas palaipsniui – nemėginkite visko įrodyti iš karto.

Išsamų vadovą, kaip naudoti dizaino elementus siekiant įgyti lankytojų pasitikėjimą, rasite Kaip akimirksniu sukurti pasitikėjimą naudojant tikslinio puslapio dizainą.

Pavyzdys: Finansinės programinės įrangos tikslinis puslapis rodo nedidelį reklaminį skelbimą „Naudoja 10 000+ įmonių“ su trijų atpažįstamų prekių ženklų logotipais, esančiais šalia mygtuko „Pradėti nemokamą bandomąjį laikotarpį“. Visas klientų sąrašas pasiekiamas per nuorodą „Peržiūrėti visus klientus“ – antras spustelėjimo galimybė.

Įspėjimai ir dažnos klaidos

  • Neslėpkite kritinės informacijos: progresyvus atskleidimas niekada neturėtų užkasti svarbių detalių, pvz., kainų ar sąlygų. Jei vartotojams reikia tris kartus spustelėti, kad rastų kainą, jie išeis.
  • Viską išbandykite: tai, kas tinka vienai auditorijai, gali netikti kitai. Atlikite A/B testą savo pagrindiniam CTA, pasitikėjimo signalų išdėstymui ir progresyvaus atskleidimo tvarkai.
  • Venkite begalinio slinkimo džiunglių: ilgas puslapis be aiškaus segmentavimo yra toks pat perkraunantis kaip ir užgriozdintas. Naudokite atskiras dalis su baltomis erdvėmis ir antraštėmis.
  • Mobiliosios versijos svarbios: mobiliajame telefone progresyvus atskleidimas yra dar svarbesnis, nes ekrano plotas ribotas. Užtikrinkite, kad akordeonai ir žingsnių srautai būtų liečiami ir greiti.

Išvada

Kūrimas antram spustelėjimui apverčia scenarijų: užuot bandę parduoti viską viename puslapyje, sutelkiate dėmesį į lankytojų vedimą per mažus, užtikrintus žingsnius. Supaprastindami pagrindinį CTA, naudodami progresyvų atskleidimą, planuodami antrinį veiksmą, pasitelkdami vizualinę hierarchiją ir subtiliai kurdami pasitikėjimą, sumažinate perkrovą ir padidinate konversijas. Atminkite, tikslas nėra uždaryti pardavimą pirmu spustelėjimu – tai užsitarnauti antrąjį. Taikykite šiuos principus, nenumaldomai testuokite ir stebėkite, kaip jūsų tikslinis puslapis virsta sklandžiu, įtikinamu keliu į konversiją.

Sources (5)