4 trucuri de design care vă vor crește vertiginos ratele de conversie
Publicat: 2018-11-024 trucuri de design –
Aveți un site grozav care a câștigat recenzii excelente de la clienți și critici deopotrivă. Produsele tale sunt atât de bune încât oamenii nu pot să nu le iubească. Și datorită marketingului tău, traficul tău continuă să crească în fiecare lună.
Dar există o problemă: nimeni nu ia nicio măsură pe site-ul tău. Vizitatorii trec pe aici, petrec minute pe site și pleacă fără să vă ofere adresa lor de e-mail.
Aceasta este realitatea atâtor site-uri web de astăzi. Ei s-ar putea lăuda cu un design impecabil și un marketing excelent, dar ratele lor de conversie rămân scăzute din cauza deciziilor proaste de proiectare.
În acest articol, voi împărtăși 4 sfaturi de design pe care le puteți folosi imediat pentru a vă crește vertiginos conversiile, indiferent de nișa în care vă aflați.
1. Evidențiază-ți CTA-urile
Una dintre cele mai mari greșeli pe care le puteți face în designul web este să vă combinați CTA-urile cu restul site-ului. Dacă CTA nu țipă practic „fă clic pe mine!”, vizitatorii tăi îl vor ignora.
Trucul este să faci un CTA care să iasă în evidență fără a distrage atenția. Ar trebui să fie evident pentru orice utilizator că CTA se poate face clic. De asemenea, ar trebui să fie plasat într-o zonă foarte vizibilă, cu trafic ridicat al cursorului de pe pagină.
Iată câteva lucruri pe care le puteți face pentru a vă face îndemnurile să apară:
- Culori contrastante: alegeți o culoare CTA care contrastează cu schema de culori dominantă a paginii dvs. web. Dacă culoarea site-ului dvs. este albastră, de exemplu, alegeți un CTA portocaliu. Deoarece această culoare este direct opusă albastră pe roata de culori, va ieși în evidență pe o pagină.
- Efecte: adăugați efecte și elemente subtile la CTA pentru a-l face să apară. Plasarea unui chenar, adăugarea unei pictograme sau utilizarea unui efect de umbră poate face clar vizitatorilor că îndemnul poate fi făcut clic. Scopul tău este să faci ca CTA să pară diferit de alte elemente de pe pagină.
- Plasare: utilizatorii nu ar trebui să se chinuie să găsească CTA. Plasați-le în zone cu trafic ridicat de cursor sau în zone cu vizibilitate ridicată ale paginii, cum ar fi deasupra pliului sau a meniului de navigare.
- Dimensiune: elementele mai mari de pe orice pagină ne atrag atenția. Faceți-vă CTA puțin mai mare decât elementele pe care nu se poate da clic. Dacă aveți doi nasturi unul lângă altul și doriți să subliniați unul, măriți-l ca dimensiune.
Aveți grijă să faceți CTA prea proeminent. Acest lucru îl poate face să pară spam (vă amintiți acele butoane gigantice de „descărcare” de pe site-urile torrent?) și descurajează clicurile.
De exemplu, acest CTA pe Workamajobs folosește o culoare albastră și este plasat într-o zonă cu vizibilitate ridicată a paginii. Observați modul în care contrastează cu griul CTA de „înscriere”:
2. Utilizați mai bine culorile
Gândiți-vă la marca Coca-Cola. Îl poți vizualiza fără culoarea sa familiară roșu aprins? Crezi că brandul ar avea același pumn dacă ar fi albastru?
Non-designerii nu realizează întotdeauna acest lucru, dar culoarea joacă un rol important în optimizarea brandingului și a ratei de conversie. Culorile diferite evocă emoții diferite în oameni. Albastrul este culoarea cerului și are un efect calmant asupra oamenilor. Este, de asemenea, o culoare „serioasă”. Când le ceri oamenilor să facă obiectele de culoare „luminoasă”, rareori vor alege albastru.
(Motiv pentru care atât de multe companii folosesc albastru în logo-urile lor – IBM, GE, Samsung, AT&T, WalMart etc.)
Scopul dvs. ar trebui să fie să vă aliniați alegerea culorii cu marca dvs. Nu alege o culoare plictisitoare pentru un brand tineresc. Și nu alegeți roz aprins dacă sunteți în competiție cu companiile B2B.
Iată un ghid rapid al calităților pe care le asociem cu diferite culori:
- Roșul este culoarea pasiunii, a energiei și a tinereții. Îl vei găsi frecvent folosit în mărcile tinere, în special în companiile alimentare. Exemplele includ Kelloggs, Coca-Cola, Nintendo.
- Rozul este o culoare feminină și este asociat cu dragostea, calmul și grija. Brandurile care îl folosesc frecvent se adresează femeilor, precum Cosmopolitan, Victoria's Secret etc.
- Verdele este culoarea plantelor și, prin urmare, este asociat cu creșterea, restaurarea și mediul. Veți descoperi că este adesea folosit de mărcile care doresc să se asocieze cu „restaurare”, precum Holiday Inn, Starbucks, The Body Shop etc.
- Galbenul este o culoare strălucitoare, energică și veselă. Îl asociezi cu soarele. Mărcile care folosesc galbenul au o atmosferă energică. Gândiți-vă la arcadele aurii de la McDonald's sau la calul cavalabil al lui Ferrari.
- Portocaliu precum galbenul este o culoare asociată cu căldura și optimismul. Gândiți-vă la mărci precum Harley Davidson, Fanta și Nickelodeon.
Selectarea culorilor potrivite pentru marca dvs. poate necesita multă gândire și contemplare. Există multe combinații de culori diferite care pot fi utilizate, cum ar fi schema de culori monocromatică, complementară sau triadică. Adesea veți începe cu culoarea principală, cum ar fi verdele, pe care o preferați și veți construi schema de culori din asta. Dacă aveți nevoie de puțină asistență în selectarea paletei de culori ale mărcii dvs., există instrumente utile pe care le puteți utiliza, cum ar fi acesta creat de Bold Web Design. Afișează toate paletele de culori Fortune 500, inclusiv culorile lor secundare și primare.

Consultați această imagine pentru o prezentare generală rapidă a psihologiei culorilor și a modului în care mărcile o folosesc:
3. Adăugați mai multe moduri de înscriere
Colectați e-mailuri, dar aveți doar un singur buton de „abonare” pe pagina dvs. web?
Atunci ratezi serios un truc.
Colectarea de abonați, înscrieri și alte informații utile este atât de mult despre repetare, cât și despre design. Când oamenii văd ceva repetat pe site-ul dvs. web, este probabil să creadă că este important.
Analizați modul în care utilizați formularele de înscriere în prezent. Faceți o listă cu fiecare poziție în care apare formularul. Dacă este mai puțin de trei ori, nu repeți suficient forma.
Iată câteva locuri în care ar trebui să adăugați formularul:
- Pe site-ul web se încarcă ca saltea de bun venit/pre-roll
- Deasupra meniului de navigare ca o bară de sus
- În meniul de navigare
- Pe pagina de pornire în secțiunea de imagini eroi
- În partea de sus, în interiorul și în partea de jos a paginilor de conținut
- În subsol
- Într-un pop-up
Alegeți oricare trei-patru locații și folosiți formularul de înscriere acolo. Deși riscați să deranjați unii utilizatori, creșterea ratelor de conversie merită de obicei.
4. Folosiți dovada socială
Călătorești printr-un oraș nou și trebuie să mănânci micul dejun. În timp ce conduci, vezi două cafenele pentru micul dejun. Primul are un șir lung de oameni în afara lui. Celălalt pare mai pustiu decât Sahara.
La care te duci?
Prima, desigur.
Ființele umane caută indicii sociale pentru a determina dacă ceva merită timpul lor. Un restaurant, o afacere sau o marcă care este foarte iubită de alții (sau cel puțin percepută ca fiind bine iubită de alții) este văzută ca având o valoare mai mare.
În cazul achizițiilor cu informații reduse (adică în cazul în care cumpărătorul nu știe prea multe despre produs și nici nu îi pasă să afle mai multe), dovada socială devine o modalitate puternică de evaluare a ofertelor. Orice lucru care pare a fi popular vă va atrage atenția.
Încercați să adăugați dovezi sociale pe site-ul dvs.:
- Partajarea de mărturii de la clienți. Cu cât autoritatea clientului este mai mare, cu atât mărturia va fi mai puternică (adică o mărturie de celebritate are mai multă greutate decât una de la un utilizator obișnuit).
- Adăugarea de recenzii și evaluări la produse (cum ar fi Amazon). Cu cât sunt mai multe evaluări și recenzii, cu atât „dovada socială” este mai puternică.
- Folosiți dovada socială de la autoritate, arătând o listă de site-uri web autorizate în care ați fost publicat sau de premii pe care le-ați primit.
De exemplu, Buffer arată o listă de clienți prestigioși pe pagina sa de pornire. Aceasta acționează ca o dovadă socială puternică, deoarece clienții Buffer sunt probabil să respecte aceste organizații:
Este randul tau
Designul nu este doar despre a face lucrurile să arate bine; este, de asemenea, despre îndeplinirea obiectivelor de afaceri ale unui site web. În timp ce mulți designeri pot crea modele uluitoare, creșterea conversiilor rămâne o provocare.
Utilizați aceste patru hack-uri de design pentru a profita mai mult de site-ul dvs. Folosind dovada socială, adăugând mai multe înscrieri și îmbunătățindu-vă CTA, vă veți crește vertiginos ratele de conversie.