12 tehnici de realizare a unui landing page optimizat pentru mobil

Domeniul marketingului digital capătă o tot mai mare amploare, însă spaţiul pe care activează parcă se restrânge tot mai mult. Vorbesc aici despre ecranul smartphone-ului, care are o diagonală de 5, 5,5 sau 6 inch. Pentru ca marketingul digital sa aibă succes chiar şi atunci când este afişat pe un gadget inteligent, este absolut necesar să ai un landing page optimizat pentru mobil.

Piaţa dispozitivelor mobile inteligente este într-o continuă dezvoltare, statistici recente arătând că există în momentul de faţă peste 6 miliarde de smartphone-uri utilizate la nivel mondial. Asta înseamnă aproape 90% din întreaga populaţie a planetei!

Scopul declarat, pentru ca procesul de promovare pe care îl întreprinzi să fie unul de succes, este să optimizezi landing page-ul site-ului tău pentru dispozitive mobile. Cu siguranţă nu îţi doreşti să pierzi utilizatori, vizitatori şi implicit surse potenţiale de venituri datorită inexistenţei acestei optimizări.

Pentru ca această optimizare să se traducă în ceva util si benefic afacerii tale, trebuie să ai în vedere următoarele elemente ce vor aduce succesul:

12 Elemente necesare pentru crearea unui landing page optimizat pentru mobil

1. Fii vizibil

Trebuie să te asiguri că ceea ce afişează landing page-ul este vizibil pe orice tip de smartphone sau tabletă. Există o serie de elemente care nu pot fi vizionate de unele dispozitive mobile: fişiere Flash, imagini PNG-24 şi o gamă extinsă de plug-in-uri care transformă conţinutul de afişat în unul inaccesibil. Nu îţi doreşti ca utilizatorul să îţi închidă pagina deoarece a primit următorul mesaj de eroare:

eroare

Va trebui să foloseşti, în acest caz, alte mijloace de afişare mai prietenoase, pe care le suportă majoritatea smartphone-urilor şi tabletelor. Conţinutul va fi astfel încărcat complet, dacă vei folosi elemente precum HTML5, jQuery sau imagini de tip JPG.

Nu te poţi aştepta să începi să ai conversii de pe site-ul în variantă mobilă, dacă nimeni nu poate vizualiza conţinutul landing page-ului, astfel pune în aplicare elementele de optimizare enumerate anterior.

2. Scalează şi dimensionează

Ajută-te de tot ceea ce înseamnă elemente de web design responsive pentru a determina aşezarea potrivită în pagină. Orice tip de conţinut pe care utilizatorii îl vizualizează în landing page trebuie să fie afişat într-o manieră prietenoasă.

redimensionare

Nu uita de un element vital: pagina trebuie să scaleze şi să redimensioneze conţinutul indiferent de orientare – portrait sau landscape. În esenţă trebuie să ai acel landing page perfect optimizat pentru orice dispozitiv mobil, indiferent de dimensiunile display-ului.

3. Fii concis

Mă refer aici la titluri şi subtitluri din cadrul conţinutului. Dacă un titlu are 10 cuvinte, încearcă să îl reduci la 5. Dacă un subtitlu are 6 cuvinte, redu numărul acestora la jumătate.

Ai înţeles ideea – va trebui să faci asta ori de câte ori este posibil. Fiecare cuvânt contează – TREBUIE să conteze – pe un landing page mobil.

Motivul nu e doar unul singur. Ecranele sunt prea mici pentru o aglomerare de cuvinte scrise cu un font mare, iar capacitatea de atenţie a utilizatorului de dispozitiv mobil este considerabil redusă faţă de cea a unui utilizator de desktop.

4. Asigură disponibilitate

Invită utilizatorul la acţiune, chiar din cadrul landing page-ului. Un exemplu ar fi un buton de tipul „Click to call” sau „Tap to call”.

Dacă utilizatorul ţi-a găsit business-ul şi este interesat, a avea acel buton prin care numărul de telefon se formează automat te poate ajuta foarte mult să creşti numărul conversiilor obţinute – cel puţin pe partea de utilizatori de dispozitive mobile.

click to call

Te poţi folosi de diverse strategii: plasează simbolul unui telefon sau include un text care să invite la acţiune, de tipul „Sună acum”, evidenţiază respectivul link cu o altă culoare sau oferă ceva promoţional pentru cei ce aleg să te contacteze direct.

5. Plasează butoanele într-un mod eficient

Ţine cont de faptul că link-urile şi butoanele pe care le plasezi în cadrul landing page-ului trebuie să fie accesibile. Pentru majoritatea dispozitivelor, această accesibilitate înseamnă de obicei un buton de acţiune afişat pe o zonă de la 38×38 pixeli până la 44×44 pixeli.

Asigură-te de asemenea că laşi şi spaţii suficiente între link-uri şi butoane, pentru ca utilizatorul să nu aibă parte de frustrări, accesând din greşeală un alt link.

Foloseşte de asemenea şi plug-in-uri pentru gesturi de alunecare/tragere (swipe), acolo unde este posibil.

6. „Subţiază” conţinutul

Pentru acest pas va trebui să concepi un conţinut care să fie dispus într-o singură coloană. Pe cât posibil, acel buton sau link ce îndeamnă la acţiune ar trebui poziţionat în prima parte a conţinutului – de obicei asta înseamnă zona primilor 100 de pixeli din display-ul unui smartphone.

Dacă acel text sau buton care invită la acţiune nu poate fi încadrat în acea zonă, decât să aglomerezi spaţiul inutil, plasează o altfel de invitaţie: „Vezi mai jos o ofertă specială„.

7. Gândeşte la nivel local

Smartphone-urile şi alte dispozitive mobile sunt folosite atunci când utilizatorul este – cum se spune – „pe fugă”. Asta nu înseamnă însă că nu poţi afla unde este, sau că nu poţi să îţi atragi beneficii de pe această parte.

cautari locale

Foloseşte-te şi de elementul de local, pentru a crea un landing page mai relevant pentru potenţialii clienţi. Pentru a face asta poţi alege oricare din variantele următoare (sau chiar toate):

  • include link-uri către magazine sau puncte de interes situate în apropiere
  • personalizează titlurile cu numele oraşului sau regiunii
  • include în formularele web elemente legate de locaţie, precum coordonate sau coduri poştale

Toate acestea îţi vor mări rata de conversie provenită de la utilizatori de dispozitive mobile, prin simplul fapt că ai facilitat accesul şi celor care caută la nivel local.

8. Foloseşte formulare cât mai simple

Fiecare formular pe care îl incluzi în landing page trebuie să fie cât mai simplu şi mai eficient.

Utilizatorul, în momentul în care a fost convins să treacă la acţiune, nu îşi doreşte să aibă de completat formulare cu un număr foarte mare de câmpuri în care trebuie să introducă date.

Unele cercetări arată că a avea formulare complexe în landing page-ul pentru mobil poate duce la o scădere cu până la 50% a ratei de conversie. În cazul în care nu poţi să încadrezi toate câmpurile ce trebuie completate într-o singură pagină, împarte formularul în mai multe secţiuni.

9. Fii rapid

Este vorba despre aceeaşi problemă pe care o întâlneşti şi la site-urile în variantă desktop: timpul de încărcare.

Pentru paginile destinate a fi accesate de pe dispozitive mobile, va trebui să obţii un timp de încărcare de maximum 5 secunde. Poţi face acest lucru păstrând un design simplu şi uşor, cu un maximum de 20 kilobytes la nivel de cantitate a datelor.

10. Treci direct la subiect

Utilizatorul nu îşi doreşte să parcurgă foarte multe etape până să ajungă la obţinerea răspunsului căutat. Din acest motiv, trebuie să limitezi numărul de acţiuni pe care le va face la un maximum de trei sau patru.

etape

Indiferent dacă este vorba despre a comanda un produs, despre a face o rezervare sau de a intra în contact cu un consultant, totul trebuie să poată fi realizat într-un număr redus de paşi.

În plus, fiecare pas de urmat trebuie să fie uşor de finalizat, pentru că, în caz contrar, utilizatorul se va plictisi sau va deveni frustrat şi va ieşi de pe pagină.

11. Fii lizibil

Conţinutul nu trebuie sacrificat din motive de dimensiuni. Chiar dacă faci acea scalare şi redimensionare despre care vorbeam la punctul 2, asigură-te că întregul text este uşor de citit şi parcurs, că font-ul nu este prea mic.

Dacă citirea textului va implica nevoia unui zoom-in, iar pentru următorul pas va fi nevoie de un zoom-out, acestea constituie două etape suplimentare ce pot fi considerate prea multe pentru a ajunge la conversia finală.

zoom

12. Fă teste pentru a găsi cea mai potrivită soluţie

În niciun caz nu e recomandat să alegi aceleaşi soluţii de afişare pe care le-ai folosit pentru varianta de landing page pentru desktop. Pentru versiunea de mobil va trebui astfel să te reorientezi nu doar către ceva similar cu o versiune desktop „light” – optimizarea pentru mobil este cu totul altceva şi va trebui să aplici un cu totul alt set de reguli. Pentru a vedea cateva strategii legate de optimizarea mobile-friendly poţi să verifici şi acest articol.

Concluzii

Ideea de bază pe care trebuie să o ai în minte atunci când concepi un landing page pentru mobil este scopul pentru care faci acest lucru. La ce rezultate te aştepţi în urma acestor eforturi?

Nu vei putea include la un landing page pentru mobil toate acele elemente ce pot fi afişate pe desktop-uri sau laptop-uri, astfel eforturile tale trebuie să vizeze exact scopul ce ţi l-ai propus: creşterea traficului, creşterea numărului de conversii, a cererilor de produse pe care le oferi şi aşa mai departe.

Dacă îţi doreşti eficienţă în optimizarea pentru mobil, pune accent pe simplitate, utilitate şi performanţă. Paginile trebuie să se încarce rapid, conţinutul trebuie să fie lizibil şi aerisit, în aşa fel încât utilizatorii să poată avea acces rapid şi uşor la tot ceea ce caută.