Cum să te adaptezi la UX mobil și să schimbi obiceiurile de browser ale utilizatorilor

Publicat: 2022-12-14

Procentul de trafic de internet provenit de pe dispozitive mobile a depășit pentru prima dată traficul de pe desktop în 2016. Pe măsură ce tot mai mulți oameni accesează internetul de pe dispozitive mobile, nevoia unui design mobil bun devine tot mai importantă. Specialiștii în marketing trebuie să înțeleagă cele mai bune elemente de design UX pentru mobil pentru a stimula conversiile și implicarea în timp ce ajung la utilizatorii de dispozitive mobile.

Cuprins

Un design slab UX mobil îți poate distruge marca

mobile design

Utilizatorii site-urilor mobile nu sunt foarte îngăduitori cu mărcile care nu își optimizează site-urile în mod corespunzător. Potrivit Impactbnd, 52% dintre clienți nu vor dori să interacționeze cu un site web cu un Mobile UX slab. De asemenea, au șanse de cinci ori mai mari să abandoneze site-ul.

Așteptările clienților vor crește doar pe măsură ce un număr tot mai mare de clienți petrec mai mult timp navigând pe internet pe dispozitive mobile. Înțelegerea factorilor care influențează UX mobil este esențială.

Cum este UX mobil diferit?

Înainte de a începe să vă optimizați site-ul pentru Mobile UX, va trebui să înțelegeți diferențele dintre modurile în care utilizatorii de dispozitive mobile și desktop interacționează cu site-ul dvs. Cea mai mare diferență este că derularea și clicurile sunt mult mai dificile pe dispozitivele mobile. Trebuie să simplificați navigarea pentru a împiedica utilizatorii să fie frustrați în timp ce interacționează cu conținutul dvs.

De asemenea, trebuie să luați în considerare dimensiunea ecranului. Deoarece ecranele smartphone-urilor și chiar și tabletelor sunt mai mici decât desktopurile, elementele vizuale pot fi prea compacte.

Iată câteva sfaturi pentru a îmbunătăți UX mobil.

Citește mai mult: 10 fapte pe care trebuie să le știi înainte de a începe o campanie SEO

Creșteți vizibilitatea textului și a linkurilor dvs

Ecranele mobile sunt mai mici, astfel încât textul va fi în general mai greu de citit. Va trebui să afișați textul diferit. Iată câteva lucruri de care va trebui să ții cont pentru o mai bună UX mobilă:

  • Evitați să folosiți fonturi bizare. Cele mai bune tipuri de fonturi de utilizat includ Arial, Times New Roman, Grotesque, Helvetica și Open Sans. Fonturile precum Algerian of Ad Bonnie vor fi prea greu de citit.
  • Luați în considerare utilizarea unei dimensiuni de font de 18 până la 22 de puncte. Aceeași dimensiune a fontului este cu 10% mai mare pe un dispozitiv desktop, așa că va trebui să utilizați un font mai mare pentru a vă asigura că textul este vizibil pe mobil.
  • Utilizați text mai închis și culori mai îndrăznețe pentru hyperlinkuri. Acest lucru creează mai mult contrast.

Desigur, ar trebui să luați în considerare și datele demografice ale utilizatorilor dvs. în timp ce vă optimizați textul. Rețineți că utilizatorii mai în vârstă vor avea mai multe dificultăți în citirea textului pe orice dimensiune de ecran. Această problemă este mai gravă în cazul utilizatorilor de telefonie mobilă, așa că mărește textul dacă majoritatea cititorilor tăi sunt vârstnici.

Asigurați-vă că toate butoanele de îndemn sunt suficient de mari pentru diferite dimensiuni ale degetelor

cta

Când creați noi butoane de îndemn, vizibilitatea este unul dintre primele lucruri pe care urma să le luați în considerare. Cu toate acestea, trebuie să luați în considerare și ușurința de a finaliza îndemnul, care depășește vizibilitatea. Butoanele mici vor fi mai greu de apăsat. Acest lucru este valabil mai ales pentru utilizatorii cu degete mai mari. Când evaluați UX-ul site-ului dvs., trebuie să vă amintiți că unii oameni vor avea degete mai mari decât ale dvs. și vor ajusta dimensiunea butonului în consecință. Duda face asta foarte bine. Instrumentul lor de programare online vCita are butoane CTA mari pe care se poate face clic cu ușurință.

Citiți mai multe: Cum să construiți un site web WordPress pentru începători în 2023

Utilizați o opțiune de clic pentru a apela

Utilizatorii de dispozitive mobile au o perioadă de atenție foarte scurtă. Succes în încercarea de a-i determina să formeze un număr de telefon de pe site-ul tău web. Majoritatea oamenilor nu doresc să comute înainte și înapoi între tastatura lor de apelare și site-ul dvs. web pentru a se asigura că au primit corect numărul de telefon. Chiar dacă au făcut-o, există întotdeauna riscul să fi introdus greșit. Probabil că nici nu se vor obosi să încerce să sune din nou dacă apelează la numărul greșit.

Utilizatorii dvs. vor fi mult mai fericiți dacă aveți în schimb o opțiune de clic pentru a apela. De asemenea, veți avea o șansă mult mai mare de a-i determina să efectueze un apel.

Nu vă complicați prea mult canalul de e-mail

A face utilizatorii să se aboneze la o listă de e-mail este destul de dificil pe un dispozitiv desktop. Configurarea acestuia pentru traficul mobil este considerabil mai dificilă.

Asigurați-vă că canalul dvs. de e-mail este cât se poate de simplu. De asemenea, luați măsuri pentru a evita traficul bot, care este o problemă în creștere cu dispozitivele mobile. Utilizarea unui serviciu de verificare a e-mailurilor pentru a verifica e-mailurile suspecte și a le elimina din listă vă poate ajuta să vă îmbunătățiți rata de deschidere și alte valori importante.

Utilizați un meniu de hamburger pentru a face Conținutul mai accesibil

hamburger menu

Multe meniuri ale site-urilor web sunt mult mai aglomerate decât înainte. Multe site-uri web pentru desktop folosesc meniuri derulante pentru a simplifica navigarea pentru a minimiza această problemă. Din păcate, aceste tipuri de meniuri pot fi un coșmar absolut pe dispozitivele mobile și Mobile UX.

Facebook a dezvoltat o soluție pentru aplicația lor mobilă, cunoscută sub numele de meniu de hamburger. Această opțiune poate fi o modalitate simplă pentru utilizatorii de dispozitive mobile de a interacționa cu site-ul dvs. și de a accesa conținut mai ușor. În loc să aibă un submeniu care se derulează cu mai multe opțiuni, are o pictogramă hamburger lângă el. Utilizatorii pot face clic pe hamburger pentru a fi direcționați către un nou ecran cu mai multe opțiuni de meniu.

Citește mai mult: Evaluare RingCentral și Nextiva: Care este opțiunea ideală pentru întreprinderile mici?

Experții UX au opinii diferite cu privire la utilitatea meniurilor de hamburger. Pe de o parte, solicită utilizatorilor să facă un număr de clicuri, ceea ce poate fi inutil de plictisitor dacă încearcă să găsească o pagină web populară. Pe de altă parte, acestea pot fi cea mai bună modalitate de a evita pierderea totală a utilizatorilor.

Un studiu a constatat că clienții sunt de 10 ori mai puțin probabil să ia o acțiune dacă li se oferă mai multe opțiuni. S-ar putea să pierzi unii utilizatori cu un meniu de hamburger, dar nu atât de mulți ca dacă i-ai supraîncărca cu prea multe opțiuni simultan.

Meniurile cu hamburgeri ar putea merita testate. Cu toate acestea, este important să simplificați navigarea prin meniu eliminând mai întâi opțiunile inutile. Acesta va fi cel mai bun mod de a evita pierderea spectatorilor.

Eliminați elementele inutile

Eliminarea elementelor inutile de pe site-ul dvs. web va fi esențială pentru îmbunătățirea performanței site-ului dvs. mobil. Ei pot face ecranele mobile foarte aglomerate. Mai rău, pot distrage atenția de la îndemnul tău sau chiar pot împinge conținut important (inclusiv CTA) sub fold. Dacă nu văd acest conținut, este posibil ca utilizatorii dvs. să nu deruleze niciodată în jos pentru a interacționa cu el.

Aruncă o privire atentă la toate elementele vizuale de pe ecran. Decideți dacă sunt importante și eliminați-le de pe paginile dvs. mobile dacă este necesar.

Aruncă o privire atentă asupra UX-ului tău mobil

Este esențial să ai un Mobile UX bine optimizat. Trebuie să vă asigurați că utilizatorii pot interacționa cu ușurință cu conținutul dvs. și pot maximiza ratele de conversie. Din fericire, există o mulțime de moduri prin care vă puteți îmbunătăți UX-ul mobil. Aceste instrucțiuni sunt un bun loc de plecare, dar nu uitați să testați! Datele dvs. de analiză vor fi cel mai bun ghid atunci când faceți noi modificări de design site-ului dvs. mobil.