Site-ul web pentru mobil este complicat, deoarece o versiune mobilă a unui site poate să nu fie compatibilă cu fiecare dispozitiv. Designerii trebuie să fie conștienți de cele mai bune practici de design pentru a face ca prezența dvs. la telefon să fie semnificativă și utilă.
Există o dezbatere continuă între dezvoltatorii de site-uri web despre modul în care crearea unui site web optimizat pentru dispozitive mobile este cel mai bun. Există trei metode de conducere pentru dezvoltarea unui site web mobil.
Acestea sunt:
- Responsabil design web.
- Site-uri mobile dedicate.
- RESS: Programarea pe partea de server redă CSS și HTML, în funcție de tipul de dispozitiv.
Fiecare metodă are argumente pro și contra. Un dezvoltator Web trebuie să fie conștient de fiecare tehnică pentru a implementa cea mai bună pentru situație.
3 moduri de a proiecta un site mobil
Design Web Responsabil (RWD)
RWD se bazează pe interogările media CSS3 pentru a alinia aspectul unei pagini web cu dimensiunea zonei de vizualizare a unui dispozitiv. Același cod HTML este utilizat pentru a prezenta diferite layout-uri ale paginilor web pentru tablete, dispozitive mobile, desktop-uri și alte obiecte gadget.
Beneficii:
- Site-ul dvs. web va avea un conținut similar și un marcaj HTML, astfel încât vizitatorii mobili vor avea aceeași experiență, indiferent de tipul de dispozitiv pe care îl folosesc.
- O singură adresă URL facilitează conectarea și partajarea conținutului de către utilizatori. (Dacă pagina web este disponibilă sub mai multe adrese URL, utilizatorii pot deveni confuzi.)
neajunsuri:
Nu este posibilă optimizarea separată a conținutului mobil. Prin urmare, un designer care utilizează RWD nu poate personaliza conținutul separat pentru utilizatorii mobili.
Conform datelor din ianuarie 2013 din arhiva HTTP, o pagină web medie este de aproximativ 1,3 MB. Cu toate acestea, cele mai multe site-uri RWD sunt comparativ mai mari. Această dimensiune mai mare scade performanța site-urilor mobile, ceea ce le face mai lent.
Utilizatorii de dispozitive mobile sunt mai apropiați de modelele de design ale interfeței utilizator specifice pentru dispozitive mobile. În plus, utilizatorii de dispozitive mobile sunt obișnuiți cu activități multi-tasking. Cu excepția cazului în care structura de navigare este personalizată pentru anumite dispozitive, utilizatorii se pot confrunta cu probleme atunci când încearcă să îndeplinească simultan mai multe sarcini.
Site-uri mobile dedicate
Această metodă îmbunătățește experiența utilizatorilor de dispozitive mobile prin crearea unui site complet separat.
Beneficii:
- Simplitatea managementului: sunt necesare modificări separate pentru site-urile mobile și desktop. Modificările efectuate sunt limitate la fiecare versiune respectivă. Aceasta înseamnă că modificările aduse platformei mobile nu pot fi accesate de pe desktop.
- Pe măsură ce dezvoltați un site web specific pentru dispozitive mobile, devine mai ușor să îl raționalizați și să-l optimizați în mod special pentru publicul respectiv.
- Conținutul și structura de navigare pot fi personalizate pentru utilizatorii mobili.
neajunsuri:
Partajarea unei pagini web prin intermediul rețelelor sociale devine mai dificilă, deoarece pe site-urile mobile dedicate există mai multe adrese URL pentru pagini. Atunci când utilizatorii de desktop dau clic pe adrese URL mobile distribuite pe platforme sociale, pot primi în mod neașteptat versiunea mobilă a site-ului, și nu versiunea desktop.
Pentru a evita problemele de conținut duplicat, dezvoltatorul Web trebuie să utilizeze meta tag-urile rel = "alternative" și rel = "canonical". Dacă un utilizator mobil caută pe Google și dă clic pe o adresă URL pentru desktop, utilizatorul va vedea fie versiunea pentru desktop, fie va fi redirecționat către versiunea mobilă a paginii Web. Dacă versiunea mobilă nu există, utilizatorul va primi un mesaj de eroare.
Crearea unui site complet diferit pentru utilizatorii de telefonie mobilă înseamnă că site-ul va fi adaptat special pentru utilizatorii mobili. Cu toate acestea, pentru a îndeplini acest scop, dezvoltatorii web trebuie să elimine funcționalitatea și conținutul, ceea ce se dovedește a fi un coșmar pentru ei.
Responsabil Web DesignComponentele pentru server (RESS)
Această metodă depinde de programarea de la server pentru a oferi cod HTML și CSS personalizat pentru diferite dispozitive. Codul pentru utilizatorii de dispozitive mobile va fi diferit de cel al utilizatorilor desktop.
Obiectivul principal al acestei implementări este îmbunătățirea performanței site-ului web. Această metodă funcționează bine atunci când este combinată cu un design Web receptiv. Prin urmare, această implementare poate fi denumită Responsive Web Design + componente de server (RESS).
Beneficii:
- Structura de navigație poate fi personalizată pentru diferite sarcini efectuate de utilizatorii de pe desktop și de pe mobil.
- Dezvoltatorii pot elimina elemente de pagină din HTML și CSS pentru a obține afișarea dorită.
- Este posibil să eliminați JavaScript inutil din HTML, care eliberează resursele CPU, memoria și memoria cache a dispozitivelor mobile.
neajunsuri:
- Dinamic HTML crește sarcina pe server.
- Detectarea dispozitivului nu poate fi invocată.
- HTML și CSS sunt optimizate pentru performanța mobilă. Versiunea desktop utilizează mai multe solicitări HTTP și Java Scripts.
Ce metodă să alegeți?
Decizia de a crea un site optimizat pentru dispozitive mobile depinde de produsele pe care le vindeți, de publicul țintă, de investiția necesară, de concurența dvs., de ratele de conversie etc. Metoda de proiectare care va funcționa cel mai bine depinde în mare măsură de formatele de ecran, sistemele de operare, rezoluții.
Cele mai responsabile site-uri Web de design nu sunt implementate optim și, ca urmare, aceste site-uri au nevoie de mai mult timp pentru a încărca. Deoarece concurența este acerbă, este posibil să pierdeți clienții dacă site-ul dvs. are o performanță mai lentă. Un utilizator va trece pur și simplu la un alt site care necesită mai puțin timp pentru a se deschide. Deși este posibil să creați site-uri cu timpi de încărcare mai scurți cu site-uri mobile dedicate, există și diverse dezavantaje legate de această implementare.
RESS oferă avantajele RWD depășind cele două dezavantaje principale. Principalul dezavantaj al RESS este că detectarea dispozitivului este incorectă. Trebuie să testați frecvent dispozitivele noi pentru a vă asigura că procesul continuă să funcționeze corect.
Există servicii cum ar fi DeviceAtlas, WURFL și altele care pot detecta dispozitive noi. Acesta va fi un mare ajutor pentru a actualiza noile dispozitive din baza dvs. de date.
Designul Web mobil are succes numai atunci când un site Web este afișat corect pe un dispozitiv mobil. Deși este o sarcină descurajantă pentru designeri de a reprezenta toate părțile esențiale ale unui site desktop într-o fereastră mică, mobilă, în fiecare zi apar noi tehnici pentru a face site-urile mobile mai bune, mai rapide și mai bine prezentate.
Site-ul mobil al site-ului web prin intermediul Shutterstock
15 Comentarii ▼
