Responsive Web Design (RWD)

RWD, del inglés Responsive Web Design  es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web a cualquier tipo de dispositivos que se esté usando para visualizarlas. Hoy en día las páginas web se visualizan en una multitud de dispositivos como tablets, móviles, portátiles y PCs. Cada uno de estos diferentes dispositivos tiene sus características especificas: tamaño de pantalla, resolución, potencia de CPU, sistema operativo (Windows, macOS, Linux, iOS, Android), capacidad y tipo de memoria entre otras. Esta tecnología pretende que con un único diseño web, se obtenga una visualización adecuada en cualquier dispositivo. 


Ventajas


  • Debido al incremento en el uso de dispositivos móviles, este tipo de diseño web se ha vuelto bastante popular, pues una sola técnica proporciona una solución web para manejar la visualización web tanto de escritorio como dispositivos móviles.

  • Mejora la experiencia de usuario (UX) a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde terminales móviles.

  • A diferencia del diseño web tradicional, en el que se creaban multiples versiones HTML y CSS de un sitio para cada resolución de pantalla de los dispositivos target, con el diseño web responsivo solo se trabaja en una sola versión HTML y CSS, esto permite mantener de forma más efectiva tanto el contenido y el código del sitio web.

  • Desde el punto de vista de posicionamiento en buscadores, aparecería una única URL en los resultados de búsqueda, con lo cual se ahorrarían múltiples redirecciones y los fallos que derivan de éstas.