Deși numărul de site-uri web fără optimizare mobilă este în scădere, rămân unele care sunt concepute doar pentru desktop. Din păcate, serviciul web anterior „mobilizator” Google a fost întrerupt. Succesorul spiritual al serviciului este Google Weblight, conceput în jurul optimizării pentru conexiuni lente, mai degrabă decât în revizuirea site-urilor pentru vizualizarea mobilă. Dincolo de serviciul Google, există o serie de practici și instrumente care ar trebui luate în considerare atunci când dezvoltați un site cu mobil în minte.
Pași
Partea 1 din 2: Experimentarea cu Google Weblight
Pasul 1. Analizați cum funcționează Weblight
Weblight este un algoritm creat de Google pentru a oferi utilizatorilor încărcări de pagini mai rapide și mai ușoare atunci când se află în condiții de rețea slabe. Aceasta înseamnă că Weblight nu are interfață cu utilizatorul și funcționează pe backend. Paginile sunt eliminate de elementele lor mai complexe, oferind o experiență ușoară, mai degrabă decât una optimizată explicit pentru platforma mobilă.
Pasul 2. Testați modificările site-ului cu Weblight
Pe dispozitivul dvs. mobil, pur și simplu adăugați adresa URL completă a site-ului la sfârșitul adresei weblight (de exemplu, dacă site-ul dvs. web este „site-ul meu web”, atunci introduceți https://googleweblight.com/?lite_url=https://mywebsite.com). Pagina va încărca o versiune simplificată, dar funcțională. Cu elementele eliminate, unele site-uri pot apărea mult mai bine pe ecranele dispozitivelor mobile.
Pasul 3. Recunoașteți limitările
Rețineți că acesta nu este un instrument de conversie explicit conceput pentru interacțiunea utilizatorului. În timp ce intrarea manuală pe site-ul web poate fi utilizată într-o ciupire, Weblight este conceput pentru viteză, nu pentru utilizare.
Partea 2 din 2: Proiectarea pentru compatibilitate mobilă
Pasul 1. Rețineți limitările dispozitivelor mobile
Dispozitivele mobile împărtășesc câteva aspecte care le fac distincte de omologii lor desktop. Aceste caracteristici principale ar trebui să fie principalele considerații atunci când se creează un site pentru consumul mobil.
- Ecrane mici și verticalitate: Deși rezoluțiile ecranului de pe dispozitivele mobile se îmbunătățesc constant, dimensiunea și factorul de formă rămân o preocupare pentru proiectarea site-ului. Proiectarea unui site într-o singură coloană este cea mai bună pentru telefoane (tabletele pot folosi adesea site-uri desktop fără prea multe probleme).
- Interfețe tactile: elementele paginii trebuie plasate cu dimensiunea unui deget în minte. Elementele care utilizează trecerea mouse-ului trebuie reduse la minimum sau reproiectate pentru atingere (de exemplu, meniuri derulante).
- Viteze de date: unul dintre marile avantaje ale dispozitivelor mobile este utilizarea în afara intervalului wifi, dar conexiunile de date sunt de obicei mai lente și mai puțin fiabile. Interfețele utilizator (UI) ar trebui să rămână simple, iar conținutul să fie vizibil și accesibil. Prea multă dezordine va împiedica timpul de încărcare și va îngreuna navigarea.
Pasul 2. Folosiți un serviciu Content Management System (CMS)
Pentru cei care se dezvoltă cu mai puține resurse, utilizarea unui serviciu CMS precum Wordpress sau Squarespace este o opțiune excelentă pentru un design mobil ieftin, ușor de utilizat. Temele care utilizează designul web receptiv vor oferi cel mai simplu șablon pentru un site mobil.
Proiectarea web receptivă este o teorie a designului web care promovează utilizarea elementelor de design fluide pentru a permite tranziții fluide ale designului și a utilizabilității între platforme
Pasul 3. Testați ecranele dispozitivelor mobile utilizând software-ul desktop
Există o serie de aplicații web gratuite care vă permit să emulați dispozitive mobile pentru a testa estetica și funcționalitatea site-ului web. Utilizarea acestor instrumente este la fel de ușoară ca selectarea dispozitivului de testare dorit, apoi intrarea la site-ul web vizat pentru previzualizare. Majoritatea vor include instrumente pentru variabile precum orientarea ecranului, densitatea pixelilor sau chiar selectarea browserului. Câteva exemple populare sunt:
- Emulator Chrome Device Mode
- mobilephoneemulator.com
- screenfly (un subset de instrumente quirktools)
- mobiletest.me (membru plătit)
