Què és el disseny web adaptable?

En l'actualitat, visitar un web amb el nostre Smartphone és una activitat gairebé quotidiana per a la majoria. Però no fa tants anys que únicament consultàvem pàgines web a través d'ordinadors de sobretaula i portàtils. En aquell moment, el disseny d'una pàgina web només s'havia de centrar en un tipus dispositiu: l'ordinador.

Han canviat moltes coses des d’aquells temps i ja fa una mica més d'un lustre que s'aplica el disseny web adaptable (traducció del terme Responsive Web Design o RWD en anglès) en la creació de llocs web. Aquesta tècnica de desenvolupament ens permet crear un únic disseny web que s'adapta segons el tipus de dispositiu o pantalla des del qual visualitzem el lloc web.

El disseny web adaptable no va ser l'única tècnica que es va adoptar amb l'auge de l'ús dels dispositius mòbils. Una de les alternatives va ser la creació d'un web específic per a mòbils, completament diferent a la versió d'escriptori, allotjat habitualment sota un subdomini (per exemple, www.latevaweb.com i m.latevaweb.com per a smartphones). També hi ha mètodes per servir un codi font o un altre en funció del dispositiu que faci la petició al servidor.

Tant en aquests casos, com amb el Responsive Web Design, l'objectiu acaba sent el mateix: oferir la millor experiència possible a l'usuari, independentment de si accedeix al nostre web a través de l'ordinador, el mòbil o una tablet.

Característiques del disseny web adaptable

Deixant de banda les especificacions tècniques a nivell de codi HTML i CSS, analitzarem quines són les principals característiques que defineixen un disseny web adaptable:

• Compatibilitat entre dispositius: la principal característica del disseny web responsive, la seva capacitat per adaptar la visualització d'un portal a qualsevol dispositiu.
• Una única versió: el desenvolupament i manteniment del codi es simplifica, ja que comptem únicament amb una versió del mateix.
• Li agrada a Google: és el patró de disseny web recomanat per Google.
• Millora l'experiència d'usuari: penseu, per exemple, en un cas tan senzill com girar el mòbil, passant de posició vertical a horitzontal. Amb el disseny web adaptable, l'usuari seguirà visualitzant els continguts de forma correcta.
• Reducció de càrrega del servidor: principalment perquè desapareix la necessitat de realitzar redireccions d'URL en funció del tipus de dispositiu.

D'altra banda, cal destacar que la implementació d'un disseny web adaptable no s'ha de centrar únicament en recursos visuals i codi HTML i CSS. Un bon disseny web responsive tindrà en compte els usos del lloc web en cada tipus de dispositiu.

¿Diferències? entre disseny web responsive i disseny web adaptable

Hi ha certs autors que estableixen una diferència entre el concepte responsive i adaptable. El principal argument per a aquesta distinció s'estableix en què el Responsive Web Design advoca per adaptar un únic disseny a diferents dispositius, mentre que amb el disseny web adaptable es creen diversos dissenys, un per a cada tipus de dispositiu.

Com saber si el meu lloc web està optimitzat per a mòbils?

Actualment, tot nou disseny web realitzat hauria adaptar-se de forma correcta a qualsevol classe de dispositiu, inclosos els mòbils. De fet, en camps com el SEO, Google ha afirmat que prioritza la versió d'una web per a smartphones en el seu procés d'indexació de continguts.

Si ja comptes amb un web i no estàs segur de si compta amb disseny web adaptable, pots utilitzar aquest  test de Google per verificar-lo.

Si tens resultats negatius o si penses que ja és hora de renovar el disseny de la teva pàgina web, a La Teva Web estarem encantats d'ajudar-te.