DISEÑO WEB FLEXIBLE, ADAPTIVO O ELÁSTICO

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.

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 adaptivo

• 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.

El diseño web flexible es una tecnología nueva, que a la hora de desarrollar un proyecto web añade un coste adicional, pero infinitamente menor de lo que costaría hacer la versión móvil, por ejemplo, de la página web.

VALIDACIÓN W3C

La W3C es una organización que rige los estándares y recomendaciones para el desarrollo de las páginas web. Cuando una página web está bien construida y pasa las validaciones de W3C, cumple con los estándares y mejora el posicionamiento en Google y otros buscadores. De ahí la importancia de maquetar las páginas web siguiendo las normas y estándares de W3C.