Diseño de Interfaces Usuarias <ul><li>Omar Salas | Cristofer Reyes | Francisco Riveros </li></ul>
Tabla de Contenidos
Que es Flickr ?
Reconocimiento de diversidad de tareas y usuarios <ul><li>Tarea principal : Subir Fotos y Videos </li></ul>
Reconocimiento de diversidad de tareas y usuarios
Reconocimiento de diversidad de tareas y usuarios
Reconocimiento de diversidad de tareas y usuarios <ul><li>Usuarios que lo utilizan </li></ul><ul><li>Interfaz Intuitiva </...
Reconocimiento de diversidad de tareas y usuarios <ul><li>Perfiles de Tarea </li></ul><ul><ul><li>Frecuentes </li></ul></ul>
Reconocimiento de diversidad de tareas y usuarios <ul><li>Perfiles de Tarea </li></ul><ul><ul><li>Intermedio </li></ul></ul>
Reconocimiento de diversidad de tareas y usuarios <ul><li>Estilos de Interacción </li></ul><ul><ul><li>Manipulación direct...
Expectativas del Usuario <ul><li>Cumple realmente las expectativas el usuario </li></ul><ul><li>Funciones comunes e intuit...
8 Reglas Doradas <ul><li>1. Reforzar consistencia: </li></ul><ul><li>Sugerencias y Ayudas en todo momento </li></ul><ul><l...
8 Reglas Doradas <ul><li>2. Permitir a usuarios frecuentes uso de accesos directos: </li></ul><ul><li>Aplicación web 2.0 b...
8 Reglas Doradas
8 Reglas Doradas <ul><li>3. Ofrecer retroalimentación informativa </li></ul><ul><li>Precargas (loading) </li></ul><ul><li>...
8 Reglas Doradas <ul><li>4. Diseñar diálogos para completar tarea </li></ul><ul><li>Avisos del sistema de Acciones cumplid...
8 Reglas Doradas <ul><li>5. Ofrecer prevención de errores y manejo de errores simple </li></ul><ul><li>Reedición en caso d...
8 Reglas Doradas <ul><li>6. Permitir deshacer acciones en forma fácil </li></ul><ul><li>Se puede editar todas las acciones...
8 Reglas Doradas <ul><li>7. Apoyar locus interior de control </li></ul><ul><li>Modo usuario visitante </li></ul><ul><li>Mo...
8 Reglas Doradas <ul><li>8. Reducir la carga de memoria de corto plazo </li></ul><ul><li>Memoria  y almacenamiento a corto...
Ayuda de Flickr <ul><li>FAQ : preguntas y respuestas frecuentes </li></ul><ul><li>Buscador de respuestas a nuestras pregun...
Historial de Flickr <ul><li>No registra un log como otras aplicaciones </li></ul><ul><li>Opciones básicas siempre disponib...
Errores Encontrados <ul><li>Idioma no esta fácilmente visible </li></ul><ul><li>Eliminación de fotos al subir </li></ul>
Upcoming SlideShare
Loading in …5
×

Presentación Flickr - Interfaces Usuarias

372 views

Published on

Presentación para el curso Interfaces Usuarias

Published in: Technology, Sports
  • Be the first to comment

  • Be the first to like this

Presentación Flickr - Interfaces Usuarias

  1. 1. Diseño de Interfaces Usuarias <ul><li>Omar Salas | Cristofer Reyes | Francisco Riveros </li></ul>
  2. 2. Tabla de Contenidos
  3. 3. Que es Flickr ?
  4. 4. Reconocimiento de diversidad de tareas y usuarios <ul><li>Tarea principal : Subir Fotos y Videos </li></ul>
  5. 5. Reconocimiento de diversidad de tareas y usuarios
  6. 6. Reconocimiento de diversidad de tareas y usuarios
  7. 7. Reconocimiento de diversidad de tareas y usuarios <ul><li>Usuarios que lo utilizan </li></ul><ul><li>Interfaz Intuitiva </li></ul>
  8. 8. Reconocimiento de diversidad de tareas y usuarios <ul><li>Perfiles de Tarea </li></ul><ul><ul><li>Frecuentes </li></ul></ul>
  9. 9. Reconocimiento de diversidad de tareas y usuarios <ul><li>Perfiles de Tarea </li></ul><ul><ul><li>Intermedio </li></ul></ul>
  10. 10. Reconocimiento de diversidad de tareas y usuarios <ul><li>Estilos de Interacción </li></ul><ul><ul><li>Manipulación directa </li></ul></ul><ul><ul><li>Selección de menús </li></ul></ul><ul><ul><li>Formularios </li></ul></ul>
  11. 11. Expectativas del Usuario <ul><li>Cumple realmente las expectativas el usuario </li></ul><ul><li>Funciones comunes e intuitivas para un usuario básico. </li></ul><ul><li>Proceso similar a adjuntar archivos en un sistema web de correo. </li></ul>
  12. 12. 8 Reglas Doradas <ul><li>1. Reforzar consistencia: </li></ul><ul><li>Sugerencias y Ayudas en todo momento </li></ul><ul><li>Menú claro y siempre presente </li></ul><ul><li>Diseño sencillo (pocos colores, fuentes) </li></ul>
  13. 13. 8 Reglas Doradas <ul><li>2. Permitir a usuarios frecuentes uso de accesos directos: </li></ul><ul><li>Aplicación web 2.0 basada en el motor del navegador </li></ul><ul><li>Cada Acción es de acceso rápido debido al Menú </li></ul><ul><li>Acciones repetitivas (agregar características comunes, seleccionar todo) </li></ul>
  14. 14. 8 Reglas Doradas
  15. 15. 8 Reglas Doradas <ul><li>3. Ofrecer retroalimentación informativa </li></ul><ul><li>Precargas (loading) </li></ul><ul><li>Retroalimentación (que acabamos de ejecutar </li></ul><ul><li>Avisos y prevenciones </li></ul>
  16. 16. 8 Reglas Doradas <ul><li>4. Diseñar diálogos para completar tarea </li></ul><ul><li>Avisos del sistema de Acciones cumplidas </li></ul><ul><li>Acciones tienen un Inicio, Medio y Final </li></ul>
  17. 17. 8 Reglas Doradas <ul><li>5. Ofrecer prevención de errores y manejo de errores simple </li></ul><ul><li>Reedición en caso de error </li></ul><ul><li>Avisos de errores simples </li></ul><ul><li>Avisos de errores complejos y sugerencias (registro) </li></ul>
  18. 18. 8 Reglas Doradas <ul><li>6. Permitir deshacer acciones en forma fácil </li></ul><ul><li>Se puede editar todas las acciones: </li></ul><ul><li>Fotos </li></ul><ul><li>Videos </li></ul><ul><li>Perfil de Usuario </li></ul><ul><li>Privacidad y Permisos de uso </li></ul>
  19. 19. 8 Reglas Doradas <ul><li>7. Apoyar locus interior de control </li></ul><ul><li>Modo usuario visitante </li></ul><ul><li>Modo administrador </li></ul><ul><li>En todo momento el usuario es dueño de su cuenta </li></ul>
  20. 20. 8 Reglas Doradas <ul><li>8. Reducir la carga de memoria de corto plazo </li></ul><ul><li>Memoria y almacenamiento a corto y largo plazo (restricciones) </li></ul><ul><li>Cuentas Premium </li></ul>
  21. 21. Ayuda de Flickr <ul><li>FAQ : preguntas y respuestas frecuentes </li></ul><ul><li>Buscador de respuestas a nuestras preguntas </li></ul><ul><li>Como aprovechar al máximo Flickr </li></ul><ul><li>Mapa del sitio </li></ul><ul><li>Tour Guiado </li></ul><ul><li>Foros de ayuda </li></ul><ul><li>Contacto de ayuda </li></ul><ul><li>Por lo tanto siempre encontraremos solución </li></ul>
  22. 22. Historial de Flickr <ul><li>No registra un log como otras aplicaciones </li></ul><ul><li>Opciones básicas siempre disponibles </li></ul><ul><li>Agregar </li></ul><ul><li>Editar </li></ul><ul><li>Eliminar </li></ul>
  23. 23. Errores Encontrados <ul><li>Idioma no esta fácilmente visible </li></ul><ul><li>Eliminación de fotos al subir </li></ul>

×