Cum să faci o pagină de destinație mobilă atractivă. Principala regulă a aterizării mobile

S-a spus deja că, la fel ca întregul site sau magazinul online, trebuie optimizat pentru descărcare pe smartphone-uri. Apropo, în articolul „”, nu este dat doar algoritmul de lansare a unui magazin, ci și lecții în valoare de 5 bucăți cu șablon personalizat magazin și totul gratuit. Articolul „” vă va ajuta să organizați rapid vânzările. Folosind aceste două manuale și lecții, puteți începe bine proiectul.

19. Creați o pagină de destinație optimizată pentru dispozitive mobile.

Potrivit eMarketer, vor fi 1,75 miliarde de utilizatori de smartphone-uri la nivel mondial în 2015 și asta abia în 2015, acest număr crește catastrofal. Deoarece sunteți proprietar de afaceri sau marketer, pur și simplu nu puteți ignora utilizatorii de telefonie mobilă vizitând pagina dvs. de destinație.

În prezent, se acordă atât de multă atenție paginii de destinație pentru utilizare deplină browsere (desktop) și experiența mobilă este adesea mediocră. Dar pe măsură ce numărul utilizatorilor de smartphone-uri crește, acest lucru se va schimba.

Dezvoltați pagini de destinație numai adaptive

Nu există nicio îndoială că o pagină de destinație ar trebui optimizată pentru dispozitivele mobile. Aceasta înseamnă că pagina de destinație ar trebui să fie ușor de citit pentru utilizatorii de dispozitive mobile. Și utilizatorii ar trebui să poată completa cu ușurință un formular sau să apese un buton de pe ecran fără a ciupi sau a mări. Și pagina ar trebui să se încarce și mai repede pe un dispozitiv mobil. Dacă pagina se încarcă în aproximativ 3 secunde (reprezentând mile de secundă), atunci cel mai probabil clientul nu va aștepta și va părăsi destinația. Acest lucru ar fi considerat un eșec, rata de eșec în factori comportamentali este foarte important pentru întregul site și cu cât mai multe sărituri, cu atât întregul site este mai prost clasat.

Dar creșterea gradului de adoptare a smartphone-urilor provoacă și ceea ce funcționează cel mai bine pentru o pagină de destinație. De exemplu, doar pentru că pagina dvs. de destinație este vizibilă pe un smartphone nu înseamnă că va face conversie. Un îndemn la acțiune poate fi „pe primul ecran” de la un laptop, dar ce se întâmplă cu el pe unul mai mic ecranul mobil? Dacă majoritatea vizitatorilor dvs. văd pagina dvs. de destinație pe un dispozitiv mobil, atunci este timpul să vă regândiți abordarea și să începeți cu mai întâi mobil ecran. Aceasta înseamnă că pagina de destinație trebuie să fie adaptată în primul rând pentru dispozitivele mobile și, în al doilea rând, pentru computere desktop si laptopuri.

Concluzii:

- Monitorizează încărcarea vânzătorului tău;

- Utilizați imagini și videoclipuri bine optimizate;

Următoarea publicație din carte este Landing Page Testing.

Ați putea fi interesat de:

Imaginați-vă că vă aflați într-un oraș necunoscut și trebuie să găsiți rapid anumite informatii folosind un telefon mobil. gasesti in sfarsit resursa potrivită, dar ... nu este complet destinat ecran mic. Durează o veșnicie până se încarcă pagina, butoanele minuscule nu pot fi găsite, trebuie să copiați și să lipiți număr de telefon companiile să sune la birou. Sau și mai rău: trebuie să completați un formular lung de clienți.

Cu toții am experimentat asta măcar o dată în viață. Statisticile companiei de analiză „IDC” spun că anul acesta vor fi mai mulți utilizatori care accesează internetul folosind dispozitive mobile decât cei care folosesc computere staționare personale.

Cercetare realizată de Luke Wroblewski, Chief Product Officer la Google și autorul cărții Mobile First! arată că între 2009 și 2013 consumul de conținut prin canale familiare precum televiziunea, radioul, presa scrisă a scăzut semnificativ. Singurul indicator care a crescut este utilizarea dispozitivelor mobile.

Mai mult ca niciodată, oamenii fac acum cumpărături online, citesc știrile și navighează pe site-uri web pe telefoanele lor. Dar, în ciuda faptului că această tendință se dezvoltă de câțiva ani, multe resurse nu s-au putut adapta.

Chiar și în 2015, majoritatea utilizatorilor au o serie de dificultăți:

• Paginile de destinație nu sunt optimizate pentru ecranele mobile, paginile sunt greu de navigat;
• Trebuie să măriți și să micșorați în mod constant paginile pentru a găsi informațiile de care aveți nevoie;
• Trebuie să introduceți în mod constant unele date;
• Paginile se încarcă lent;
• Butoanele sunt prea mici, așa că adesea vizitatorul ajunge la pagina greșită.

Datorită faptului că procentul de utilizare a dispozitivelor mobile crește în fiecare an, problema îmbunătățirii gradului de utilizare a versiunii mobile devine din ce în ce mai relevantă.

Dacă nu ți-ai optimizat încă pagina de destinație și nu ești sigur că toți utilizatorii de telefoane vor fi mulțumiți de ea, fii atent la aceste 5 greșeli comune și nu le face niciodată. În caz contrar, clienții tăi potențiali vor rămâne dezamăgiți și vor face o alegere în favoarea concurenților.

1. Site-ul nu este optimizat pentru dispozitive mobile

În decembrie 2012, resursa media Mashable a proclamat că 2013 este anul designului responsive. Companii majore apoi au acordat atenție acestui lucru și au dezvoltat versiuni mobile ale resurselor lor. Dar mulți nu se pot lăuda afișare corectă paginile de până acum.

Designul responsive este o modalitate de a vă ajuta resursa să se afișeze bine platforme diferiteși dispozitive fără a crea mai multe pagini. De exemplu, utilizatorii, fără să piardă timpul cu scalarea (la urma urmei, acest lucru este cu adevărat enervant), vor putea trece direct la navigare. Designul responsive nu numai că va îmbunătăți experiența utilizatorului, ci va avea și un impact pozitiv asupra conversiilor.

Retailerul de îmbrăcăminte O'Neill Clothing a obținut rezultate impresionante după ce agenții săi de marketing au aplicat design adaptiv. Ei au urmărit trei valori cheie: conversii, oferte și venituri timp de trei săptămâni înainte și după aplicarea tehnologiei. Rezultatele au fost incredibile.

Dispozitive iOS:

• Conversia a crescut cu 65,71%
• Numărul de tranzacții - cu 112,50%
• Venituri - cu 101,25%

Dispozitive Android:

• Conversia a crescut cu 407,32%
• Numărul de tranzacții - cu 333,33%
• Venituri - cu 591,42%

Pot fi date multe exemple pentru a ilustra beneficii clare design adaptiv. Skinny Ties, o companie care face legături din 1971, a înregistrat o creștere de 42,4% a veniturilor după lansarea mobilului. La firma de ținute fotografice Think Tank Photo, numărul ofertelor făcute folosind smartphone-uri și tablete a crescut cu 96% față de anul precedent.

2. Ignorarea obiectivelor utilizatorului

O altă greșeală comună este să presupunem că designul receptiv va rezolva toate problemele. Dar totul nu este atât de simplu. Deși este capabil să prevină multe dificultăți, merită luate în considerare intențiile acelor utilizatori care accesează resursa de pe un telefon mobil.

Mike Mace, vicepreședintele UserTesting, a cercetat mii de versiuni mobile. Iată concluzia lui: „Trebuie să vă reproiectați site-ul special pentru dispozitive mobile, nu doar să îl ajustați. Versiunea mobilă nu este doar un set diferit de tehnologii, este și un comportament diferit al utilizatorului, așteptări diferite.”

De exemplu, proprietarii de smartphone-uri se așteaptă ca obiectivele lor să fie îndeplinite imediat. Vor să găsească rapid informații în timpul unei pauze între întâlniri sau în timpul călătoriei cu autobuzul. Utilizatorul de tabletă are adesea timp să caute, de exemplu, stă acasă în fața televizorului (care, apropo, funcționează ca o distragere a atenției).

De asemenea, trebuie avut în vedere că nevoile și prioritățile proprietarilor de telefoane mobile diferă adesea de cele ale utilizatorilor de computere de acasă: primul, cel mai probabil, va trebui să găsească rapid un card sau un număr de telefon. Prin urmare, experții recomandă nu doar „transferarea” tuturor informațiilor de pe pagina de destinație către versiune mobila, dar gândiți-vă la obiectivele utilizatorilor și la designul corespunzător.

Nimănui nu-i place să completeze formulare lungi chiar și pe site-urile obișnuite, ci să intre diverse informatii prin mobil - este atât de enervant încât nu se încadrează în niciun cadru. Sfatul principal: Evitați formele lungi și plictisitoare atunci când dezvoltați o versiune mobilă.

Drept urmare, veți primi nu numai o experiență pozitivă de utilizator, ci și o creștere a veniturilor, creșterea afacerii dvs. După cum am aflat deja, formele lungi sunt enervante și, dacă le folosiți, cu siguranță vei reduce rata de conversie în acest fel. De exemplu, o mare agenție de turism, Expedia, a pierdut 12.000.000 USD din profit din cauza câmpurilor de formular inutile care derutează utilizatorii și pur și simplu îi confundă.

Dacă utilizatorii văd formulare lungi pe dispozitivul lor mobil, vor încerca să evite interacțiunile obositoare. Autoarea Lean Startup UX, Laura Klein, notează: „Așteptările ca utilizatorii de dispozitive mobile să introducă date în același timp computere desktop este cea mai mare greșeală pe care o fac multe companii.

Câteva sfaturi pentru a crea cele mai convenabile și mai ușor de înțeles formulare:

• Alege doar forme simpleși nu cere prea multe informații;
• Eliminați câmpurile suplimentare;
• Activați completarea automată pentru cele mai comune cuvinte și expresii;
• Utilizați instrumentele încorporate în dispozitivele mobile ( tastatură numerică, GPS, agende cu adrese, camere foto etc.).

O situație familiară: încercați să urmați un link sau să completați un formular folosind telefon mobil, dar în schimb aterizați pe o pagină complet diferită. Combinația dintre ecrane mici și multe elemente pe care se poate face clic creează multe inconveniente pentru utilizatori.

Steven Hoober, designer, designer și autor al cărții Designing interfețe mobile” sfătuiește: „Asigurați-vă că fiecare zonă de atingere este pe macar 8 milimetri de centrul celuilalt, deși o distanță de 10 milimetri este chiar de preferat.”

Link-uri, câmpuri de formular și multe altele elemente importante trebuie să fie suficient de mare pentru ca utilizatorii să facă clic cu ușurință pe ele. În acest scop, Apple a stabilit o dimensiune minimă a obiectului de 44x44 pixeli. Acum acest standard este utilizat pentru toate produsele companiei.

Nu există reguli și dimensiuni care să se potrivească fiecărei pagini de destinație, dar conform lui Steven Huber, trei criterii ar trebui luate în considerare atunci când se dezvoltă o resursă: butoanele trebuie să fie lizibile, clare și atractive pentru utilizatori.

Utilizatorii de telefonie mobilă sunt foarte nerăbdători și încărcare lentă este o problema serioasa. 80% dintre proprietarii de smartphone-uri se așteaptă ca paginile să se încarce la fel de repede ca pe ecranul computerului. Dacă site-ul nu răspunde la atingerea utilizatorului, atunci persoana este cel mai probabil:

În loc de concluzie

Nivelul consumului de conținut media prin intermediul dispozitivelor mobile crește în fiecare lună. Din ce în ce mai mulți oameni au acces la internet mobil, și este important să țineți cont de acest lucru atunci când dezvoltați o pagină de destinație sau un site web.

Resursele prea complexe frustrează utilizatorii și îi împing către concurenți. Făcând pagina dvs. de destinație ușor și plăcut de utilizat pe dispozitive mobile, veți înceta să mai ratați potențiali cliențiși creșteți ratele dvs. de generare de clienți potențiali.

Traficul mobil a schimbat lumea atât de repede încât noile reguli ale jocului i-au luat pe mulți prin surprindere. Cele mai recente cercetări de piață arată o stagnare constantă a segmentului desktop pe fundalul unei creșteri puternice a mobilelor, care durează de mai bine de un an. În astfel de condiții, o afacere care nu este pregătită să lucreze cu cel mai valoros trafic de pe smartphone-uri și tablete va înceta să mai fie eficientă - acum sau peste șase luni, nu contează.

Acest lucru este valabil mai ales pentru companiile din segmentul de comerț electronic care se bazează pe vânzări prin pagini de destinație. Numărul unu pe lista de sarcini pentru șeful unei astfel de afaceri, evident, ar trebui să fie adaptarea paginii de destinație pentru dispozitive mobile. Și pentru ca acesta să fie cât mai eficient posibil, merită să evaluați domeniul de activitate.

Deci - ce și cum ne adaptăm?

• Poze.De regulă, imaginile de pe desktop sunt obscen de mari și durează o veșnicie să se încarce pe mobil. Trebuie fie să le faci mai mici - să le potriviți pe ecranele smartphone-urilor și tabletelor, să reduceți calitatea pentru a reduce greutatea, fie să utilizați pluginul/scriptul Adaptive Images, care alege dimensiunea și calitatea imaginii în funcție de dispozitiv. Prima soluție este mai corectă din punct de vedere strategic și vă va permite să vă optimizați mai eficient pagina de destinație pentru dispozitivele mobile.

• Meniul.Simplificați navigarea prin meniu - scăpați de opțiunile mai puțin importante, file cu mai multe etape și fonturi mici.

• Mese.Orice magazin online este format din tabele cu bunuri, iar acestea se găsesc adesea pe alte site-uri. Pentru ca aceste date să fie afișate corect la adaptarea unei pagini de destinație pentru dispozitive mobile, luați în considerare posibilitatea defilare orizontală- astfel încât conținutul principal să rămână nemișcat.

• Formulare de intrare.Ele trebuie să fie mai mari și optimizate pentru utilizare tipuri corecte câmpuri. Dezactivați, de asemenea, corectarea automată, tastând cu majusculăși remediază - interferează cu introducerea datelor de pe telefon.

• Conţinut.Nu folosiți un font mai mic de 16 puncte, nu uitați de indentări între linii și de la marginea ecranului - și nu simplifica atât de mult conținutul încât clientul trebuie să meargă pe site-ul desktop în căutarea informatie necesara.

• Adaptabilitate.Mulți oameni cred că optimizarea unei pagini de destinație pentru dispozitive mobile înseamnă să o faceți receptivă. Acest lucru nu este în întregime adevărat: site-ul pur și simplu trebuie să fie afișat corect pe toate ecranele, ceea ce nu se realizează în niciun caz cu o singură tehnologie. Citiți mai multe despre tehnologiile de mobilizare a site-urilor web în articolul nostru.

• Viteza de descărcare.Acest parametru depinde direct de toate punctele anterioare. De regulă, site-urile mobile realizate folosind tehnologia generatorului de șabloane sunt cele mai rapide de încărcat. Deoarece șabloanele sunt deja bine optimizate în avans, toate paragrafele anterioare poți sări în siguranță lista și să treci la cel mai interesant - alegerea și configurare ușoară varianta potrivita.

În toate aceste lucruri aparent complexe se pot încadra cu ușurință solutii simple. Pe piata ruseasca este prezentată o alegere de opțiuni de adaptare pagina de destinație pentru dispozitive mobile pentru orice gust și buget: puteți închiria un întreg studio web sau puteți utiliza servicii online. De exemplu, MoAction oferă peste 100 de soluții gata făcute, care au cel mai mare rating de mobilitate de la Google și sunt profesioniști.

Alegerea este a ta!

Pagina de destinație este un instrument web pentru marketeri pentru a crește profiturile companiei. O pagină care ierta are rate de conversie mai mari decât pagina simpla. Pentru ca acesta să fie maxim, pagina de destinație trebuie să fie de încredere pentru utilizator, precum și să fie afișată corect pe toate dispozitivele. Mai jos vom afla de ce este importantă optimizarea paginii pentru dispozitivele mobile.

Numărul de tranziții de la dispozitivele mobile crește rapid:

În Runet, aproape 55% dintre clienți accesează pagina de destinație de pe dispozitivele mobile. În sectorul de limbă engleză al internetului, această cifră este mai mare. 70% dintre vizitatorii de internet folosesc dispozitive mobile ca calea principală acces la rețea.

De ce crește numărul de trafic mobil?

• Abundență de dispozitive mobile pe piață
• Un număr mare de operatori de internet
• Internet mobil de bună calitate
• Distribuția zonelor wi-fi
• Apariția versiunilor mobile ale browserelor celebre
• Simplitatea și ușurința în utilizare a dispozitivelor mobile

Clienții merg pe pagina în căutarea informațiilor/produsului/serviciului necesar, lucrând cu telefoane, smartphone-uri, iPad-uri, tablete. Traficul mobil al paginii dvs. de destinație este ușor de urmărit. Există instrumente online speciale pentru aceasta (de exemplu, LiveInternet, Google Analytics). Ei colectează continuu statistici ale vizitatorilor paginii de destinație, inclusiv colectarea de informații despre trafic.

Se poate dovedi că traficul mobil pagina de destinație este egală sau chiar depășește numărul de utilizatori de pe dispozitive desktop. Dacă ponderea clienților care au ajuns la pagină din gadgeturi este semnificativă, atunci nu te poți lipsi de o versiune mobilă. Există o cale de ieșire: crea versiune separată pagina de destinație pentru dispozitive mobile sau adaptați pagina de destinație pentru dispozitive fără fir.

De ce este nevoie de asta?

• Pentru a nu pierde consumatorii . 50% dintre clienți nu revin la o pagină de destinație dacă au avut o experiență proastă la intrarea pe această pagină de destinație.
• Pentru ca toți vizitatorii de pe Internet să poată explora pe deplin pagina de destinație. Ar trebui să fie compatibil cu dispozitivele mobile. 91% dintre cei care caută un loc de muncă pe mobil se transformă în cumpărători.
• Oferiți clientului posibilitatea de a vizita pagina de destinație de pe orice dispozitiv disponibil.

Ce ar trebui făcut pentru a nu pierde clientul dispozitivelor lor mobile?

• Alegem găzduire de înaltă calitate. Oferim acces rapid și constant la pagina de destinație. Utilizatorul mobil nu va aștepta ca pagina să se încarce, are nevoie de informații acum.
• Redirecționați la versiunea mobilă. Cu posibilitatea de a reveni la versiunea completă.
• Aspect special de pagină pentru traficul mobil. Pentru afișarea corectă a paginii de destinație pe dispozitive mobile.
• Meniul de navigare (sus - jos)
• Defilare verticală (glisare)
• Interfață convenabilă și informații relevante
• Nu reîncărcăm pagina. Refuzam flash-ul în favoarea HTML, JQuerty, jpeg - grafică.
• Limitat, dar în concordanță cu conceptul general al designului paginii de destinație
• Așezăm conținutul într-o coloană, unde scriem „call to action” în partea de sus a coloanei principale. Dacă apelul trebuie plasat în partea de jos, atunci în partea de sus a paginii cu siguranță vom folosi teasere.
• Scapăm. Dimensiune acceptabilă pentru afișare corectă gadgeturi mobile- până la 8 inci.
• Funcția de apel la atingere. Este mai ușor pentru client să apese un singur buton decât să formeze întregul număr.
• Oferim posibilitatea de a face clic pe butoane. Acestea ar trebui să fie de asemenea dimensiuni încât consumatorul să poată efectua cu ușurință acțiunea; situate la distanță unul de celălalt pentru funcționalitate.
• Crearea butoanelor retele sociale. Majoritatea vizitatorilor mobili își folosesc dispozitivele pentru a vizita rețelele sociale. retelelor.
• Adaptăm textul (tabele, markere, teze)
• Lizibilitatea paginii. Capacitatea de a scana, nu de a citi.
• Înlocuirea linkurilor cu butoane pe care se poate face clic
• Localizarea căutării. Pentru a crește indicatorii de clasare, folosim o interogare care este relevantă în raport cu locația vizitatorului.
• Orientat pe date. Traficul mobil este asociat cu evenimentele prezentului și viitorului.
• Îmbunătățirea formularelor de captare, chestionarelor (puține câmpuri de completat)
• Concentrați-vă pe poziționarea verticală și orizontală
• Testim. Verificăm calitatea de afișare a paginii de destinație pe diferite dispozitive mobile cu emulatori.

Merită să luați în considerare nevoile utilizatorilor de dispozitive mobile ale paginii de destinație. Acestea reprezintă aproape jumătate din tot traficul pe pagina de destinație și numărul lor este în creștere.

Procesele inovatoare din domeniul IT cresc traficul mobil. Cererea de resurse pentru dispozitive mobile depășește oferta, așa că aveți grijă de adaptabilitatea paginii dvs. de destinație în avans.

Și din nou Vești bune Pentru proprietarii de site-uri WordPress, există pluginuri care creează o versiune mobilă a site-ului dvs. pe un subdomeniu, cum ar fi WP Mobile Edition.

pro aceasta metoda: Puteți simplifica semnificativ designul site-ului pentru dispozitive mobile, ceea ce va avea un efect bun asupra vitezei acestuia.

Minusuri: trebuie să creați un subdomeniu și să îl configurați, să scrieți un șablon separat pentru acesta și un script care determină de pe ce dispozitiv provine utilizatorul, iar acest lucru este mai lung decât crearea unui design adaptiv.

Ce vom primi?

Adresă suplimentară a site-ului pe subdomeniul „m.” cu un design diferit de domeniul principal, simplificat. Rețeaua este plină de exemple ale unei astfel de implementări, de exemplu, aici este un site binecunoscut:

Dacă ați făcut o alegere și ați comandat una dintre metodele de implementare, nu uitați să verificați cum este afișat site-ul dvs. pe dispozitivele mobile și în Teste online Google.

Mai multe despre subiect:

Ai întrebări?

Întrebați-i chiar acum și vă vom răspunde în 8 ore lucrătoare.