Responsive Design RWD Vs Device Experiences Vs RESS ¿Cuál elegir? 12.9.12

¿Cuál elegir?: Diseño "Responsive", experiencia del dispositivo o RESS?
por Lucas Wroblewski

A medida que más organizaciones se dan cuenta que necesitan hacer grandes inversiones en diseño Web multi-dispositivo, aparece la inevitable pregunta de "cómo". ¿Diseño Web responsive, sitios separados o algo intermedio? Así es como he tratado de simplificar esta decisión:

Responsive Design

El "Responsive Web Design" es una combinación de maquetación e imágenes fluídas y con las media queries para cambiar el diseño básico en función del tamaño de los dispositivos que acceden a la página. Utiliza detección de características (sobre todo en el lado del cliente) para determinar las capacidades que tiene el dispositivo y adaptarse en consecuencia.

Con el "Responsive Web Design" un código común, un desarrollo y una URL permiten acceder a múltiples dispositivos, incluyendo los futuros que no existen todavía. Pero la optimización de imágenes, video, widgets de terceros y mucho más pueden ser todo un reto con soluciones del lado del cliente.

El "Responsive Web Design" es para ti SI:

1. Si quieres los ajustes del diseño del lado del dispositivo.
2. Si puede vivir sin la optimización completa para dispositivos específicos.
3. Si no tienes acceso a soluciones del lado del servidor.
4. Si no confáas de verdad en la detección de dispositivos.

Para más información:

• "Responsive Web Design": el libro.
• Diseño WebMulti-dispositivo: Una evolución desde el "Responsive Web Design" para dispositivos de escritorio dispositivos móviles y más
• Responsive Images, cómo casi funcionó y lo que necesitamos: el reto de la optimización de imágenes en diseños "responsives".
• Otros retos de la prioridad del "Mobil Responsive Web Design": lo que lo hace tan duro además de la optimización de las imágenes.

Device Experiences

"Device Experiences" se define por la manera en que un dispositivo es utilizado, generalmente, y por las capacidades técnicas o las limitaciones que posee. "Device Experiences" es una forma de clasificar los dispositivos, que están a disposición de los consumidores de hoy, para poder construir y diseñar interfaces específicas y adecuadas para cada uno de ellos.

"Device Experiences" requieren grupos individuales de diseños front-end y de desarrollo para cada clase de dispositivo que desee soportar. Dar la experiencia correcta al dispositivo adecuado requiere cierto nivel de detección de dispositivos (por lo general del lado del servidor). Sin embargo, cada experiencia puede ser completamente optimizado. En otras palabras, usted envía a cada cliente sólo lo que necesita y nada más.

"Device Experiences" son para ti SI:

1. ¿Quieres optimización máxima para cada tipo de dispositivo.
2. Y capacidad de servir una experiencia de usuario completamente diferente según las características a cada clase de dispositivo.
3. Te sientes cómodo con la detección de dispositivos.

Para más información:

• ¿Por qué separar páginas web para móviles y de escritorio?: ¿qué aspectos pueden ser optimizados a través de dispositivos?
• Device Experiences y Responsive Design: para algunas organizaciones, discriminar por dispositivo es todo lo que se necesita para hacer frente al diseñar para un montón de aparatos
• Plataformas de usuarios de dispositivos conectados en red: qué tipo de experiencias de dispositivos hay ahí fuera
• Diseño multidispositivo de Netflix: por qué Netflix opta por "Device Experiences" en vez de de la mejora progresiva y el RWD.

RWD con los componentes del lado del Servidor: RESS

Combinando RWD con la optimización lado del servidor (no la página completa) es una manera de ampliar las soluciones del lado del cliente. Con esta técnica, un solo conjunto de plantillas definen el sitio Web completo para todos los dispositivos, pero en el lado del servidor implementan aplicaciones clave para servir la página según la clase de dispositivo.

En otras palabras, RESS (Diseño Web Sensible con los componentes del servidor) puede ofrecer lo mejor de ambos mundos sin los problemas que pueden obstaculizar cada uno. Esto es un código base, desarrollo dirección URL que sólo ofrece lo que cada cliente necesita. Esta optimización sólo requiere la detección de los dispositivos a nivel de componentes.

RESS es para ti SI:

1. Si quieres ajustes de diseño a través de los dispositivos
2. y la optimización a nivel de componentes para aumentar el rendimiento la experiencia del usuario.
3. Usted confía en el servidor la detección de dispositivos con parámetros por defecto.

Para más información:

• RESS: Responsive Design + componentes del lado del servidor: una visión general de la técnica RESS con ejemplos concretos.
• Funciones de detección del lado del servidor y la evolución del RWD: cómo podemos entregar el contenido para hacer diseños web que se adecuen mejor
• Adaptación: Por qué el RWD comienza realmente en el servidor.
• RWD + componentes del lado del servidor: cómo podemos combinar lo mejor de dos mundos.