¿Qué es Responsive Web Design/ Diseño Web Adaptable?

Los sitios web adaptables, responden a su ambiente.

Adaptativo (Multiple fixed layouts/Múltiples diseños adaptables

para brindar la mejor experiencia a una audiencia más extensa) O

Responsivo (Multiple fluid grid layouts/ Estructura fluida

para adaptar el sitio web al entorno del usuario.)

¿Por qué es importante?

“Día tras día, crece el número de dispositivos, plataformas y exploradores que hacen uso de tu sitio.

El diseño web adaptable representa un cambio fundamental en la manera en la que construimos

sitios para la siguiente década.”

- Jeffrey Veen

Pequeño + mediano + grande un sitio para todas las pantallas.

¿Quién lo está haciendo?

No solo demos, sitios de diseño y de vanidades. Clientes reales.

The Boston Globe El proyecto de diseño web adaptable más grande

hasta el momento.

Grey Goose Sitio adaptable con animación de desplazamiento

parallax.

Barak Obama La campaña de Obama se situó como líder en

tecnología y diseño web.

… y muchos más.

¿Cuándo utilizarlo? Cosas a considerar:

Tiempo y dinero Compatibilidad con exploradores

Funcionalidad Contenido

Sitio web vs. Aplicación web

Frameworks (Estructura previa – ahorra tiempo.)

Crear una estructura propia

(Mayor control)

Buenas prácticas Revisión de contenido

Empezar pequeño (móviles) Salir de Photoshop, entrar al explorador

Optimizar siempre

Nuevas y mejores prácticas van surgiendo constantemente.

Fuente: “What The Heck Is Responsive Web Design?”

(John Polacek)