Responsive design, presente y futuro del diseño web

Tras muchos años en los que la estructura y diseño de los principales CMS no había sufrido grandes evoluciones y empezaban a quedarse estancados, ha irrumpido con fuerza el Responsive Design, (o diseño web adaptable o adaptativo) entre la comunidad de desarrolladores de Joomla! y WordPress. El Responsive design es una técnica de diseño y desarrollo web que adapta los módulos e imágenes de una web a la pantalla del dispositivo en el que se muestra.
Hasta ahora los diseñadores que se preocupaban por los dispositivos móviles creaban dos webs, una para pc’s de escritorio y portátiles, y otra para tablets y móviles. En la práctica, la versión para móviles generalmente es muy poco funcional y duplica en muchos casos la carga de trabajo. Con la llegada del responsive design, ya no es necesaria esta duplicidad de trabajo, sino que una misma web nos valdrá para todos los formatos, con la reducción de costes que conlleva.

Creemos que esto no es una moda que desaparecerá en unos meses, sino una manera de desarrollar webs que ha llegado para quedarse, puesto que cada vez son más los dispositivos móviles vendidos en todo el Mundo, haciendo que la era PostPC que parecía ciencia ficción hace un par de años, sea una realidad en un futuro muy próximo. Mucho se ha hablado de la Era post-PC desde la presentación del primer iPad a principios de 2010 por parte del Steve Jobs. Y todavía hoy sigue habiendo quién piensa que se trata de un fenómeno transitorio o de un hecho que todavía no ha llegado a su culminación. Pero lo cierto es que las cifras hablan por sí solas, puede que no tanto en valores absolutos – 101 millones de smartphones frente a 92 millones de ordenadores – como en valores de crecimiento – 87% de incremento en la adquisición de dispositivos móviles y tan sólo un 3% de incremento en ordenadores, en el 2011. El ordenador personal tal y como lo hemos venido conociendo, tiene los días contados como dispositivo informático principal. Ya hace tiempo que se venden más equipos de bolsillo que PC, sean de sobremesa o portátiles, y eso está ya condicionando la creación de aplicaciones y servicios de información.

El número de unidades en uso- de dispositivos móviles (smartphones + tabletas) superará a la de ordenadores personales (sobremesa + portátiles) durante el segundo trimestre de 2013. Y mientras el parque de PC se mantendrá estable durante los años sucesivos, el de teléfonos y tabletas continuará aumentando hasta llegar a casi duplicarlo en un plazo de dos años. Ése si es un verdadero cambio de paradigma.

Según tu negocio, en España podemos hablar que el tráfico web móvil puede rondar el 30%, e incluso ser superior según la industria. Por tanto, construir un sitio adaptado a móvil es ya una prioridad para cualquier negocio. Según Google, sólo en los 2 años anteriores, el tráfico web móvil se ha multiplicado por 5. Tus clientes pueden estar buscándote ya a través de sus teléfonos móviles, y has de ser capaz de proveerles una experiencia móvil completa, usable y que le permita completar cualquiera de los objetivos que tu cliente tuviera en mente.

Ventajas:
Las ventajas del diseño web adaptativo son obvias:

Mejor experiencia de usuario: todos los usuarios ven la web de la mejor manera posible para el dispositivo desde el que acceden
Costes más bajos: Se reducen los costos de creación y mantenimiento: ya no es necesario desarrollar aplicaciones para distintas versiones móviles
Actualizaciones más eficientes: cualquier actualización o modificación en el diseño, se ve reflejado en todas las plataformas, lo que reduce tiempos y márgenes de errores
Búsquedas: Al hacer una búsqueda, aparecerá una URL única en los resultados, por lo que se ahorran redirecciones y posibles fallos.
Mejor posicionamiento SEO: Google puede descubrir mejor tu contenido
Accesible a todos: incluidos las personas con distintos problemas de disminución visual

Las principales empresas de CMS como Gavick.com, yootheme.com, rockettheme.com o joomlart.com están apostando por esta tecnología web en sus nuevos componentes y plantillas.
Nosotros también nos hemos subido al carro del Responsive Web Design con el diseño de nuestra nueva web, y el uso que haremos de esta técnica en los futuros diseños a nuestros clientes.
Podemos ver ejemplos de Responsive design en esta web: http://mediaqueri.es/

Si quieres comprobar si tu web está preparada para mostrarse correctamente en dispositivos móviles visita: http://www.responsinator.com/

Categories

Responsive design, presente y futuro del diseño web

Responsive design, presente y futuro del diseño web