Tot i que el nombre de llocs web sense optimització per a mòbils es redueix, n’hi ha alguns que només estan dissenyats per a ordinadors. Malauradament, l’anterior servei web de ‘mobilitzador’ de Google s’ha interromput. El successor espiritual del servei és Google Weblight, dissenyat al voltant de l'optimització per a connexions lentes en lloc de revisar llocs per a la visualització de mòbils. Més enllà del servei de Google, hi ha diverses pràctiques i eines que s’han de tenir en compte a l’hora de desenvolupar un lloc pensant en els mòbils.
Passos
Primera part de 2: Experimentació amb Google Weblight
Pas 1. Analitzeu el funcionament de Weblight
Weblight és un algorisme creat per Google per proporcionar als usuaris càrregues de pàgina més ràpides i lleugeres quan es troben en condicions de xarxa deficients. Això significa que Weblight no té cap interfície d'usuari i que opera al dorsal. Les pàgines s’eliminen dels seus elements més complexos, proporcionant una experiència lleugera i reduïda, en lloc d’una optimitzada explícitament per a la plataforma mòbil.
Pas 2. Proveu els canvis del lloc amb Weblight
Al vostre dispositiu mòbil, només cal que afegiu l'URL del lloc complet al final de l'adreça de weblight (per exemple, si el vostre lloc web és "mywebsite.com", introduïu https://googleweblight.com/?lite_url=https://mywebsite.com). La pàgina carregarà una versió simplificada però funcional de si mateixa. Amb els elements eliminats, alguns llocs poden aparèixer molt millor a les pantalles dels dispositius mòbils.
Pas 3. Reconèixer les limitacions
Tingueu en compte que no es tracta d’una eina de conversió explícita dissenyada per a la interacció de l’usuari. Tot i que l’entrada manual al lloc web es pot fer servir amb una mica de pressa, Weblight està dissenyat per a la velocitat, no per a la usabilitat.
Part 2 de 2: Disseny per a la compatibilitat mòbil
Pas 1. Tingueu en compte les limitacions dels dispositius mòbils
Els dispositius mòbils comparteixen alguns aspectes que els diferencien dels seus equips d’escriptori. Aquestes funcions bàsiques haurien de ser les consideracions principals a l’hora de crear un lloc per al consum mòbil.
- Pantalles petites i verticalitat: tot i que les resolucions de pantalla en dispositius mòbils milloren constantment, la mida i el factor de forma segueixen sent una preocupació per al disseny del lloc. Dissenyar un lloc en una sola columna és el millor per als telèfons (les tauletes sovint poden utilitzar llocs d’escriptori sense tenir massa problemes).
- Interfícies tàctils: els elements de la pàgina s'han de col·locar tenint en compte la mida d'un dit. Els elements que utilitzen el cursor del ratolí s'han de minimitzar o redissenyar per al tacte (per exemple, menús desplegables).
- Velocitat de dades: un dels grans avantatges dels dispositius mòbils és l’ús fora del rang de wifi, però les connexions de dades solen ser més lentes i menys fiables. Les interfícies d’usuari (IU) han de ser simples i el contingut ha de ser visible i accessible. Un excés de desordre afectarà els temps de càrrega i dificultarà la navegació.
Pas 2. Utilitzeu un servei de sistema de gestió de contingut (CMS)
Per a aquells que es desenvolupen amb menys recursos, utilitzar un servei CMS com Wordpress o Squarespace és una opció fantàstica per al disseny de mòbils de baix cost i fàcil d’utilitzar. Els temes que utilitzen el disseny web responsiu proporcionaran la plantilla més senzilla per a un lloc mòbil.
El disseny web responsiu és una teoria del disseny web que promou l’ús d’elements de disseny fluid per permetre transicions fluides del disseny i la usabilitat entre plataformes
Pas 3. Proveu les pantalles de dispositius mòbils mitjançant programari d'escriptori
Hi ha diverses aplicacions web gratuïtes que us permeten emular dispositius mòbils per provar l’estètica i la funcionalitat del lloc web. Utilitzar aquestes eines és tan senzill com seleccionar el dispositiu de prova desitjat i entrar al lloc web de destinació per previsualitzar. La majoria inclourà eines per a variables com l'orientació de la pantalla, la densitat de píxels o fins i tot la selecció del navegador. Alguns exemples populars són:
- Emulador de mode de dispositiu Chrome
- mobilephoneemulator.com
- screenfly (un subconjunt de quirktools)
- mobiletest.me (subscripció de pagament)
