Qué es Responsive Web Design?

Responsive Web Design, es una tendencia nueva dentro del diseño Web que se usa por los dispositivos portátiles (smartphones y tablets).

Estas técnicas permiten que nuestra página web se adapte al medio según desde donde accede el usuario. Los tamaños de pantalla cambian según el medio con el que se accede. No es lo mismo una pantalla de un iPhone que la de un monitor de escritorio.

El usuario exige que su experiencia sea óptima en cada caso concreto. Utilizando HTML y principalmente CSS podemos mostrar al usuario una versión de nuestra web en función del ancho de pantalla utilizado. Es decir, nuestra web se adapta al ancho de pantalla, responde ante los cambios del tamaño la misma. Además podemos pensar en mejorar el acceso a formularios, botones, etc…

Por qué es tan importante?

La razón consiste en la masividad que tienen los dispositivos móviles. Las webs no están optimzadas para verlas en éstos, y la experiencia que tiene el usuario no es para nada satisfactoria. Por este motivo, hay que otorgarles la mejor experiencia y necesitamos que nuestra web se adapte al contexto en el que esta siendo visitada.

Google tiene su postura tomada frente a la construcción de un sitio web que apunta a los smartphones. Admite 3 configuraciones diferentes:

• la configuración recomendada de Google es mostrar a todos los dispositivos en el mismo conjunto de direcciones URL, usando un solo HTML y utilizando sólo CSS para cambiar la forma en la página que se representa en el dispositivo.
• Otros sirven dinámicamente todos los dispositivos en el mismo conjunto de direcciones URL, pero cada URL sirve diferente HTML (y CSS) dependiendo de si el agente de usuario es un ordenador de escritorio o un dispositivo móvil.
• Los sitios que tienen unos lugares distintos para móviles y para escritorio.

No obstante, Google aclara que los mayores beneficios de un Diseño Web Adaptable son:

• Una URL única, más fácil para los usuarios, para administradores (no hay doble administrador de contenidos) y más fácil para Google indexe nuestra Web.
• Ofrecer una mejor experiencia a nuestro usuario, por tanto aumenta la conversión (suscripción, tráfico, consumo de contenidos, ventas).
• Ahorro de recursos y tiempo.

Esta nueva tendencia ayudará a los desarrolladores a priorizar los contenidos que queremos transmitir a nuestros usuarios. Nos permite generar otro tipo de diseños adaptables a otros dispositivos, y por supuesto seguir cambiando la web.