¿Qué es Diseño Web Elástico? - Ecdisis Estudio

¿Qué es Diseño Web Elástico?

El diseño elástico es una opción de diseño web que se presenta como una solución a las desventajas propias del diseño líquido y el diseño fijo. Una de las técnicas más utilizadas para hacer un diseño elástico es la de adaptar el tamaño de los objetos en la página al tamaño de letra seleccionada por cada usuario.

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.

Write a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *