¿Qué es Diseño Web Elástico?
La manera de hacer las webs adaptables para cada dispositivo, es decir, que la propia web detecte desde qué dispositivo se está viendo y a qué resolución y se adapte en función de esas características es lo que se denomina en inglés “responsive web design”, que en español podría traducirse como “diseño web adaptable”, “flexible” o “elástico”.
Para ver cómo queda una web flexible en distintas resoluciones (por ejemplo esta web) basta con ampliar o reducir la ventana del navegador, de esta forma se apreciará el cambio de las estructuras de la web adaptándose a las distintas resoluciones.
Principales ventajas del diseño web adaptativo
- Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla.
- Se reducen costes, pues nos evitamos desarrollar la versión móvil y tablet de la página web.
- La optimización de los resultados en los motores de búsqueda, pues solo aparecería una única url.
- Se evitan errores al acceder al sitio web desde los llamados “social links”
- El sitio sólo se actualiza una vez y esta actualización se ve reflejada en todas las plataformas.
- Estudios demuestran que cuando se aprovecha toda la pantalla del visitante aumenta la conversión
- Aumenta la usabilidad y por lo tanto la web llega a mayor número de usuarios.
Cada vez son mas los internautas que navegan a través de smartphones y tablets, hoy en día los usuarios pueden llegar a una web desde una gran variedad de dispositivos cada uno de ellos con una resolución de pantalla distinta, desde los 240 píxeles de ancho hasta los 1200 píxeles que tienen de media los monitores convencionales.
