Responsive Web Design

El diseño web responsive o adaptativo es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos. Desde ordenadores de escritorio a tablets y móviles.

¿Que es el Responsive Web?

Se trata de redimensionar y colocar los elementos de la web de forma que se adapten al ancho de cada dispositivo permitiendo una correcta visualización y una mejor experiencia de usuario. Se caracteriza porque los layouts (contenidos) e imágenes son fluidos y se usa código media-queries de CSS3. El diseño responsive permite reducir el tiempo de desarrollo, evita los contenidos duplicados, y aumenta la viralidad de los contenidos ya que permite compartirlos de una forma mucho más rápida y natural.

Se basa en proporcionar a todos los usuarios de una web los mismos contenidos y una experiencia de usuario lo más similar posible, frente a otras aproximaciones al desarrollo web móvil como la creación de apps, el cambio de dominio o webs servidas dinámicamente en función del dispositivo.

Ventajas

Mejora la visibilidad, SEO Google no ha tardado en darse cuenta del creciente uso de internet en los dispositivos móviles, por ello otorga un lugar destacado en los motores de búsqueda para aquellas webs optimizadas para móviles. De hecho, el último cambio en el algoritmo del buscador ha beneficiado a todas las páginas web mobile-friendly, otorgándoles un mejor posicionamiento sobre aquellas webs que aún no están optimizadas para dispositivos móviles.

Ahorro de tiempo y costes ¿Cómo va a ahorrarme tiempo y costes el diseño adaptativo? Pues dejando de lado el tener que diseñar y desarrollar una versión móvil de nuestra web y, por tanto, los costes que ello conlleva. Así como, ahorrándonos el tiempo de mantener dos versiones de la misma web. Mejora la experiencia de navegación offline El diseño web responsive hace más accesible nuestros contenido, permitiéndonos difundirlo a través de varios dispositivos.