El Responsive Design o diseño adaptativo, es la técnica que se usa en la actualidad para tener una misma web adaptada a las diferentes plataformas que nos brinda la tecnología: ordenador, Tablet y Smartphone.
Consiste en una serie de hojas de estilo en CSS3, que usando el atributo “mediaquery” convierten una web ordinaria en una web multiplataforma capaz de adaptarse a todos los dispositivos.
El diseño responsive utiliza un conjunto de reglas de estilo CSS para cambiar la presentación del contenido en función del ancho de la pantalla del dispositivo, lo que garantiza que el sitio se vea y funcione correctamente en cualquier dispositivo.
¿Por qué tu web debería ser Responsive?
- Mejor experiencia de usuario. Mejorará tu imagen de marca como el tiempo de permanencia en la web y aumentará la tasa de rebote entre páginas de tu web.
- No más contenidos duplicados. ya no usarás una versión móvil y una para computadoras para que los usuarios que accedían a tu web vieran el contenido adaptado.
- Se reducen los costes de desarrollo y mantenimiento de la web. Al usar la misma plantilla para todas las plataformas, se reduce la inversión en mantenimiento y desarrollo.
- Aumenta la viralidad. Un reciente crecimiento del acceso a las redes sociales se hace a través de dispositivos móviles, eso significa que, si un usuario accede a nuestra web a través de un Smartphone podra compartir nuestro contenido más rápido.
¿Cómo se hacen los sitios web responsivos?
Aunque puede parecer algo bastante sencillo, la realidad es que hay una gran cantidad de programación detrás de un sitio web responsivo.
Esto no significa que tengas que contratar a una legión de programadores web. Casi todos los hosts ofrecen plantillas perfectamente responsivas que puedes personalizar con la información de tu página web.
