Upload
viviana-trujillo
View
211
Download
0
Embed Size (px)
DESCRIPTION
Integrantes: Adriana Jiménez Maikoll Soto Zuleyma Bustamante Javier Velazques Yuzmhar Guillén
Citation preview
Responsive o Adaptive
¿Qué es mejor para mi
web?
Adriana Jiménez
Maikoll Soto
Zuleyma Bustamante
Javier Velazques
Yuzmhar Guillén
¿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.
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)
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.
¿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
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.
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.
Entonces... ¿Cuál Elegir?
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