El diseño web adaptativo o adaptable (en inglés, Adaptive) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en las hojas de estilo CSS, se consigue adaptar el sitio web al dispositivo del usuario.
Esta técnica, aunque específica para dispositivos móviles, está realizada dentro del contexto «One Web», y que por lo tanto engloba no sólo la experiencia de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como tabletas, notebooks, portátiles o dispositivos de sobremesa, etc.
El concepto de «One Web» hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).
Beneficios del Diseño Web Adaptativo.
- Reducción de costes. Se reducen los costes al realizar un solo sitio web, para todos los dispositivos.
- Eficiencia en la actualización. Las diferentes vistas del sitio web se actualizan en una sola actualización, mientras que si son sitios independientes, cada plataforma requiere una actualización independiente, lo que puede hacer que necesite mayor cantidad de recursos y aumenta la posibilidad de errores.
- Mejora de la usabilidad. Esta tecnología, si se realiza bien, aporta una mayor usabilidad al poder acceder desde cualquier dispositivo.
- Impacto en el visitante. Esta tecnología por ser nueva genera impacto en las personas que la vean en acción, lo que permitirá asociar a la marca con creatividad e innovación.
Diferencias entre Diseño Web Adaptativo y Diseño Web Responsive.
Responsive
1-Reestructura todos los elementos de la web para optimizar todo el espacio y asegurar una buena experiencia de usuario.
2-Un solo diseño que se adapta según la pantalla.
3-Utiliza tamaños proporcionales, en lugar de valores fijos en píxeles. Establece medidas en porcentajes.
4-Emplea media queries y diferentes hojas de estilo (CSS) para cada medida de pantalla.
5-Es muy flexible.
6-Puede requerir mayor tiempo de carga.
Adaptativo
1-Utiliza tamaños de pantalla fijos y preestablecidos para cada uno de los dispositivos.
2-Diferentes diseños de forma independiente en los que podemos variar lo que mostramos.
3-Utiliza valores fijos en píxeles.
4-No necesita tanto código. Sencillez.
5-No es tan flexible. No se ajusta exactamente a cualquier resolución.
6-Menor tiempo de carga. El dispositivo recibe solo lo necesario para su visualización.
Nirolari 