Ce trebuie să știți pentru a crește numărul de conversii de plată pe mobil

Publicat: 2022-03-10
Rezumat rapid ↬ Datele ne spun că există mai multe vizite web pe dispozitive mobile decât pe desktop. Cu toate acestea, ratele de conversie mobile sunt încă în urmă față de cele de pe desktop. Acest articol va analiza de ce vizitatorii dvs. de pe mobil sunt dispuși să renunțe complet la achizițiile lor.

Indexarea Google pe mobil mai întâi este aici. Ei bine, pentru unele site-uri oricum. Pentru noi ceilalți, va fi aici destul de curând, iar site-urile noastre web trebuie să fie într-o formă optimă dacă nu dorim ca clasamentele de căutare să fie afectate negativ de schimbare.

Acestea fiind spuse, designul web responsive nu este nimic nou. Am creat experiențe personalizate pentru utilizatorii de dispozitive mobile de ani de zile, așa că majoritatea site-urilor noastre ar trebui să fie bine pregătite pentru a prelua acest lucru... nu-i așa?

Iată problema: cercetările arată că dispozitivul dominant prin care utilizatorii accesează web, în ​​medie , este smartphone-ul. Desigur, s-ar putea să nu fie cazul fiecărui site web, dar datele indică faptul că aceasta este direcția în care ne îndreptăm și, prin urmare, fiecare designer web ar trebui să fie pregătit pentru asta.

Cu toate acestea, conversiile de plată pe mobil nu sunt bune. Există o serie de motive pentru acest lucru, dar asta nu înseamnă că designerii de m-commerce ar trebui să accepte acest lucru întins.

Pe măsură ce mai mulți utilizatori de telefonie mobilă se bazează pe dispozitivele lor inteligente pentru a accesa web, site-urile web trebuie să fie proiectate mai abil pentru a le oferi experiența de plată simplificată, convenabilă și sigură pe care și-o doresc. În următoarea rezumat, voi explora câteva dintre impedimentele în calea conversiei în procesul de plată pe mobil și mă voi concentra pe ceea ce pot face designerii web pentru a îmbunătăți experiența.

Mai multe după săritură! Continuați să citiți mai jos ↓

De ce sunt întârziate conversiile de plată pe mobil?

Conform datelor, prioritizarea experienței mobile în strategiile noastre de web design este o mișcare inteligentă pentru toți cei implicați. Având în vedere că oamenii își petrec aproximativ 51% din timp cu mediile digitale prin intermediul dispozitivelor mobile (spre deosebire de doar 42% pe desktop), motoarele de căutare și site-urile web chiar trebuie să se alinieze tendințelor utilizatorilor.

Acum, în timp ce acea statistică prezintă o imagine pozitivă în sprijinul proiectării site-urilor web cu o abordare pe mobil, mai întâi, plutesc și alte statistici care te-ar putea face să te ferești de asta. Iată de ce spun asta: raportul trimestrial de comerț electronic al Monetate, emis pentru T1 2017, a avut câteva date cu adevărat interesante de arătat.

În acest prim tabel, ei defalcă procentul de vizitatori ai site-urilor de comerț electronic care utilizează diferite dispozitive între T1 2016 și T1 2017. După cum puteți vedea, accesul la internet prin smartphone a depășit într-adevăr desktop-ul:

Vizite pe site-ul web pe dispozitiv T1 2016 T2 2016 T3 2016 Q4 2016 T1 2017
Tradiţional 49,30% 47,50% 44,28% 42,83% 42,83%
Smartphone 36,46% 39,00% 43,07% 44,89% 44,89%
Alte 0,62% 0,39% 0,46% 0,36% 0,36%
Comprimat 13,62% 13,11% 12,19% 11,91% 11,91%

Descoperirile Monetate pe ce dispozitive sunt folosite pentru a accesa internetul. (Sursă)

În acest următor set de date, putem vedea că rata medie de conversie pentru site-urile de comerț electronic nu este grozavă. De fapt, numărul a scăzut semnificativ din primul trimestru din 2016.

Rate de conversie T1 2016 T2 2016 T3 2016 Q4 2016 T1 2017
Global 3,10% 2,81% 2,52% 2,94% 2,48%

Constatările Monetate privind ratele de conversie globale ale comerțului electronic (pentru toate dispozitivele). (Sursă)

Și mai șocantă este împărțirea între ratele de conversie a dispozitivelor:

Rate de conversie în funcție de dispozitiv T1 2016 T2 2016 T3 2016 Q4 2016 T1 2017
Tradiţional 4,23% 3,88% 3,66% 4,25% 3,63%
Comprimat 1,42% 1,31% 1,17% 1,49% 1,25%
Alte 0,69% 0,35% 0,50% 0,35% 0,27%
Smartphone 3,59% 3,44% 3,21% 3,79% 3,14%

Constatările Monetate privind ratele medii de conversie, defalcate pe dispozitiv. (Sursă)

Smartphone-urile primesc în mod constant mai puține conversii decât desktop-ul, în ciuda faptului că sunt dispozitivul predominant prin care utilizatorii accesează web-ul.

Care este problema aici? De ce putem atrage oamenii pe site-uri web mobile, dar îi pierdem la finalizarea comenzii?

În raportul său din 2017, intitulat „Ierarhia nevoilor pentru dispozitive mobile”, comScore detaliază primele cinci motive pentru care ratele de conversie a plăților mobile sunt atât de scăzute:

Motive pentru care m-commerce nu face conversie
Cele mai comune motive pentru care cumpărătorii din comerțul virtual nu fac conversie. (Imagine: comScore) (Vezi versiunea mare)

Iată detalierea motivelor pentru care utilizatorii de dispozitive mobile nu efectuează conversii:

  • 20,2% - preocupări de securitate
  • 19,6% - detalii neclare despre produs
  • 19,6% — incapacitatea de a deschide mai multe file de browser pentru a compara
  • 19,3% — dificultate de navigare
  • 18,6% — dificultate la introducerea informațiilor.

Acestea sunt motive plauzibile pentru a trece de la smartphone la desktop pentru a finaliza o achiziție (dacă nu au fost complet oprite de experiență până în acel moment, adică).

În concluzie, știm că consumatorii doresc să acceseze web prin intermediul dispozitivelor lor mobile. De asemenea, știm că barierele în calea conversiei îi împiedică să rămână pe loc. Deci, cum ne descurcăm cu asta?

10 moduri de a crește numărul de conversii pentru achiziții mobile în 2018

Pentru majoritatea site-urilor web pe care le-ați proiectat, este puțin probabil să observați o schimbare semnificativă în clasamentul căutării atunci când indexarea Google pe mobil mai întâi devine oficială.

Modelele dvs. compatibile cu dispozitivele mobile ar putea fi „suficient de bune” pentru a vă menține site-urile web în partea de sus a căutării (oricum pentru a începe), dar ce se întâmplă dacă vizitatorii nu rămân în preajma pentru a face conversii? Va începe Google să vă penalizeze pentru că site-ul dvs. nu poate încheia înțelegerea cu majoritatea vizitatorilor? Sincer, acest scenariu se va întâmpla doar în cazuri extreme, în care checkout-ul mobil este atât de prost construit încât ratele de respingere cresc vertiginos și oamenii nu mai doresc deloc să viziteze site-ul.

Să presupunem că scăderea traficului la checkout nu implică penalități de la Google. Este grozav... în scopuri SEO. Dar ce zici de afaceri? Scopul tău este să-i faci pe vizitatori să convertească fără distragere și fără fricțiuni. Cu toate acestea, asta pare să fie ceea ce primesc vizitatorii de pe mobil.

În continuare, obiectivul tău trebuie să fie dublu:

  • pentru a proiecta site-uri web având în vedere misiunea și liniile directoare ale Google, în primul rând pe mobil,
  • pentru a menține utilizatorii de telefonie mobilă pe site până când finalizează o achiziție.

În esență, aceasta înseamnă scăderea cantității de muncă pe care utilizatorii trebuie să o facă și îmbunătățirea vizibilității măsurilor dvs. de securitate. Iată ce puteți face pentru a proiecta mai eficient plățile mobile pentru conversii.

1. Păstrați elementele esențiale în zona degetelor mari

Cercetarea cu privire la modul în care utilizatorii își țin telefoanele mobile este o pălărie veche. Știm că, indiferent dacă folosesc abordarea cu o singură mână sau cu două mâini, anumite părți ale ecranului mobil sunt incomod pentru utilizatorii de telefonie mobilă. Și atunci când se așteaptă oportunitatea în timpul plății, acesta este ceva cu care nu vrei să te încurci.

Pentru utilizatorii cu o singură mână, mijlocul ecranului este terenul de joc principal:

Zona pentru degetul mare pentru mobil cu o singură mână
Zonele bune, OK și rele pentru utilizatorii de telefonie mobilă cu o singură mână. (Imagine: UX Matters) (Vezi versiunea mare)

Deși utilizatorii care își leagăn telefoanele pentru o stabilitate mai mare au câteva opțiuni pentru care degetele să folosească pentru a interacționa cu ecranul, doar 28% își folosesc degetul arătător. Deci, să ne concentrăm pe capacitățile utilizatorilor degetului mare, ceea ce, din nou, înseamnă să acordăm părții centrale a ecranului cea mai mare importanță:

Zona degetului mare și arătător pentru suportul mobil
Zonele bune, OK și rele pentru utilizatorii de telefonie mobilă care își leagăn telefoanele. (Imagine: UX Matters) (Vezi versiunea mare)

Unii utilizatori își țin telefoanele cu două mâini. Deoarece orientarea orizontală este mai probabil să fie utilizată pentru videoclipuri, aceasta nu va fi relevantă pentru achiziția de pe mobil. Așadar, acordați atenție cât spațiu de pe ecranul respectiv este fezabil la îndemâna degetului mare al utilizatorului:

Zona degetului mare pentru verticală și orizontală
Zonele bune, OK și rele pentru utilizatorii de telefonie mobilă cu două mâini. (Imagine: UX Matters) (Vezi versiunea mare)

În concluzie, putem folosi defalcarea Smashing Magazine pentru a concentra conținutul, indiferent de ținerea cu mâna stângă, dreaptă sau cu două mâini a unui smartphone:

Unde zona ideală pentru degetul mare este pe mobil
Un rezumat al zonelor bune, OK și rele pe dispozitivele mobile. (Imagine: Smashing Magazine) (Vezi versiunea mare)

Site-ul JCPenney este un bun exemplu despre cum să faceți acest lucru:

Forma lui JCPenney este în zona degetului mare
Formularul de contact al lui JCPenney începe la jumătatea paginii. (Imagine: JCPenney) (Vezi versiunea mare)

Deși informațiile sunt incluse în partea de sus a paginii de plată, câmpurile de introducere nu încep decât chiar sub mijlocul acesteia - direct în zona ideală pentru utilizatorii de orice tip. Acest lucru asigură că vizitatorii își țin telefoanele în orice mod și folosesc degete diferite pentru a interacționa cu acesta nu vor avea probleme în a ajunge la câmpurile formularului.

2. Minimizați conținutul pentru a maximiza viteza

Am fost învățați din nou și din nou că designul minimal este cel mai bun pentru site-uri web. Acest lucru este valabil mai ales în cazul plății mobile, unde o experiență deja lentă sau frustrantă ar putea împinge cu ușurință un client peste margine, atunci când tot ceea ce doresc să facă este să termine cu achiziția.

Pentru a maximiza viteza în timpul procesului de plată pe mobil, țineți cont de următoarele sfaturi:

  • Adăugați doar elementele esențiale la checkout. Nu este momentul să încercați să faceți upsell sau cross-sell, să promovați rețelele sociale sau să distrageți atenția de la acțiunea în cauză.
  • Păstrați caseta liberă de toate imaginile. Singurele imagini atrăgătoare care sunt cu adevărat acceptabile sunt mărcile de încredere și îndemnurile la acțiune (mai multe despre acestea mai jos).
  • Orice text inclus pe pagină trebuie să fie de natură instrucțională sau descriptivă.
  • Evitați orice stilizare specială a fonturilor. Cu cât este mai puțin „wow” pagina dvs. de plată, cu atât va fi mai ușor pentru utilizatori să treacă prin procesul.

Uitați-vă la site-ul web Staples ca un exemplu despre cum ar trebui să arate o finalizare foarte simplă pe o singură pagină:

Plata pe o singură pagină pentru Staples
Staples are o singură pagină de plată cu un număr minim de câmpuri de completat. (Imagine: Staples) (Vezi versiunea mare)

După cum puteți vedea, Staples nu blochează procesul de achiziție cu imagini ale produselor, branding, navigare, link-uri interne sau orice altceva care ar putea (1) distrage atenția de la sarcina în cauză sau (2) absorb resursele de pe server în timp ce acesta încearcă să proceseze cererile clienților dvs.

Nu numai că această pagină de plată va fi ușor de accesat, dar se va încărca rapid și fără probleme de fiecare dată - ceva ce clienții își vor aminti data viitoare când vor trebui să facă o achiziție. Menținând designul ușor al paginilor de plată, asigurați o experiență rapidă în toate aspectele.

3. Pune-i la ușurință cu mărcile de încredere

Un semn de încredere este orice indicator de pe un site web care le permite clienților să știe: „Hei, nu este absolut nimic de care să vă faceți griji aici. Vă păstrăm informațiile în siguranță!”

Singura marca de încredere pe care ar trebui să o aibă orice site de comerț m-uri? Un certificat SSL. Fără unul, bara de adrese nu va afișa semnul de blocare sau numele de domeniu verde https - ambele informează clienții că site-ul are o criptare suplimentară.

Puteți utiliza și alte mărci de încredere la finalizarea comenzii.

Big Chill folosește un sigiliu de încredere RapidSSL
Big Chill include un sigiliu de încredere RapidSSL pentru a le permite clienților să știe că datele sale sunt criptate. (Imagine: Big Chill) (Vezi versiunea mare)

Deși puteți folosi sigle de la Norton Security, conformitatea PCI și alte programe de securitate pentru a le informa clienților site-ul dvs. web este protejat, utilizatorii pot fi influențați și de nume recunoscute și de încredere. Când te gândești la asta, acest lucru nu este cu mult diferit de afișarea logo-urilor corporative lângă mărturiile clienților sau în înștiințări care se laudă cu conexiunile tale celebre. Dacă puteți profita de un parteneriat precum cele menționate mai jos, puteți folosi încrederea inerentă de acolo în beneficiul dumneavoastră.

Luați ora 18:00, care utilizează opțiunea „Conectați-vă cu Amazon” la finalizare:

6pm folosește o marcă de încredere Amazon
6pm folosește numele Amazon ca marcă de încredere. (Imagine: 18:00) (Vezi versiunea mare)

Aceasta este o mișcare inteligentă pentru un brand care cu siguranță nu are recunoașterea numelui de marcă pe care o are o companie precum Amazon. Oferind clienților o opțiune convenabilă de a se conecta cu o marcă care este sinonimă cu viteză, fiabilitate și încredere, compania ar putea deveni acum cunoscută pentru aceleași calități de plată pentru care Amazon este celebrat.

Apoi, există pagini de plată pe mobil precum cea de pe Sephora:

Marca de încredere PayPal de la Sephora
Sephora folosește un furnizor de gateway de plată de încredere ca marcă de încredere. (Imagine: Sephora) (Vezi versiunea mare)

Sephora folosește, de asemenea, această tehnică de a valorifica numele bun al unui alt brand pentru a construi încredere la momentul plății. În acest caz, totuși, le oferă clienților două opțiuni clare: verificați cu noi chiar acum sau treceți la PayPal, care va avea grijă de dvs. în siguranță. Având în vedere că securitatea este o preocupare majoră care împiedică clienții de telefonie mobilă să se conversie, acest tip de marcă de încredere și metodă de plată este o mișcare bună din partea Sephora.

4. Oferiți o editare mai ușoară

În general, nu îndepărtați niciodată un vizitator (pe orice dispozitiv) de orice face pe site-ul dvs. Există deja destule distrageri online; ultimul lucru de care au nevoie este ca tu să-i îndrepti într-o direcție care îi împiedică să se convertească.

La finalizarea comenzii, totuși, clienții tăi s-ar putea simți obligați să facă chiar acest lucru dacă decid că doresc o culoare, dimensiune sau cantitate diferită a unui articol din coșul de cumpărături. În loc să-i lăsați să se întoarcă pe site, oferiți-le o opțiune de editare în casă pentru a le menține pe loc.

Victoria's Secret face asta bine:

Victoria’s Secret editează caseta luminoasă la finalizare
Victoria's Secret nu obligă utilizatorii să plece de la casă pentru a edita articole. (Imagine: Victoria's Secret) (Vezi versiunea mare)

Când ajung pentru prima dată la ecranul de finalizare a comenzii, clienții vor vedea o listă cu articolele pe care urmează să le cumpere. Când se face clic pe butonul mare „Editare” de lângă fiecare articol, se deschide o casetă luminosă (afișată mai sus) cu variantele produsului. Practic, este pagina originală a produsului, doar suprapusă deasupra casei. Utilizatorii își pot ajusta opțiunile și își pot salva modificările fără a fi nevoiți să părăsească pagina de plată.

Dacă, examinând analizele site-ului dvs. web, observați că utilizatorii revin ocazional după ce au accesat finalizarea comenzii (puteți vedea acest lucru în canalul de vânzări), adăugați această funcție de editare încorporată. Prin prevenirea acestei mișcări inutile înapoi, vă puteți salva conversiile pierdute de la clienții confuzi sau distrași.

5. Activați Opțiuni de plată rapidă

Când consumatorii verifică pe un site de comerț electronic printr-un dispozitiv desktop, probabil că nu este mare lucru dacă trebuie să introducă numele de utilizator, adresa de e-mail sau informațiile de plată de fiecare dată. Sigur, dacă poate fi evitat, vor găsi modalități de a o ocoli (cum ar fi să permită site-ului web să-și salveze informațiile sau să folosească un manager de parole, cum ar fi LastPass).

Dar pe mobil, reintroducerea acestor informații este o durere, mai ales dacă formularele de contact nu sunt bine optimizate (mai multe despre asta mai jos). Așadar, pentru a ușura procesul de conectare și finalizare a plății pentru utilizatorii de telefonie mobilă, luați în considerare modalități prin care puteți simplifica procesul:

  • Permiteți checkout pentru oaspeți.
  • Permiteți plata rapidă cu un singur clic.
  • Activați conectarea cu un singur clic dintr-o sursă de încredere, cum ar fi Facebook.
  • Activați plata pe site-ul web al unui furnizor de plăți de încredere, cum ar fi PayPal, Google Wallet sau Stripe.

Unul dintre lucrurile frumoase despre procesul de finalizare a plății deja convenabil al Sephora este că clienții pot automatiza procesul de conectare de acum înainte cu o simplă comutare:

Sephora permite clienților să salveze informațiile de conectare
Sephora permite clienților reveniți să rămână conectați, pentru a evita acest lucru în timpul plății din nou. (Imagine: Sephora) (Vezi versiunea mare)

Atunci când clienții de telefonie mobilă se simt grabei și doresc să treacă la următoarea etapă a plății, funcția de conectare automată a Sephora va fi cu siguranță utilă și va încuraja clienții să cumpere mai des de pe site-ul mobil.

Multe site-uri web mobile așteaptă până în partea de jos a paginii de conectare pentru a spune clienților ce tipuri de opțiuni au pentru a verifica. Dar, în loc să-i surprindă târziu, Victoria's Secret afișează aceste informații în butoane mari îndrăznețe chiar în partea de sus:

Opțiuni de plată rapidă Victoria’s Secret
Victoria's Secret simplifică și accelerează checkout oferind trei opțiuni atractive. (Imagine: Victoria's Secret) (Vezi versiunea mare)

Clienții au de ales între a se conecta cu contul lor, a face check-out ca oaspete sau a merge direct la PayPal. Nu sunt surprinși să descopere mai târziu că metoda lor preferată de plată sau de plată nu este oferită.

De asemenea, îmi place foarte mult cum a ales Victoria's Secret să facă asta. Există ceva drăguț la butonul viu colorat „Conectați-vă” care se află lângă butonul mai dezactivat „Check out as a Guest”. În primul rând, adaugă o notă de culori ale mărcii Victoria's Secret la casă, ceea ce este întotdeauna o notă plăcută. Dar felul în care este colorat butoanele arată, de asemenea, clar care dorește să fie acțiunea principală (adică să creeze un cont și să se conecteze).

6. Adăugați pesmet

Când trimiți clienții de telefonie mobilă la casă, ultimul lucru pe care îl dorești este să le oferi distrageri inutile. De aceea, bara de navigare standard a site-ului web (sau meniul hamburger) este de obicei eliminată din această pagină.

Cu toate acestea, procesul de checkout poate fi intimidant dacă clienții nu știu ce urmează. Câte formulare vor trebui să completeze? Ce fel de informații este nevoie? Vor avea ocazia să-și revizuiască comanda înainte de a trimite detaliile de plată?

Dacă ați proiectat o finalizare pe mai multe pagini, alinați temerile clienților definind fiecare pas cu o navigare în breadcrumb etichetată clar în partea de sus a paginii. În plus, acest lucru va oferi casetei dvs. un design mai curat, reducând numărul de clicuri și derulare pe pagină.

Hayneedle are un exemplu frumos de navigare prin breadcrumb în acțiune:

Navigare pe firul de pâine Hayneedle checkout
Pesmetul Hayneedle este curat conceput și ușor de găsit. (Imagine: Hayneedle) (Vezi versiunea mare)

Puteți vedea că trei pași sunt împărțiți și etichetați clar. Nici aici nu există nicio întrebare despre ce vor întâlni utilizatorii în acești pași, ceea ce le va ajuta să-și liniștească mintea. Trei pași par suficient de rezonabili, iar utilizatorii vor avea șansa de a revizui comanda încă o dată înainte de a finaliza achiziția.

Sephora are un stil alternativ de „pesmet” în casă:

Navigarea pesmeturilor numerotate Sephora
Pesmeturile numerotate ale Sephora apar pe măsură ce completați fiecare secțiune. (Imagine: Sephora) (Vezi versiunea mare)

În loc să plaseze fiecare „pesmet” în partea de sus a paginii de plată, clienții Sephora pot vedea care este următorul pas, precum și câți mai urmează pe măsură ce își parcurg formularul.

Aceasta este o opțiune bună de luat dacă preferați să nu faceți navigarea de sus sau pesmetul lipicios. În schimb, puteți prioritiza îndemnul la acțiune (CTA), care s-ar putea să îl motiveze mai bine pe client să se deplaseze în jos pe pagină și să finalizeze achiziția.

Cred că ambele modele de pesmet sunt totuși valide. Deci, ar putea merita să le testați A/B dacă nu sunteți sigur care ar duce la mai multe conversii pentru vizitatorii dvs.

7. Formatați cu înțelepciune formularul de plată

Designul bun al formularului de plată mobil urmează o formulă destul de strictă, ceea ce nu este surprinzător. Deși există modalități de a îndoi regulile pe desktop în ceea ce privește structurarea formularului, numărul de pași pe pagină, includerea de imagini și așa mai departe, chiar nu aveți acest tip de flexibilitate pe mobil.

În schimb, va trebui să fii meticulos atunci când construiești formularul:

  • Proiectați fiecare câmp al formularului de plată astfel încât să se întindă pe toată lățimea site-ului.
  • Limitați câmpurile doar la ceea ce este esențial.
  • Etichetați clar fiecare câmp în afara și deasupra acestuia.
  • Utilizați un font de cel puțin 16 puncte de pixeli.
  • Formatați fiecare câmp astfel încât să fie suficient de mare pentru a fi accesat fără a mări.
  • Utilizați un semn de recunoaștere pentru a indica când este necesar ceva (cum ar fi un asterisc).
  • Anunțați întotdeauna utilizatorii când a fost făcută o eroare imediat după ce informațiile au fost introduse într-un câmp.
  • Plasați îndemnul la acțiune chiar în partea de jos a formularului.

Deoarece formularul de finalizare a comenzii este cel mai important element care mută clienții prin procesul de finalizare a comenzii, nu vă puteți permite să vă încurcați cu o formulă încercată și adevărată. Dacă utilizatorii nu pot ajunge fără probleme de sus în jos, dacă câmpurile sunt prea dificil de implicat sau dacă funcționalitatea formularului în sine este plină de erori, atunci ați putea la fel de bine să vă pupați achizițiile de pe mobil (și poate achizițiile dvs. din general) la revedere.

Crutchfield arată cum să creați câmpuri de formular care sunt foarte ușor de utilizat pe mobil:

Câmpuri de formulare de dimensiuni mari în casă Crutchfield
Câmpurile de formular de pe pagina de plată Crutchfield sunt mari și greu de ratat. (Imagine: Crutchfield) (Vezi versiunea mare)

După cum puteți vedea, fiecare câmp este suficient de mare pentru a face clic pe (chiar și cu degetele grase). Conturul îndrăzneț din jurul câmpului selectat este, de asemenea, o atingere plăcută. Pentru un client care face mai multe sarcini și sau distras de ceva din jurul său, revenirea la formularul de casă ar fi mult mai ușoară cu acest tip de format.

Sephora, din nou, gestionează cumpărăturile mobile în mod corect. În acest caz, vreau să vă atrag atenția asupra butonului gri „Place Order”:

Utilizarea inteligentă a îndemnului Sephora la finalizarea comenzii
Sephora folosește îndemnul la acțiune ca ghid pentru clienții care nu au terminat formularul. (Imagine: Sephora) (Vezi versiunea mare)

Butonul servește ca un indicator pentru clienți că nu sunt încă pregătiți să trimită informațiile de achiziție, ceea ce este grozav. Chiar dacă formularul este frumos proiectat — totul este bine etichetat, câmpurile sunt mari și formularul este organizat logic — utilizatorii de telefonie mobilă ar putea derula accidental prea mult peste un câmp și nu l-ar ști până când nu fac clic pe butonul de îndemn. .

Dacă puteți împiedica utilizatorii să primească acea temută eroare de „informații lipsă”, veți face o treabă mai bună de a păstra cumpărăturile lor.

8. Simplificați introducerea formularului

Săpând puțin mai adânc în aceste formulare de contact, să vedem cum puteți simplifica introducerea datelor pe mobil:

  • Permiteți clienților să folosească funcționalitatea de completare automată a browserului lor pentru a completa formulare.
  • Includeți o directivă HTML tabindex pentru a le permite clienților să atingă o săgeată în sus și în jos prin formular. Acest lucru le menține degetele mari într-o rază confortabilă pe smartphone în orice moment, în loc să se întindă constant pentru a accesa un domeniu nou.
  • Adăugați o casetă de selectare care copiază automat informațiile despre adresa de facturare în câmpurile de expediere.
  • Schimbați tastatura în funcție de tipul de câmp introdus.

Un exemplu în acest sens este site-ul mobil al Bass Pro Shops:

Formularul de plată Bass Pro utilizează o tastatură inteligentă
Fiecare câmp din formularul de plată Bass Pro oferă utilizatorilor tipul de tastatură potrivit. (Imagine: Bass Pro Shops) (Vezi versiunea mare)

Pentru început, tastatura folosește funcționalitatea file (consultați săgețile sus și jos chiar deasupra tastaturii). Pentru clienții cu degete scurte sau care sunt nerăbdători și doresc doar să tasteze pe tastatură, filele ajută la menținerea mâinilor într-un singur loc, accelerând astfel finalizarea comenzii.

De asemenea, atunci când clienții accesează un câmp numai pentru numere (cum ar fi pentru numărul lor de telefon), tastatura se schimbă automat, astfel încât să nu fie nevoiți să comute manual. Din nou, aceasta este o altă modalitate de a spori confortul de a face o achiziție de pe mobil.

Checkout-ul Amazon mobil include o casetă de selectare rapidă care simplifică transmiterea de către clienți a informațiilor de facturare:

Amazon eficientizează introducerea formularelor cu duplicarea adresei
Amazon oferă clienților o modalitate ușoară de a-și duplica adresa de expediere la facturare. (Imagine: Amazon) (Vezi versiunea mare)

După cum am văzut cu designul formularului de plată mobil, mai simplu este întotdeauna mai bine. Evident, va trebui întotdeauna să colectați anumite detalii de la clienți de fiecare dată (cu excepția cazului în care contul lor a salvat aceste informații). Cu toate acestea, dacă puteți oferi o comutare rapidă sau o casetă de selectare care le permite să copieze datele dintr-un formular în altul, atunci faceți-o.

9. Nu vă zgâriți cu CTA

Atunci când proiectați o casă pentru desktop, preocupările dvs. principale cu privire la CTA sunt lucruri precum plasarea strategică a butonului și alegerea unei culori atrăgătoare pentru a atrage atenția asupra acesteia.

Pe mobil, totuși, trebuie să te gândești și la dimensiune – și nu doar la cât spațiu ocupă pe ecran. Amintiți-vă de zona degetului mare și de diferitele moduri în care utilizatorii își țin telefonul. Asigurați-vă că butonul este suficient de lat pentru ca orice utilizator să poată face clic cu ușurință pe el, fără a fi nevoit să-și schimbe poziția mâinii.

Așadar, scopul tău ar trebui să fie să proiectezi butoane care (1) stau în partea de jos a paginii de plată pe mobil și (2) se întind de la stânga la dreapta, așa cum este cazul pe site-ul mobil Staples:

Butonul mare CTA albastru al lui Staple
CTA albastru strălucitor de la Staple iese în evidență într-o casă altfel simplă. (Imagine: Staples) (Vezi versiunea mare)

Indiferent cine face achiziția - un stângaci, un dreptaci sau un cradler cu două mâini - acest buton va fi ușor accesibil.

Dintre toate îmbunătățirile pe care le-am acoperit astăzi, CTA este cea mai ușor de abordat. Fă-l mare, dă-i o culoare distinctivă, plasează-l chiar în partea de jos a ecranului mobil și fă-l să se întindă pe toată lățimea. Cu alte cuvinte, nu-i face pe clienți să muncească din greu pentru a face pasul final într-o achiziție.

10. Oferiți o ieșire alternativă

În cele din urmă, oferiți clienților o cale alternativă de ieșire.

Să presupunem că fac cumpărături pe un site web mobil, adaugă articole în coșul lor, dar ceva nu se potrivește cu ei și nu doresc să facă achiziția. Ați făcut tot ce puteți pentru a le asigura pe parcurs cu o experiență de plată curată, ușoară și sigură, dar pur și simplu nu au încredere în efectuarea unei plăți pe telefon.

În loc să sperați că nu pierdeți în totalitate achiziția, acordați-le șansa de a o păstra pentru mai târziu. În acest fel, dacă sunt cu adevărat interesați să cumpere produsul dvs., ei pot reveni pe desktop și pot apăsa pe trăgaci. Nu este ideal, pentru că doriți să le păstrați pe mobil, dar opțiunea este bună pentru clienții care pur și simplu nu pot fi salvați.

După cum puteți vedea pe site-ul mobil al lui LL Bean, există o opțiune la finalizarea comenzii către „Mutați în lista de dorințe”:

Opțiune pentru lista de dorințe L.L. Bean
LL Bean oferă clienților o altă șansă de a muta articolele în lista lor de dorințe în timpul plății. (Imagine: LL Bean) (Vezi versiunea mare)

Ceea ce este plăcut în acest sens este că LL Bean nu dorește în mod clar că răsfoirea listei de dorințe sau eliminarea unui articol să fie o acțiune principală. Dacă „Mutați în lista de dorințe” ar fi afișat ca un buton CTA îndrăzneț, mai mulți clienți ar putea decide să ia această alternativă aparent mai sigură. Așa cum este proiectat acum, este mai degrabă un „Hei, nu vrem să faci ceva cu care nu te simți confortabil. Acesta este aici pentru orice eventualitate.”

Deși mai puține opțiuni sunt, în general, mai bune în designul web, acesta ar putea fi ceva de explorat dacă finalizarea comenzii are o rată ridicată de abandonare a coșului de cumpărături pe mobil.

Încheierea

Pe măsură ce mai mulți vizitatori de pe mobil se îndreaptă către site-ul dvs. web, fiecare pas care duce la conversie, inclusiv faza de finalizare a achiziției, trebuie optimizat pentru confort, viteză și securitate. Dacă finalizarea dvs. de achiziție nu este concepută în mod adecvat pentru nevoile și așteptările specifice ale utilizatorilor de telefonie mobilă, veți constata că acele rate de conversie scad sau revin pe desktop - și nu aceasta este direcția în care doriți să meargă lucrurile, mai ales dacă Google face eforturi. ne cu toții către o lume pe mobil mai întâi.