presentación multimedia - responsive vs adaptive

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

Upload: viviana-trujillo

Post on 02-Jul-2015

210 views

Category:

Education


0 download

DESCRIPTION

Integrantes: Adriana Jiménez Maikoll Soto Zuleyma Bustamante Javier Velazques Yuzmhar Guillén

TRANSCRIPT

Page 1: Presentación Multimedia - Responsive vs Adaptive

Responsive o Adaptive

¿Qué es mejor para mi

web?

Adriana Jiménez

Maikoll Soto

Zuleyma Bustamante

Javier Velazques

Yuzmhar Guillén

Page 2: Presentación Multimedia - Responsive vs Adaptive

¿Qué es un diseño Adaptive?

Un diseño adaptive es aquel que se realiza pensandoexclusivamente 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.

Page 3: Presentación Multimedia - Responsive vs Adaptive

Ventajas del diseño Adaptive

Al enviar sólo contenido adaptado para el dispositivo, la velocidad de carga de lapágina mejorará al no enviar contenido innecesario y no obligar al dispositivo acambiar cómo se muestra ese contenido.

Nos obliga a pensar específicamente la experiencia móvil que queremos quetengan 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 deJavaScript o Flash para modelos antiguos, por ejemplo)

Page 4: Presentación Multimedia - Responsive vs Adaptive

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.

Page 5: Presentación Multimedia - Responsive vs Adaptive

¿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

Page 6: Presentación Multimedia - Responsive vs Adaptive

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.

Page 7: Presentación Multimedia - Responsive vs Adaptive

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.

Page 8: Presentación Multimedia - Responsive vs Adaptive

Entonces... ¿Cuál Elegir?

Page 9: Presentación Multimedia - Responsive vs Adaptive

Referencias

ESCRITO POR CARLOS M. CÁMARA.http://www.gnumla.com/diseno-

web/responsive-o-adaptive-que-es-mejor-para-mi-web.html

http://www.genbetadev.com/desarrollo-web/7-consejos-para-hacer-buen-

responsive-design

Page 10: Presentación Multimedia - Responsive vs Adaptive