Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Presentacion Responsive Web Design

Sistemas de Informacion Gerencial
by

on 7 November 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Presentacion Responsive Web Design

Responsive Web Design
Diseñamos experiencias de usuario adaptables.
Por qué es importante el
Diseño en Responsive web design,
también llamado diseño líquido o adaptable
se está convirtiendo en una de las tecnologías que todos quieren utilizar para hacer sus sitios Web.
Permite realizar un solo sitio Web que se adapta a cualquier equipo en que se cargue: computadores de escritorio, iPads o smartphones.
Algunas Caracteristicas de Responsive Web Design
Qué es Responsive Web Design
o
Diseño Web Adaptable
“Es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, consigue adaptar el sitio web al entorno del usuario ...”
Muchos estudios muestran que la web a través del móvil está defraudando a los usuarios.
La razón?
Los sitios no están optimizados
No están pensados para verse a través de
una pantalla tan pequeña como la del móvil.
Ventajas de
Responsive Web Design
Carga más veloz del SITIO en los dispositivos portátiles
Mejor lectura, con el tamaño de letra adecuado para una
lectura cómoda ya sea en smartphone o tablet.
Mejor experiencia en la navegación: el dedo solo se usa para desplazar verticalmente el sitio a modo de scroll.
Ahorro de costes ya que no es necesario desarrollar múltiples versiones del site o incluso desarrollar una app para Iphone o Ipad.
Es importante un buen desarrollo para móvil?
71% de los usuarios esperan que un sitio para móvil cargue tan rápido como un sitio para PC de escritorio.
Si, porque:
La búsqueda en móviles se ha cuadruplicado desde el 2010.
57% de los usuarios no recomienda un sitio que tenga una mala versión móvil.
Aquí un poco de estadística para entender la verdadera importancia de los diseños web portátiles.
40% de los usuarios han derivado a un sitio de la competencia después de una mala "experiencia móvil".
65% han leído comentarios en sus móviles.
81% de los usuarios prefieren sitios móviles en lugar de aplicaciones (apps) en su búsqueda.
Por que usar Responsive Web Design
Chile ocupa el cuarto lugar entre los países con mayor crecimiento en el acceso móvil,
Esto significa que en las comunidades educativas igual a aumentado el uso de dispositivos móviles,
Se requiere tener el o los sitio web de la casa de estudio disponible en este formato. (móvil)
Proyección del uso de móviles.
Sitio Web en Responsive Web Design
Puntos Relevantes.
Usar Responsive Web Design.
Entrega la opción de ver el sitio web en cualquier dispositivo.
Crear un solo sitio web para todos los dispositivos.
Usar una sola URL. (Mayor accesibilidad)
Una navegación mas rápida.
Un único contenido.
Un solo código. Mantener un único código es más económico.
Conclusión.
Realmente conveniente usar esta nueva tecnología.
Mayor Satisfacción para el usuario del sitio web.
Muchas Gracias...
Ing. Marco Tulio Barrientos
Sistema de Información Gerencial
Full transcript