Este documento compara los diseños responsive y adaptive para sitios web, explicando sus ventajas y desventajas. Un diseño adaptive envía contenido adaptado específicamente para cada dispositivo, mejorando la velocidad pero requiriendo más trabajo. Un diseño responsive usa el mismo contenido para todos los dispositivos y Javascript para adaptar la visualización, requiriendo menos trabajo pero a veces compromisos de diseño. Al final, el documento no recomienda uno u otro, dejando la elección al lector.

1. Responsive o Adaptive
¿Qué es mejor para mi
web?
Adriana Jiménez
Maikoll Soto
Zuleyma Bustamante
Javier Velazques
Yuzmhar Guillén

2. ¿Qué es un diseño Adaptive?

Un diseño adaptive es aquel que se realiza pensando
exclusivamente en cómo quedará nuestro diseño en uno o varios
dispositivos (por lo general móviles).

En este tipo de diseños el servidor detecta el dispositivo que
accede a la web y le envía un el contenido adaptado al mismo.

3. Ventajas del diseño Adaptive

Al enviar sólo contenido adaptado para el dispositivo, la velocidad de carga de la
página mejorará al no enviar contenido innecesario y no obligar al dispositivo a
cambiar cómo se muestra ese contenido.

Nos obliga a pensar específicamente la experiencia móvil que queremos que
tengan nuestros usuarios y eso mejorará la experiencia móvil.

Podremos crear experiencias diferentes para distintos dispositivos.

Podemos crear tantos diseños como dispositivos queramos diferenciar,
permitiéndonos tener en cuenta las limitaciones de cada dispositivo (evitar uso de
JavaScript o Flash para modelos antiguos, por ejemplo)

4. Desventajas del diseño Adaptive

Se necesita realizar un diseño extra por cada dispositivo por lo que se
duplica el trabajo.

Duplicación del trabajo.

El desarrollo es mas costoso tanto en tiempo como dinero.

5. ¿Qué es un diseño Responsive (RWD)?

Un diseño responsive mejor conocido RWD (Responsive Web Design).

Adaptación al dispositivo por el cual se navega.

Mismo contenido web sin importar el dispositivo.
Mecanismos:

El dispositivo con ayuda de Javascript realiza el trabajo de adaptar la
visualización a la pantalla

6. Ventajas de un diseño Responsive

Sólo necesitaremos un único diseño para todo el sitio.

El diseño será el mismo para cualquier dispositivo

Los diseños responsive utilizan el tamaño de la pantalla del dispositivo para
adaptar el contenido, por lo que una mayor número de dispositivos verán
correctamente el sitio.

En general el coste de desarrollo de un sitio responsive es menor que el de un
sitio adaptive.

7. Desventajas de Diseño Responsive

No podremos definir una estrategia móvil independiente y en algunos
casos tendremos que tomar decisiones de compromiso para que nuestros
sitios se vean correctamente en varios sitios.

Los dispositivos antiguos no se adaptarán correctamente a estos diseños.

En el caso de acceso con móviles, estaremos sobrecargando la red del
usuario.

8. Entonces... ¿Cuál Elegir?

9. Referencias

ESCRITO
POR
CARLOS
M.
CÁMARA.http://www.gnumla.com/disenoweb/responsive-o-adaptive-que-es-mejor-para-mi-web.html

http://www.genbetadev.com/desarrollo-web/7-consejos-para-hacer-buenresponsive-design