11 pași pentru crearea unui site web prietenos cu dispozitivele mobile

Publicat: 2016-04-12

Să începem cu începutul. Dacă site-ul dvs. este accesat și vizualizat prin intermediul unui dispozitiv mobil, este grozav. Cu toate acestea, mai aveți mult de lucru înainte de a putea fi declarat prietenos pentru dispozitive mobile.

Nu numai că utilizatorii de telefonie mobilă ar trebui să poată privi site-ul dvs. web și să vă citească conținutul, ci ar trebui să aibă acces la funcționalitatea completă a acestuia.

Numărul utilizatorilor de dispozitive mobile a crescut vertiginos în ultimii ani și folosesc acele dispozitive pentru a accesa internetul. A existat un moment în care utilizatorii de telefonie mobilă au fost fericiți să aibă funcționalitățile de a trimite mesaje text, e-mailuri, a efectua apeluri telefonice și a face un pic de navigare limitată. Astăzi, se așteaptă să poată face aproape tot ce fac pe desktop pe dispozitivele lor mobile. Aceasta include:

  • Cercetarea produselor și serviciilor
  • Vizionand videoclipuri
  • Privind imagini și descrieri ale produselor
  • Cumpărături și cumpărături
  • Înscrieți-vă pentru oferte
  • Consumul de știri și alte conținuturi

Dacă vizitatorii site-ului dvs. observă că se pot bucura doar de o experiență de utilizator limitată, există șanse mari ca aceștia să meargă în altă parte.

Dacă doriți să vă optimizați site-ul web, astfel încât să fie cu adevărat prietenos cu dispozitivele mobile, continuați să citiți. Acești 11 pași vă vor ajuta să începeți.

1. Eliminați nevoia de ciupire și navigare cu două mâini

Eliminate the Need For Pinching And Two-Handed Navigation

Iată un test simplu, dar foarte important, pe care fiecare web designer ar trebui să-l efectueze pe fiecare pagină web pe care o proiectează. Deschideți pagina web în cauză pe smartphone-ul dvs. Acum, plasați acel dispozitiv în „mâna telefonului” preferată. Puteți să vă navigați în jurul paginii fără a fi nevoie să vă folosiți cealaltă mână? Puteți citi textul fără a fi nevoie să ciupiți și să măriți sau să micșorați sau fără să derulați? Dacă nu puteți face niciunul dintre aceste lucruri, este timpul să faceți câteva modificări.

Unul dintre factorii cheie de comoditate ai utilizării unui dispozitiv mobil este că este nevoie să vă implicați doar cu o singură mână. Ceea ce nu vrei să faci este să iei această comoditate de la persoanele pe care le-ai dori să-ți cumpere produsele și serviciile.

2. Concentrați-vă pe simplitate

S-ar putea să existe mult spațiu și lățime de bandă pentru videoclipuri, imagini și o mulțime de conținut pe utilizatorii dvs. de desktop, dar acesta nu este cazul utilizatorilor dvs. de mobil. Din acest motiv, ar trebui să vă concentrați pe crearea unui design curat, simplu, care să pună accent pe funcționalitate peste diferite caracteristici. Gândiți-vă la lucrurile pe care vizitatorii site-ului dvs. mobil vor dori să le vadă și să le facă în momentul în care ajung pe pagina dvs. de pornire. Asigurați-vă că aceste lucruri sunt imediat disponibile pentru ei atunci când site-ul dvs. se deschide. Apoi, concentrați-vă pe timpul de încărcare a paginii. Numai după ce cele două lucruri au fost realizate ar trebui să vă gândiți dacă aveți sau nu loc pentru o altă funcție.

3. Utilizați un cadru tehnologic care este receptiv

Use a Technology Framework That is Responsive

Cadrele de design responsive sunt extrem de valoroase pentru web designerii care sunt preocupați de crearea de site-uri web prietenoase cu dispozitivele mobile. În esență, instrumente precum Bootstrap le permit designerilor să prezinte elementele fiecărei pagini web pe o grilă. Apoi, dimensiunile acelei grile pot fi ajustate pentru o varietate de dimensiuni de ecran. Rezultatul este că textul, pictogramele, imaginile, butoanele etc. sunt toate distanțate așa cum ar trebui să fie. Acest lucru asigură că fiecare utilizator are o experiență similară, indiferent dacă folosește sau nu un desktop, laptop, smartphone sau tabletă. Și mai bine, nu trebuie să mențineți un site web separat pentru mobil.

4. Optimizați imaginile pentru mobil

Optimize Images For Mobile

Internetul pentru mobil este pur și simplu mai lent decât internetul oferit de companiile de cablu și de telefonie și alți furnizori de servicii. Două elemente care pot afecta cu adevărat acest lucru sunt videoclipurile și imaginile. Nu doriți să eliminați aceste elemente cu totul. La urma urmei, utilizatorii de telefonie mobilă în ansamblu iubesc cu adevărat conținutul vizual. Cu toate acestea, doriți să optimizați cât de mult puteți. Iată câțiva pași pe care îi puteți face pentru a îmbunătăți viteza și performanța atunci când utilizați imagini:

  • Distribuiți utilizatorilor versiuni cu rezoluție redusă ale imaginilor
  • Optimizați imaginile pentru dimensiunea specifică a dispozitivului și raportul de aspect
  • Luați în considerare JQuery dacă JavaScript este prea greoi
5. În loc de text ori de câte ori este posibil

Instead of Text Whenever Possible

Pictogramele funcționează bine, deoarece sunt în esență o formă de mână scurtă pe internet despre care noi toți am fost de acord că înseamnă anumite lucruri. De exemplu, butoanele de distribuire socială sunt recunoscute instantaneu de oricine a folosit mobilul pentru orice perioadă de timp. Același lucru este valabil și pentru butoanele pentru trimiterea de e-mailuri, apelarea sau accesarea meniului site-ului web.

Folosirea acestor pictograme pentru dispozitive mobile vă ajută să realizați două lucruri. În primul rând, economisiți spațiu valoros pe ecran prin utilizarea textului. În plus, comunicați și persoanelor care utilizează site-ul dvs. web că v-ați făcut timp să luați în considerare utilizatorii de telefonie mobilă în designul dvs.

6. Păstrați conținutul scurt

Keep Content Short

Acesta este un domeniu în care mulți designeri web și marketeri de conținut au o mică dilemă. Conținutul de formă lungă devine din ce în ce mai popular, în special în rândul factorilor de decizie, dar pur și simplu nu este potrivit pentru dispozitivele mobile. Întrebarea este, este mai bine să limitați sau să eliminați conținutul de formă lungă de pe mobil sau să-l scoateți oricum și să lăsați alegerea consumului la latitudinea utilizatorului? Cel mai bun mod de a răspunde la aceste întrebări este să luați în considerare comportamentul tipic al utilizatorilor de dispozitive mobile.

Pentru site-ul dvs. particular, vă puteți baza pe analize pentru a vă face o idee despre ce fac utilizatorii dvs. de telefonie mobilă și ce nu fac. Cu toate acestea, utilizatorii de telefonie mobilă tind să-și folosească dispozitivele pentru a rămâne conectați pe rețelele sociale, pentru a consuma știri, pentru a asculta muzică, pentru a face cumpărături și pentru a citi conținut care tinde să fie mai scurt decât nu. Acum, acest lucru nu înseamnă că conținutul de formă lungă pentru mobil nu ar trebui niciodată luat în considerare. Are acest loc. O altă utilizare comună pentru mobil este găsirea de soluții la probleme. Dacă aveți o bucată de conținut în formă lungă care, de exemplu, poate ghida un utilizator mobil prin procesul de rezolvare a unei probleme, atunci ar trebui să-l puneți la dispoziție.

7. Asigurați-vă că informațiile de contact și locație sunt ușor de găsit

Dacă operați un site web care se concentrează pe umor, divertisment, știri, organizarea de conținut în tendințe, întâlniri sau operați o platformă de socializare, oamenii pot accesa site-ul dvs. pe dispozitivele lor mobile în scopul de a naviga. Dacă nu, sunt șanse destul de mari ca o persoană care vă deschide site-ul de pe mobil să dorească să vă contacteze sau să descopere unde vă aflați. Cel mai bun mod de a-i ajuta este să le puneți la dispoziție informațiile de îndată ce se deschide pagina dvs. de pornire.

Dacă aveți o locație concretă, vă recomandăm să vă asigurați că aceste informații sunt incluse și pe paginile dvs. de destinație. Dacă oamenii navighează după ce au răspuns la un îndemn de la unul dintre anunțurile dvs., nu doriți ca ei să fie nevoiți să caute pentru a afla exact unde vă aflați.

8. Testați temeinic experiența utilizatorului mobil

Thoroughly Test The Mobile User Experience

Iată lucrurile pe care trebuie să le iei în considerare atunci când vine vorba de proiectarea site-urilor web prietenoase cu dispozitivele mobile:

  • Există o varietate de dimensiuni de ecran
  • Există o varietate de sisteme de operare care rulează dispozitive mobile
  • Este posibil ca utilizatorii să acceseze site-ul dvs. web folosind o varietate de browsere de internet

Luarea în considerare a tuturor acestor trei fapte înseamnă că există mai multe combinații posibile de sisteme de operare, dimensiunea ecranului și alegerea browserului. Scopul dvs., de a finaliza următorul proiect de web design, ar trebui să fie să testați cât mai multe combinații posibile, astfel încât să vă asigurați că fiecare utilizator se bucură de o experiență mobilă grozavă. Puteți folosi o aplicație precum UxRecorder pentru a ajuta la unele dintre aceste teste.

9. Utilizați geolocalizarea

Use Geolocation

Geolocalizarea este extrem de utilă pentru utilizatorii de telefonie mobilă. Dacă implementați această tehnologie pe site-ul dvs., vizitatorii vor putea să găsească locațiile magazinelor din apropierea lor, să hartă indicații de orientare de la locația lor la a dvs. și să verifice magazinul local pentru disponibilitatea produselor. În calitate de companie, veți putea să direcționați conținutul în mod specific către o zonă geografică, să faceți oferte utilizatorilor din anumite locații, să prețați articole în moneda locală și să încurajați utilizatorii să înregistreze sau să adauge informațiile lor pe site-urile de social media care sunt împărțite la Locație.

10. Optimizați-vă formularele pentru mobil

Optimize Your Forms For Mobile

În mod ideal, niciunul dintre formularele dvs. nu ar trebui să fie excesiv de lung și nici nu ar trebui să le utilizați pentru a încerca să extrageți o mulțime de informații de la utilizatorii dvs. în scopuri de marketing. Este iritant și probabil să împiedice oamenii să se înscrie pentru ofertele tale. Cu utilizatorii de telefonie mobilă, acest lucru este de două ori adevărat. De aceea, este foarte important să păstrați formularele scurte, intuitive și să vă asigurați că pot fi completate rapid.

Puteți face acest lucru solicitând doar informațiile de care aveți nevoie pentru a le oferi ceea ce se înscriu, oferindu-le casete de selectare și meniuri derulante și folosind locația lor pentru a completa unele câmpuri pentru ei.

11. Încurajează Feedback-ul

Amintiți-vă că utilizatorii dvs. nu merg în pas cu „alți utilizatori de telefonie mobilă” sau cu orice alt grup demografic. Ei sunt clienții tăi și potențialii clienți și au nevoi și comportamente unice. Acestea sunt determinate parțial de propriile preferințe, dar și de dorințele și nevoile lor specifice legate direct de utilizarea site-ului dumneavoastră.

Ce inseamna asta? Înseamnă că poți crea un manual perfect, o versiune a unui site web mobil care pur și simplu nu funcționează foarte bine pentru utilizatorii tăi. De asemenea, puteți dezvolta un site web despre care oamenii SEO și alți designeri web insistă că nu va funcționa niciodată pentru utilizatorii dvs., care să răspundă absolut nevoilor publicului dvs.

Acesta este motivul pentru care este atât de important să obțineți feedback de la utilizatori. Analizele sunt minunate, dar nu înlocuiesc ascultarea a ceea ce au de spus clienții. Este posibil să puteți utiliza analiza pentru a determina că mulți oameni petrec timp pe o anumită pagină. Ceea ce analytics nu vă poate spune este că sunt pe acea pagină din necesitate, dar urăsc modul în care este concepută. Acordați-vă timp pentru a citi comentariile pe care vi le trimit vizitatorii și luați în considerare crearea unui sondaj special pentru utilizatorii de telefonie mobilă. Puteți utiliza apoi informațiile pe care le obțineți de la ei pentru a determina ce funcționează bine și ce ar trebui revizuit.

Concluzie

Nu vă opriți la simpla compatibilitate mobilă. Profitați de numărul tot mai mare de utilizatori de telefonie mobilă și creați o experiență de utilizator care să răspundă cu adevărat la dorințele, nevoile și așteptările acestora. Utilizatorii de dispozitive mobile nu se mai mulțumesc să se ocupe de site-uri web care funcționează rezonabil de bine pe mobil. Au nevoie de funcționalitate completă și caracteristici care sunt concepute special pentru ei.

Fie că proiectați un site web nou, fie că luați unul existent înapoi la planșa de desen, poate fi timpul să luați în considerare o strategie mai întâi pentru mobil. La urma urmei, nu este o afacere bună să iei în considerare mai întâi publicul cu cea mai rapidă creștere?