L'ús de dispositiu mòbils creix molt ràpidament
LA IMPORTÀNCIA DELS USUARIS
Avui en dia hi ha molts usuaris que naveguen per Internet mitjançant tablets, smartphones i altres dispositius, així que hem de tenir molt en compte aquests usuaris perquè visualitzin la pàgina web amb la mateixa satisfacció que si hi estiguessin accedint mitjançant un ordinador.
La solució que s’ofereix avui en dia és el que anomenem webs responsives, pàgines web programades en HTML5 i CSS3 que s’adapten a les diferents mides de pantalla reorganitzant el contingut, escalant les imatges i/o simplificant el menú.
Hi ha molts frameworks que podem utilitzar per desenvolupar aquest tipus de pàgines web. Alguns d’aquests frameworks són Responsive Grid System, Bootstrap, Foundation, Skeleton i Gumby.
Etapa de disseny
L’etapa de disseny de la pàgina web varia una mica respecte el disseny web estàndard, ja que s’ha de tenir en compte què passarà amb els elements segons l’amplada de la pantalla on visualitzarem la pàgina web. Així doncs, és interessant fer un esbós en paper per saber com s’estructuraran els diferents elements segons la resolució de la pantalla.
Una única versió
Creant una pàgina web responsiva, amb una sola versió d’HTML i CSS, es cobreixen totes les resolucions de pantalla i s'evita crear una pàgina web específica per a cada dispositiu, ja que amb aquest sistema s’adapta la navegació, interacció i lectura a cada dispositiu.
Optimització per als cercadors
Des del punt de vista del SEO és molt positiu tenir una pàgina web responsiva, ja que només apareixerà una URL als resultats de cerca, evitant tenir pàgines duplicades o haver de fer redireccions. També evitem problemes amb els Social Links, aquells enllaços compartits a les xarxes socials que poden donar error a l’usuari depenent del dispositiu on es va copiar l’enllaç i del dispositiu on s’està visualitzant la pàgina.
