Desenvolupament web responsive

La teva pàgina web o botiga online ofereix una bona experiència d’usuari des d’un smartphone o una tauleta?

La teva pàgina web o botiga online està adaptada als dispositius mòbils?

El disseny web adaptable o responsive design és l’aplicació de diferents tècniques avançades de disseny que ens permet estructurar els continguts de formada adaptada a tots els dispositius; smartphones, tablets, netbooks, portàtils, pantalles panoràmiques, ordinadors de sobretaula i TV. Sense tenir la necessitat de crear espais específics per a cadascun dels dispositius, es tracta d’un enfoc des del punt de vista del disseny web amb molta més importància. El concepte disseny web responsive ha adquirit popularitat durant els últims 3 anys a causa de la necessitat d’adaptar les nostres pàgines web a un accés des de tots els dispositius minimitzant els recursos.

Funcionament del Disseny Web Responsive

Actualment el desenvolupament web responsive deixa de costat les mesures fixes en el disseny d’una pàgina web passant a ser uns dissenys i desenvolupaments fluids de proporcions. En lloc de dissenyar la nostra pàgina web o botiga online basant-nos en valors fixos (Exemple: width=1020px), el disseny fluid està pensat en proporcions, tots els elements de la pàgina web es faran més petits o més grans seguint unes proporcions entre els elements.

El disseny d’una pàgina web, igual que els llibres, diaris i revistes, estan basats en columnes, segons el disseny web responsive, una mateixa pàgina web mostrada en un ordinador a resolució panoràmica de 1280px X 800px utilitzaria 5 columnes, en una tauleta de 1024px X 768px en necessitaria només 4, i en el cas d’un smartphone amb resolucions de pantalla fins a 5 polzades podria utilitzar una o dos columnes.

Avantatges del disseny web responsive i del desenvolupament d’una pàgina web

Des del punt de vista del posicionament en cercadors:

• Disposen d’una única URL d’accés als continguts en els resultats de cerca, independentment del dispositiu, de manera que l’estratègia de posicionament SEO és la mateixa i s’estalvien redireccions i els possibles errors que puguin surgir.
• També s’eliminen les dificultats en accedir al lloc web des d’enllaços que els usuaris comparteixen en xarxes socials (Facebook, Twitter, etc).
• Permet millorar l’estructura i definició de les dades, això facilita la interpretació dels cercadors del contingut de la nostra pàgina web.

Des del punt de vista dels cost econòmic del projecte web:

• Plantejar el disseny responsive des de l’inici del projecte, permet un estalvi molt important respecte del costos d’adaptació posterior. Tot depenent de la complexitat del projecte web.
• Amb una única versió del projecte web es cobreixen totes les resolucions de pantalla (ordinadors, tauletes, telèfons mòbils, etc). D’aquesta manera es redueixen els preus en la fase de desenvolupament d’un projecte web.
• També suposa evitar el desenvolupament d’aplicacions natives per a mòbils (iPhone, Android, etc). Molt més costoses en el seu desenvolupament i manteniment.