Diseño web adaptativo

Julio 2017


Diseño web adaptativo: Definición


Llamamos diseño web adaptativo a la facultad que tiene un sitio web de adaptarse al terminal de lectura.

¿Por qué crear un diseño web adaptativo?


Con el auge de los smartphones y de las tabletas táctiles, existe un gran número de resoluciones de visualización, volviendo a veces difícil la experiencia de usuario. Por lo tanto, cada vez más sitios ofrecen una versión llamada móvil, más adaptada a una lectura en un terminal móvil y generalmente accesible a partir de una dirección diferente, tal como http://m.commentcamarche.net en lugar de http://www.commentcamarche.net

Sin embargo, los smartphones y las tablets tienen resoluciones de visualización a veces tan diferentes, que convendría ofrecer una versión para cada dispositivo. Por otro lado, el hecho de consultar en formato paisaje o retrato cambia completamente el modo de visualizar un sitio web. Finalmente, el hecho de tener diferentes versiones obliga a mantener un segundo sitio, a veces con riesgo de errores, particularmente durante un cambio y una pérdida potencial en términos de posicionamiento natural, ya que dos versiones del sitio coexisten.

El diseño web adaptativo responde al conjunto de estas problemáticas cambiando dinámicamente la visualización de la página en función de la zona de visualización, gracias a las hojas de estilo (CSS). Para comprobarlo, basta con modificar el tamaño del navegador en un sitio que utiliza el diseño web adaptativo para ver como la visualización se modifica.

Consulta también

Artículo original escrito por . Traducido por Carlos-vialfa. Última actualización: 18 de junio de 2014 a las 04:24 por Carlos-vialfa.
El documento «Diseño web adaptativo» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.