28/03/2014 Què és un disseny web responsiu i per què és tan important?

Definició de disseny responsiu:

El disseny responsiu és aquell que respon a les diferents resolucions de pantalla, de manera que adapta els continguts del web i els reordena segons el suport amb el que ho visualitzem. És a dir, estarem davant d'un disseny responsiu si navegant amb un mòbil o tablet, trobem que el disseny de la pàgina ha canviat de mida o ha modificat la seva distribució respecte si ho mirem amb l'ordinador i, d'aquesta manera, permet què els continguts es presentin correctament.

Avantatges del disseny web responsiu

Davant de l'augment de la navegació mòbil i tablet, sorgeix la necessitat d'optimitzar els llocs web pensant en aquests dispositius.

La navegació a través de dispositius mòbils ja representa el 20% del total de navegació a la xarxa.

Per tant, el disseny responsiu millora la navegació des dels dispositius mòbils i ofereix una bona experiència a l'usuari. Això es tradueix en un percentatge de rebot menor i una millora en els resultats de conversió. Ara imagineu-vos el contrari: una pàgina web no mostra tots els continguts al navegador del mòbil, sinó que us heu de desplaçar amb la barra horitzontal per visualitzar la resta de continguts... No és res còmode! Però a més d'això, amb un disseny responsiu no cal crear continguts especialitzats per a mòbils o aplicacions web, sinó que tot funciona des d'una mateixa URL. D'aquesta manera, enlloc de desenvolupar, administrar i pagar 2 llocs web, només en tindreu 1 que funcionarà pels diferents dispositius. A més, Google prefereix els llocs webs amb disseny adaptatiu i millora el posicionamenten motors de cerca, ja que com tot va a una mateixa URL, el SEO es forma d'una manera molt més fàcil.

Exemple d'una web responsiva: Fem la prova!

Per comprovar que una web és responsiva o adaptativa des d'un ordinador, només heu de reduir la mida de la finestra (si navegueu per dispositius mòbils ho veureu directament). Si els continguts, menús i diferents elements de la pàgina es reordenen per tal que ho visualitzeu tot en la mateix navegador, llavors estareu davant d'una web responsiva. Podeu fer la prova amb la nostra web avellanadigital.com i podreu veure com s'adapten els diferents elements. Comproveu que en tot moment podem visualitzar el menú sencer i seguir llegint el text, per exemple. La vostra web encara no és responsiva? Contacteu amb nosaltres per a més informació i us explicarem les possibilitats i diferents solucions!