Responsive o Adaptive
¿Qué es mejor para mi
web?
Adriana Jiménez
Maikoll Soto
Zuleyma Bustamante
Javier Velazques
Yuzmhar ...
¿Qué es un diseño Adaptive?



Un diseño adaptive es aquel que se realiza pensando
exclusivamente en cómo quedará nuestro...
Ventajas del diseño Adaptive


Al enviar sólo contenido adaptado para el dispositivo, la velocidad de carga de la
página ...
Desventajas del diseño Adaptive


Se necesita realizar un diseño extra por cada dispositivo por lo que se
duplica el trab...
¿Qué es un diseño Responsive (RWD)?



Un diseño responsive mejor conocido RWD (Responsive Web Design).



Adaptación al...
Ventajas de un diseño Responsive


Sólo necesitaremos un único diseño para todo el sitio.



El diseño será el mismo par...
Desventajas de Diseño Responsive


No podremos definir una estrategia móvil independiente y en algunos
casos tendremos qu...
Entonces... ¿Cuál Elegir?
Referencias



ESCRITO
POR
CARLOS
M.
CÁMARA.http://www.gnumla.com/disenoweb/responsive-o-adaptive-que-es-mejor-para-mi-we...
Presentación Multimedia - Responsive vs Adaptive
Próxima SlideShare
Cargando en…5
×

Presentación Multimedia - Responsive vs Adaptive

471 visualizaciones

Publicado el

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

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
471
En SlideShare
0
De insertados
0
Número de insertados
3
Acciones
Compartido
0
Descargas
4
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Presentación Multimedia - Responsive vs Adaptive

  1. 1. Responsive o Adaptive ¿Qué es mejor para mi web? Adriana Jiménez Maikoll Soto Zuleyma Bustamante Javier Velazques Yuzmhar Guillén
  2. 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. 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. 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. 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. 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. 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. 8. Entonces... ¿Cuál Elegir?
  9. 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

×