Am consultat peste 150 de site-uri mobile - Iată ce știu despre UX eficient

În calitate de lider UX Mobile la Google care lucrează cu echipe de dezvoltare web a companiilor mici, am făcut o mulțime de observații - și am învățat cum să evităm capcanele

Aceasta este o listă de detalii despre parteneriatul cu peste 150 de echipe de dezvoltare web în ultimii 2 ani.

M-am alăturat unei echipe la Google în 2016 numită Echipa de transformare mobilă. Echipa noastră a avut un scop simplu, dar foarte ambițios: a face web-ul mobil mai bun pentru toată lumea. Ne-am concentrat să ajutăm întreprinderile mici și mijlocii să-și îmbunătățească experiențele de web mobil. Mai exact, am fost consultanți UX care ar lucra cu echipele de webdeserv și ar oferi recomandări cu privire la modul în care acestea pot optimiza mai bine performanța, capacitatea de utilizare și accesibilitatea.

Am susținut pentru utilizatorii finali.

Iată învățăturile, observațiile și capcanele pe care le-am adunat după ce am văzut literalmente sute de site-uri web:

Primele impresii contează. Utilizatorii de telefonie mobilă sunt foarte orientați spre obiective și super nerăbdători. Evitați să distrageți un utilizator de la obiectivele sale. Mențineți simplu pagina de pornire și paginile de destinație de sus. Asigurați-vă că aveți un apel clar la acțiune și o propunere de valoare deasupra faldului. Un utilizator ar trebui să știe ce să facă și de ce ar trebui să stea pe site-ul dvs. mobil dintr-o clipă.

De la stânga la dreapta: Warby Parker, Stash Invest, Drizly

Fă mai puțin. Recomandarea numărul unu pe care am făcut-o în mod constant a fost „Faceți mai puțin.” Aceasta înseamnă mai puține imagini, mai puține câmpuri de formulare, mai puține modele de navigare complicate, mai puține pluginuri, mai puțini pixeli de la terți, mai puțini pereți de text, mai puține suprapuneri pe ecran complet, mai puține blocări de redare js , mai puține clicuri ... mai puține modalități de a distrage utilizatorul de la obiectivele sale.

Viteza accentuează un design bun. Nu este de mirare că site-urile mobile mai rapide au o implicare mai bună a utilizatorilor. Nenumărate studii de caz, teste de uzabilitate și sunt sigur că anecdotele dvs. personale fac să fie clar că viteza conduce conversiile. Cele trei valori de performanță care reflectă cu adevărat experiența utilizatorului sunt Paint Contentful First (FCP), Index Index și Time to Interactive (TTI). Este esențial să stabiliți un buget de performanță și să vă responsabilizați echipa. Este păcat, atunci când site-ul tău frumos proiectat are ca rezultat un utilizator întors, deoarece ai uitat să comprime imaginea ta de erou de 2MB. Utilizați instrumente precum Farul (prezentate mai jos) pentru a monitoriza aceste valori.

Repere recomandate:
 <2s First Paint Paint (FCP)
<3s Index Index (SI)
<5s Time to Interactive (TTI)

Captura de ecran de la Far

Vorbeste cu clientii. Acest lucru poate părea incredibil de evident, dar nu pot să vă spun câte priviri goale am instigat întrebând: „Când a fost ultima dată când ați vorbit cu utilizatorii dvs.?” Obiectivul nostru în calitate de clienți UX pentru mobil nu a fost doar să facem recomandări, ci să fie vocea utilizatorului. Puneți-vă în pantofii utilizatorilor dvs. și încercați să finalizați cele mai comune sarcini (urmăriți numărul de clicuri și timpul total de finalizat).

Utilizați date pentru a justifica proiectarea. Tendința „designului bazat pe date” nu este nimic nou. După prioritizarea unui proiect mobil, este important să urmăriți KPI-urile mobile. Pentru retaileri, monitorizați Valoarea medie a comenzii (AOV) și rata de ieșire din pagina în care începe pâlnia de checkout. Pentru companiile de generare de plumb se concentrează pe CTR al butonului principal Call-To-Action și a raportului „lead to action” (vânzări reușite / număr de oportunități * 100). Dacă aveți un site de călătorie, concentrați-vă pe sesiuni de retur (păstrarea clienților) și trafic specific canalului (adică: crește acțiunile sociale). Luați în considerare monitorizarea conversiilor micro precum și înregistrările la newsletter-uri prin e-mail, comentarii la un articol, recenzii ale utilizatorilor, vizualizări video sau partajări pe rețelele de socializare. Sfat Pro: Vă recomand să folosiți acest tablou de bord Datastudio genial pe care unul dintre colegii mei (Damla Cakirca) l-a făcut pentru a monitoriza implicarea utilizatorilor pe site-ul dvs.

Recidiva este reală. Majoritatea companiilor cu care am lucrat au înregistrat îmbunătățiri semnificative în ceea ce privește viteza site-ului și / sau implicarea utilizatorilor. Cu toate acestea, la 30–60 de zile după consultare (când nu aveam dorința să ne uităm peste umăr), vom vedea că reaprind obiceiurile proaste. Pentru a evita această deficiență, utilizați un buget de performanță. De asemenea, recomand să utilizați instrumentul Chrome Dev pentru a găsi coduri CSS și JS neutilizate cu fila Acoperire. Când încărcați sau rulați o pagină, fila vă spune cât de mult cod a fost utilizat, în comparație cu cât a fost încărcat. Puteți reduce dimensiunea paginilor dvs. doar prin expedierea codului de care aveți nevoie. Este esențial să monitorizați și să auditați site-ul dvs. mobil în mod continuu.

Fii bullish pe noile tehnologii. Dacă sunteți în căutarea unei experiențe mobile moderne transformatoare, extindeți-vă construirea unui PWA. Dacă doriți să optimizați traficul plătit, nu uitați să utilizați AMP pentru paginile de destinație de top. Dacă sunteți vânzător cu amănuntul, căutați modalități de a accelera plata, cum ar fi reducerea câmpurilor, activarea completării automate sau implementarea Google Pay. Cheia succesului este de a adăuga tehnologii treptat, cu accent pe îmbunătățirea experienței utilizatorului. Dacă nu adaugă valoare utilizatorilor dvs., nu investiți în el.

De la stânga la dreapta: plafoane americane de staniu, Rhone, SnapDeal

Cumpărarea funcțională încrucișată este cheia. Obținerea tuturor părților interesate cheie pe aceeași pagină este un memento evident, dar important. Îmbunătățirea experienței dvs. web pentru mobil este un efort de echipă. Toate echipele trebuie să își asume responsabilitatea cu privire la monitorizarea experienței mobile. Echipele de marketing ar trebui să urmărească utilizarea pixelilor de urmărire a terților. Echipele de inginerie ar trebui să se concentreze pe optimizarea căii de redare critică (eliminarea activelor de blocare a redării). Echipele UX ar trebui să se asigure că imaginile sunt optimizate și să se concentreze pe reducerea punctelor de durere de uzabilitate (adică: glisoare automate). Este esențial să stabiliți obiective funcționale încrucișate și să răspundeți toate echipele.

Observații ale tendințelor mobile. Această ultimă secțiune este o captură a tuturor celor mai bune tendințe UX din care am văzut rezultate pozitive din 2018.

  • Fii instantaneu folosind AMP
  • Oferiți o experiență fiabilă obținând independența în rețea
  • Fiți de încredere cu o cache mai bună
  • Folosiți componente web Design Material
  • Oferiți aceeași experiență consecventă tuturor utilizatorilor indiferent de platforma pe care aleg să interacționeze cu marca dvs.
  • Fii responsabil cu o autentificare mai ușoară
  • Simplificați sarcinile prin optimizarea formularelor
  • Faceți ușor revenirea activând notificările web
  • Fiți demn de a fi pe ecranul de pornire
  • Folosiți Farul pentru a monitoriza performanța
  • Încercați cele mai noi instrumente de dezvoltare web

Nu uitați că nu există niciun glonț magic pentru a rezolva toate problemele dvs. UX. Îmbunătățirea site-ului dvs. mobil necesită răbdare, analiză și angajament trans-funcțional. Lansați proiectul web care este potrivit pentru utilizatorii dvs. și pentru afacerea dvs.

@RyanWarrender