Cum să proiectați link-uri și CTA-uri fără probleme

V-ați uitat vreodată la statisticile site-ului dvs. și v-ați întrebat: „De ce nu merg oamenii unde vreau eu?”

De ce nu vă vizitează paginile de produse? De ce nu fac cumpărături?

În această postare vă voi împărtăși câteva sfaturi ale experților care vă pot ajuta să controlați modul în care vizitatorii progresează pe site-ul dvs. web.

Identificați problema

Mai întâi trebuie să identificăm care ar putea fi problema. Instrumentele utile, cum ar fi Google Analytics, vă pot oferi o mulțime de informații statistice despre site-ul dvs., dar am constatat că mai multe instrumente vizuale, cum ar fi Crazy Egg, Heatmap.com și Inspectlet, vă pot ajuta cu adevărat să identificați cu precizie unde sunt problemele din site minciuna.

A avea un cadru vizual de referință, precum o hartă de căldură, vă poate arăta instantaneu ceea ce vă atrage atenția publicului. Este deosebit de util atunci când este combinat cu un scrollmap, care vă poate spune cât de jos sunt vizitatorii paginii dvs.! Uneori, problemele pot fi rapide și ușor de corectat, dar uneori nu sunt atât de clare. Sperăm că aceste sfaturi vă vor ajuta să vă îmbunătățiți site-ul și să vă atingeți mai multe obiective.

Soluții

Claritate

Oricât de neplăcut pare, uneori problema poate fi la fel de simplă ca și clienții care nu știu dintr-o privire ceea ce constituie o legătură și ce nu. Deși acest lucru poate părea evident pentru dvs. și pentru ceilalți, trebuie să ne amintim că toată lumea funcționează diferit și că ar putea vizualiza site-ul dvs. web diferit de modul în care îl vedeți.

De exemplu, imaginile promoționale de pe site-ul dvs. pot face dificilă determinarea exactă a locului unde ar trebui să facă clic vizitatorii dvs. Aceasta este o problemă foarte frecventă pe site-uri web precum downloads.cnet și filehippo.com:

Download.cnet.com este la fel de rău ca filehippo pentru asta. Ați văzut mai întâi linkul de descărcare sau bannerul mare portocaliu și albastru strălucitor din partea de sus a paginii? În acest caz, te-ar duce doar la site-ul companiei, dar altul te-ar putea duce oriunde.

Cum ar putea rezolva asta? Pur și simplu clarificarea ar rezolva instantaneu această problemă. Trebuie să-și disocieze linkurile de anunțurile care încearcă să inducă în eroare oamenii. O modalitate ar putea fi prin adăugarea unei margini flagrante în jurul titlului și a linkului de descărcare ulterior, sau chiar a unei culori și a spațiului complet de fundal pentru a sublinia titlul și linkul de descărcare în continuare. Chiar și ceva la fel de simplu ca o săgeată care indică linkul de descărcare ar face minuni! Doar orice pentru a face ca legătura lor să iasă rapid în evidență de restul și astfel să reducă orice „clicuri ratate”.

Stil

O altă problemă ar putea fi modul în care sunt stilate linkurile și CTA-urile. Acum, nu este bine sau rău când vine vorba de stil. Totul depinde de ceea ce funcționează cu designul și site-ul dvs. web și de ceea ce simțiți că arată cel mai bine, precum și de ceea ce funcționează cel mai bine pentru publicul dvs.

Acestea fiind spuse, s-ar putea să fi observat în ultimii ani o mare creștere a butoanelor mari și luminoase din oceanele vaste ale „spațiului alb”. Există un motiv foarte bun pentru această tendință. Cercetările și statisticile arată că vizitatorii sunt mai predispuși să interacționeze cu aceste tipuri de linkuri, mai mult probabil, decât alte variante:

Dar de ce este asta? De ce suntem atrași, ca utilizatori, de site-uri cu foarte puține elemente cu care să interacționăm, mai degrabă decât de un site web cu o mulțime de căi și linkuri de explorat?

Este simplu: acest lucru nu numai că scapă de orice dezordine, dar stilul îl face foarte clar și evident ceea ce este și nu poate fi făcut clic. CTA-urile și butoanele Înscriere / Logare ne atrag atenția și ne invită să facem clic pe ele.

Dar asta înseamnă că toate linkurile noastre ar trebui să fie butoane mari și luminoase?

Deloc. Dorim doar să evidențiem „Apelurile la acțiune”, adică legăturile noastre cu care dorim ca vizitatorii să interacționeze - ceva, credem noi, care îi va aduce beneficii pentru ei și pentru noi într-un fel, cum ar fi o pagină de vânzări promoționale sau ultimele știri poveste.

Revenind la exemplul PayPal, este OK să utilizați link-uri text simplu pentru linkuri mai standard sau mai puțin importante, atâta timp cât acestea sunt încă foarte clar link-uri către ceva. În zilele trecute, acest lucru a fost întotdeauna indicat cu text subliniat și îl putem folosi și astăzi, atâta timp cât se potrivește cu designul - deși unii oameni consideră că legăturile subliniate nu au prea mult loc în designul modern.

De exemplu, uitați-vă la textul de sub linkul „Aflați mai multe” al PayPal, „Nu sunteți client PayPal? Incepe. ”Prin simpla încurajare a ultimelor două cuvinte, se atrage atenția vizitatorilor și sunt încurajați subtil să interacționeze. „Acest text este diferit”, cred ei. „Există ceva acolo? De ce este bitul în aldine și restul nu? ” Aceasta invită utilizatorul să treacă peste ea și să descopere că este un link!

Este o diferență simplă, dar într-o lume în care trebuie să luptăm pentru fiecare secundă de atenție a utilizatorului, este o diferență care poate duce la un clic și poate fi atât de ușor de implementat. Vedeți ce funcționează cel mai bine pentru site-ul dvs. și pentru clientela dvs.

Locație pe ecran

Utilizatorii au atât de puțin timp să petreacă un site pentru a găsi un link, iar mai mult timp pierdut va avea ca rezultat mai mulți oameni care părăsesc site-ul dvs. Deci, cum putem evita acest lucru? Din nou, pur și simplu o facem astfel încât utilizatorii să poată identifica linkurile cât mai ușor posibil.

Scrollmaps poate fi de mare ajutor aici. Din experiența mea, aproape toți vizitatorii unei pagini vor vedea chiar partea de sus a paginii, dar mai puțin de 20% dintre oameni vor derula până la capăt - chiar mai jos pentru paginile mai lungi. Cu toate acestea, peste 80% vor vedea primele 50% din pagină.

Dimensiunile ecranului joacă un rol important în aceasta, alături de rezoluțiile ecranului și dimensiunea dispozitivului. Cu toate acestea, acest lucru înseamnă că orice sub dedesubtul afișajului va rămâne probabil nevăzut de vizitatorii dvs. Deci, în mod ideal, vrem să ne asigurăm că prețioasele noastre CTA-uri stau pe partea de sus a paginii. Problema rezolvată, nu?

Acesta este un lucru bun de luat în considerare pentru regula generală și funcționează deosebit de bine pentru produse individuale și promoții. Dar ce se întâmplă atunci când comparați rezultatele căutării unui produs, de exemplu? Veți avea multe obiecte care luptă pentru atenția vizitatorului.

Aici va trebui să combinați cele trei lucruri împreună în design: Claritate, Stil și Locație. Lucrul cheie de reținut este că, dacă există prea multe informații pe ecran, utilizatorul își va pierde rapid interesul. Dacă aveți multe produse de afișat, doriți să le oferiți informațiile minime pe care vă puteți permite să le oferiți - în mod ideal titlu, preț și un CTA „Mai multe informații / cumpărați acum”.

Depinde de dvs. să decideți ce să mai includeți. Dar pentru exemple bune de design, căutați pe site-uri mari de supermarketuri, cum ar fi Tesco:

O căutare simplă a „pâinii” produce sute de produse diferite, dar Tesco a permis tuturor produselor să aibă suficient spațiu pentru a respira și a simplificat procesul de cumpărare la „Cantitate?” si adauga".

S-ar putea să observați, de asemenea, că butoanele respectă toate regulile: sunt clare, sunt distanțate și stilate atractiv și apar în mod logic pe grilă, sub produs și orice descriere ar putea avea.

Căutați alte exemple pentru a vedea ce fac site-urile de comerț electronic mari atunci când vine vorba de prezentarea mai multor CTA-uri, s-ar putea să fiți surprins de ceea ce găsiți!

rezumat

Sperăm că acest blog v-a oferit câteva informații despre felul de trucuri simple care pot ajuta cu adevărat la sporirea succesului site-ului dvs. web. Pe scurt, ceea ce trebuie să vă amintiți atunci când creați linkurile și CTA-urile este:

• Claritate . Asigurați-vă că CTA-urile dvs. se deosebesc de orice altceva de pe pagină, mai ales dacă vor exista alte linkuri și butoane care ar putea provoca confuzie. Ar trebui să puteți distinge instantaneu realul de fals.

• Stil. Oamenii sunt atrași de butoanele mari și strălucitoare, iar noi suntem atrași de câmpurile de text mari care ne câștigă atenția. Cu cât utilizatorul are mai puține eforturi pentru a identifica un link sau buton, cu atât este mai probabil să facă clic pe ele. Acest lucru se aplică legăturilor mai mici și mai puțin importante - nu doriți niciodată să pierdeți un link în text sau într-o imagine, așa că stabiliți reguli stricte cu privire la modul în care proiectați linkurile și CTA-urile. Folosiți fonturi îndrăznețe, culori diferite sau altceva pentru a evidenția și distinge clicurile dvs. de cele non-clicabile. Asigurați-vă că sunt utilizate în mod constant. În mod similar, asigurați-vă că niciuna dintre imaginile dvs. nu încorporează aceste elemente, cu excepția cazului în care aveți un motiv foarte bun.

• Locație, locație, locație . Unde plasați contează linkurile și CTA-urile. Dacă linkul dvs. „Cumpărați acum” extrem de valoros și important nu apare deasupra paginii pentru cineva, există mai puțin de 50% șanse ca un client să facă clic pe acesta, deoarece mai puțin de 50% dintre utilizatori vor derula până aici.

Sper că acest sfat vă va ajuta! Nu uitați să căutați întotdeauna și să vedeți ce fac alții pentru a rezolva această problemă și să comparați site-ul cu al dvs. pentru a vedea unde și cum ar putea fi îmbunătățit.