Emuārs

Dizains otrajam klikšķim: Pārtrauciet pārslogot savu galveno lapu apmeklētājus

Lielākā daļa galveno lapu apmeklētājus apgrūtina ar pārāk daudzām iespējām. Uzziniet, kā vadīt lietotājus no sākotnējās intereses līdz konversijai, izmantojot progresīvo atklāšanu un skaidru sekundāro darbību.

Kopsavilkums

Daudzas galvenās lapas neizdodas, jo tās apmeklētājiem sniedz informācijas sienu un vairākus konkurējošus aicinājumus uz darbību, izraisot lēmumu paralīzi un augstu atlēkšanas līmeni. Risinājums ir veidot dizainu "otrajam klikšķim" — dabiskajam nākamajam solim pēc apmeklētāja sākotnējās iesaistes. Šis raksts sniedz praktiskus soļus, lai samazinātu kognitīvo slodzi, tostarp vienkāršot primāro CTA, izmantot progresīvo atklāšanu, lai atklātu detaļas tikai nepieciešamības gadījumā, un izveidot skaidru sekundāro darbību, kas veicina impulsu. Jūs uzzināsiet, kā izveidot vizuālus ceļus, kas intuitīvi vada acis, efektīvi izmantojot kontrastu un tukšo vietu. Mēs arī apskatīsim, kā veidot uzticību caur dizaina elementiem, piemēram, atsauksmēm un drošības zīmogiem, nepārslogojot lapu. Ar konkrētiem piemēriem un bieži pieļaujamām kļūdām, šī rokasgrāmata palīdzēs jums pārvērst pārslogotās galvenās lapas plūstošās konversijas mašīnās.

Problēma: Pārāk daudz izvēļu, pārāk maz rīcības

Jūs esat izveidojis skaisti noformētu galveno lapu. Tai ir pārliecinošs virsraksts, varoņa attēls, klientu logotipi, funkciju saraksts, video atsauksme un trīs dažādas pogas — "Sākt darbu", "Uzzināt vairāk" un "Skatīt cenas". Tomēr konversijas ir nožēlojamas. Kas nogāja greizi?

Jūs iekritāt klasiskajā slazdā, pārslogojot apmeklētājus. Saskaroties ar pārāk daudzām iespējām, cilvēka smadzenes sasalst. Tā ir izvēles paradokss, un tas ir nāvējošs galvenajām lapām. Risinājums nav pievienot vairāk informācijas — tas ir veidot dizainu otrajam klikšķim. Tas ir, jums nav jānoslēdz darījums pirmajā mijiedarbībā; jums vienkārši jāpārvieto apmeklētāji vienu soli uz priekšu. Apskatīsim, kā to izdarīt.

1. solis: Nežēlīgi vienkāršojiet savu primāro CTA

Jūsu primārais aicinājums uz darbību ir vissvarīgākais elements lapā. Tam jābūt ļoti skaidram un neiespējami nepamanīt. Ierobežojiet sevi ar vienu primāro darbību: reģistrēties, pirkt tagad, sākt izmēģinājumu utt. Nesavienojiet to ar sekundārām darbībām ar vienādu vizuālo svaru.

Piemērs: Tā vietā, lai būtu gan poga "Sākt darbu", gan poga "Skatīt demonstrāciju" blakus, padariet vienu skaidri dominējošu. Izmantojiet treknkrāsu, kas kontrastē ar pārējo lapu, un novietojiet to virs locījuma. Ja jums jāpiedāvā alternatīvi ceļi (piemēram, demonstrācija), padariet tos par smalkiem teksta saitēm, nevis pogām. Primārajam CTA jābūt visvieglāk atrodamam un klikšķināmam.

2. solis: Izmantojiet progresīvo atklāšanu, lai samazinātu kognitīvo slodzi

Tā vietā, lai izgāztu visas funkcijas un priekšrocības uzreiz, atklājiet informāciju pakāpeniski. Šī metode, kas pazīstama kā progresīvā atklāšana, parāda tikai to, kas ir nepieciešams uzreiz, un ļauj lietotājiem iedziļināties, kad viņi ir gatavi.

Praktiska pielietošana: Savā galvenajā lapā sāciet ar pamata vērtības piedāvājumu un vienu pārliecinošu priekšrocību. Zem locījuma izmantojiet izvēršamas sadaļas (akordeonus) funkciju detaļām vai arī saiti "Uzzināt vairāk", kas ritina uz sekundāro sadaļu. Sarežģītākiem piedāvājumiem izmantojiet soli pa solim vedni, nevis garu veidlapu. Katrs solis prasa nelielu informācijas daudzumu, samazinot pārslodzes sajūtu.

Piemērs: SaaS galvenā lapa var parādīt "14 dienu bezmaksas izmēģinājums, nav nepieciešama kredītkarte" kā varoņa CTA. Pēc reģistrēšanās lietotājs redz vienkāršu ievadīšanas plūsmu, kas jautā viņu lomu, pēc tam atklāj atbilstošās funkcijas. Tas veicina impulsu, atzīmējot mazos panākumus.

3. solis: Izveidojiet skaidru ceļu otrajam klikšķim

Otrais klikšķis ir tas, kas notiek pēc sākotnējās iesaistes — piemēram, noklikšķināšana uz atsauksmes, funkcijas izpēte vai bezmaksas izmēģinājuma sākšana. Plānojiet to. Ja pirmais klikšķis ir primārais CTA, otrajam klikšķim jābūt loģiskam nākamajam solim, kas padziļina interesi.

Kā ieviest: Pēc tam, kad lietotājs noklikšķina uz jūsu primārā CTA, nākamajam ekrānam (piemēram, reģistrācijas veidlapai, cenrāža lapai vai pateicības lapai) jābūt vienai skaidrai, acīmredzamai darbībai. Piemēram, pēc "Sākt bezmaksas izmēģinājumu" noklikšķināšanas reģistrācijas veidlapai jākoncentrējas tikai uz konta izveidi, nevis jāuzrāda jauns izvēļu klāsts. Ja izmantojat vienas lapas izkārtojumu, izmantojiet gludas ritināšanas enkurus, lai dabiski vadītu acis no CTA uz nākamo sadaļu.

Piemērs: Projekta pārvaldības rīka galvenā lapa izmanto pogu "Skatīt, kā tas darbojas", kas ritina uz kodolīgu 3 soļu skaidrojumu. Katram solim ir viena saite: "Izmēģināt tagad." Otrais klikšķis vienmēr virza uz konversiju, nevis novēršas.

4. solis: Vadiet acis ar vizuālo hierarhiju

Vizuālā hierarhija sakārto elementus pēc svarīguma, lai apmeklētāji vispirms redzētu to, kam ir nozīme. Izmantojiet izmēru, krāsu, kontrastu un tukšo vietu, lai izveidotu skaidru lasīšanas secību. Viena efektīva shēma ir Z-izkārtojums (lapām ar minimālu tekstu) vai F-raksts (tekstiem bagātām lapām).

Savienojiet to ar stratēģisku virziena norādījumu izmantošanu: bultiņas, cilvēku attēli, kas skatās uz CTA, vai dinamiski elementi, piemēram, animēti rādītāji. Lai dziļāk iedziļinātos konkrētos uzlabojumos, kas var divkāršot jūsu konversijas, skatiet 5 vizuālās hierarhijas uzlabojumi, kas divkāršo konversijas.

Piemērs: E-grāmatas galvenā lapa novieto vāka attēlu kreisajā pusē, virsrakstu centrā un lejupielādes pogu labajā pusē — veidojot dabisku Z-ceļu. Zemāk atsauksmes ir sakārtotas režģī ar zvaigžņu vērtējumu un smalku bultiņu, kas norāda uz CTA.

5. solis: Veidojiet uzticību bez jucekļa

Apmeklētāji neklikšķinās, ja viņi jums neuzticas. Bet uzticības signāli (logotipi, nozīmītes, atsauksmes) var viegli pārslogot jūsu lapu, ja tie nav rūpīgi izstrādāti. Atslēga ir tos integrēt bez traucējumiem.

Labākā prakse: Izmantojiet šauru uzticības joslu virs vai zem primārā CTA, nevis atsevišķu sadaļu. Atsauksmēm izmantojiet vienu pārliecinošu citātu ar fotoattēlu un vienu vai diviem logotipiem. Saites uz pilnām gadījumu izpētēm, nevis uzskaitiet tās visas. Atcerieties, ka uzticība tiek veidota pakāpeniski — nemēģiniet visu pierādīt uzreiz.

Plašākai rokasgrāmatai par dizaina elementu izmantošanu apmeklētāju uzticības iegūšanai skatiet Kā uzreiz izveidot uzticību, izmantojot galvenās lapas dizainu.

Piemērs: Finanšu programmatūras galvenā lapa parāda nelielu reklāmkarogu "Izmanto 10 000+ uzņēmumu" ar trīs atpazīstamu zīmolu logotipiem, kas novietots tieši blakus pogai "Sākt bezmaksas izmēģinājumu". Pilns klientu saraksts ir pieejams, izmantojot saiti "Skatīt visus klientus" — otrais klikšķis.

Brīdinājumi un bieži pieļautās kļūdas

  • Neslēpiet kritisko informāciju: Progresīvā atklāšana nekad nedrīkst aprakt svarīgas detaļas, piemēram, cenas vai noteikumus. Ja lietotājiem jāklikšķina trīs reizes, lai atrastu cenu, viņi aizies.
  • Testējiet visu: Tas, kas darbojas vienai auditorijai, var nedarboties citai. A/B testējiet savu primāro CTA, uzticības signālu izvietojumu un progresīvās atklāšanas secību.
  • Izvairieties no bezgalīgas ritināšanas džungļiem: Gara lapa bez skaidras segmentācijas ir tikpat pārslogota kā juceklīga. Izmantojiet atšķirīgas sadaļas ar tukšo vietu un virsrakstiem.
  • Mobilā ierīce ir svarīga: Mobilajās ierīcēs progresīvā atklāšana ir vēl kritiskāka, jo ekrāna vieta ir ierobežota. Pārliecinieties, ka akordeoni un soļu plūsmas ir pieskārieniem draudzīgas un ātras.

Secinājums

Dizains otrajam klikšķim maina pieeju: tā vietā, lai mēģinātu pārdot visu vienā lapā, jūs koncentrējaties uz apmeklētāju vadīšanu caur virkni mazu, pārliecinātu soļu. Vienkāršojot savu primāro CTA, izmantojot progresīvo atklāšanu, plānojot sekundāro darbību, izmantojot vizuālo hierarhiju un smalki veidojot uzticību, jūs samazināsiet pārslodzi un palielināsiet konversijas. Atcerieties, ka mērķis nav noslēgt pārdošanu pirmajā klikšķī — tas ir nopelnīt otro. Pielietojiet šos principus, testējiet nenogurstoši un vērojiet, kā jūsu galvenā lapa pārvēršas par gludu, pārliecinošu ceļu uz konversiju.

Sources (5)