Disseny web responsive per a totes les pantalles

És habitual que, quan estem desenvolupant un projecte de disseny web, el client -o nosaltres- ens demani poder veure la web sencera en la seva pantalla. Malgrat que es diu que el client sempre té la raó, en aquest cas li hem de dir que no. I en aquest article t'explicarem les raons.

Una opció, encara que ens donaria molts problemes, seria adaptar la web que dissenyem a la seva pantalla d'ordinador. Per a això necessitaríem saber la grandària exacta de la seva pantalla, amb quin navegador l'obrirà, i quantes barres té instal·lades en el seu navegador, que deixen menys espai per a visualitzar les webs.

Això generaria un gran mal de cap. Perquè el seu web arribi al públic objectiu i generi l'impacte desitjat ens trobarem amb un problema: si un client obre la web amb una altra pantalla, un altre navegador, o amb el mateix navegador però més barres instal·lades, ja no veurà la web sencera en la seva pantalla. I ja no diguem si visita la web des del mòbil!

Com funciona el disseny responsive

És important, primer de tot, oblidar i evitar l'obsessió de veure una web adaptada concretament a una pantalla. I encara més, tenint en compte la gran i creixent varietat de pantalles a Espanya, alimentada per totes les cerques mòbil.

Per a fer-nos una idea de la varietat que tenim: fins a 14 grandàries diferents de pantalles tenen un volum d'ús rellevant. Per exemple, actualment la majoria de cerques les fem des de mòbil i ni IPHONE manté la grandària de pantalla d'un model a un altre.

Avantatges d'una web responsive

Partint de la premissa que el disseny responsive ens converteix visibles en tots els dispositius, no faria falta argumentar molt més. De totes maneres, vegem alguns altres avantatges.

• Millor SEO: Google dona prioritat a les webs que es visualitzen bé en tots els dispositius, podent carregar amb major solvència. A més, això significa un major trànsit orgànic que pot visitar la nostra web.
• Millor experiència d'usuari: és important tenir en compte que l'experiència en la pàgina cada vegada és un factor de major rellevància per a mostrar la nostra web en els resultats de cerca. D'altra banda, facilita la navegació de l'usuari una vegada està en la nostra pàgina.
• Redueix costos i temps: si hem de fer diverses versions i grandàries de cada disseny web, seria una pèrdua de temps i tindria molt poca cobertura. El reponsive ens permet optimitzar esforços i centrar-nos en un disseny de qualitat per a tots.

Per què és important el disseny web responsive

Així les coses, a l'hora de plantejar un disseny web el que és important és tenir un bon disseny web responsive que s'adapti a la perfecció a la multitud de dispositius, i que permeti una navegabilitat senzilla a l'usuari.

Aquesta ha de ser la prioritat, i no que es vegi la web sencera en la teva pantalla, perquè s'ha de tenir en compte al conjunt d'usuaris objectius, i no la casuística particular. Un disseny web adaptable farà que quan vegem una web des de qualsevol dispositiu, es visualitzi correctament. I això és el que tots volem, veritat?