Your SlideShare is downloading. ×
0
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Usabilidad en Aplicaciones Web

538

Published on

Presentación en Simposio de la Usma (2010)

Presentación en Simposio de la Usma (2010)

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
538
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Usabilidad en Aplicaciones Web Mejorando el diseño de la Interfaz de Usuario en las aplicaciones web Por: Elsa Canto
  • 2. ¿Qué es la Usabilidad?
  • 3. Usabilidad Capacidad de una web, o un producto cualquiera, de ser usado fácilmente lo que contribuye a una Experiencia positiva en el Usuario. La Usabilidad, es un concepto central e inherente a la HCI (Human Computer Interaction). El término es un anglicismo que significa facilidad de uso, y cuya definición formal se refiere al grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos (ISO; 1994)
  • 4. UX: Experiencia del Usuario La Experiencia del Usuario es el conjunto de factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generación de una percepción positiva de dicho servicio o producto.
  • 5. ¿Porqué es importante tomar en cuenta la Experiencia del Usuario al desarrollar aplicaciones, interfaces, sistemas, etc?
  • 6. Beneficios de UX Ayuda a desarrollar productos que el usuario quiere y necesita Ventaja estratégica para mejorar el producto Reduce los tiempos de desarrollo al definir los requerimientos pensando en los objetivos del negocio y necesidades del usuario
  • 7. Cosas que odian los usuarios al usar una aplicación web
  • 8. Cosas que odian los usuarios Aprender a utilizar nuevas funciones Las acciones repetidas Tener que esperar Tener que buscar Tener que leer
  • 9. Cosas que odian los usuarios Diseño monótono o muy recargado (“look & feel”) Restricciones a otras plataformas / browsers Funcionalidad rígida Errores Brechas en la seguridad
  • 10. 5 Retos de Usabilidad en aplicaciones web 1. Escalabilidad 2. Diseño Visual 3. Comprensión 4. Interactividad 5. Manejo de Cambios
  • 11. ¿Cómo podemos crear una experiencia positiva en el usuario? Evaluación Experta Modelo UCD: Diseño centrado en el Usuario
  • 12. Modelo UCD Diseño Centrado en el Usuario Busca responder a preguntas acerca del usuario, tareas y metas, para así desarrollar y diseñar en torno al usuario.
  • 13. Actividades UCD Diseño Centrado en el Usuario
  • 14. Técnica del “Card Sorting” La técnica de 'card sorting' se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web. De esta forma, partiendo del comportamiento de los propios usuarios, es posible organizar y clasificar la información de un sitio web conforme a su modelo mental.
  • 15. Diseñar sin fundamento...
  • 16. Diseño de Interface Visual Mejoras a la Interface Visual para Aplicación Web de Dichter & Neira
  • 17. Aplicación web Retail Performance Tracker Es una solución de Dichter & Neira que permite auditar los puntos de venta (tienditas, supermercados, farmacias, etc) que maneja un fabricante de consumo masivo en un mercado,  con el objetivo de poder brindar información relevante acerca de su distribución y las variables que puedan afectar la misma (si hay producto visible en la tienda, si el producto tiene su publicidad o material de comunicación implementado, si se cumplen estándares del fabricante en el punto de venta, etc.)
  • 18. Aplicación web Retail Performance Tracker Visualizar el nivel de penetración de su producto y el de su competencia Conocer niveles de presencia simultánea y exclusiva en los diferentes canales comerciales Medir la efectividad de distribuidores y la red de mayoreo
  • 19. Retail Performance Tracker Interface Visual (antes)
  • 20. Retail Performance Tracker Interface Visual (antes)
  • 21. Retail Performance Tracker Interface Visual (antes)
  • 22. Retail Performance Tracker Diseñando la nueva Interface Visual Las pantallas a continuación muestran ubicación del contenido y la navegación, al mejorar la arquitectura ayudamos a que la aplicación sea más clara y fácil de utilizar para el usuario final. Favor no fijarse en colores, formas o iconografías ya que estos serán creados en la fase de diseño visual.
  • 23. Retail Performance Tracker Diseñando la nueva Interface Visual
  • 24. Retail Performance Tracker Diseñando la nueva Interface Visual
  • 25. Retail Performance Tracker Diseñando la nueva Interface Visual
  • 26. Retail Performance Tracker Diseñando la nueva Interface Visual
  • 27. Retail Performance Tracker Diseñando la nueva Interface Visual
  • 28. Retail Performance Tracker Diseñando la nueva Interface Visual
  • 29. 10 Guías de Usabilidad en aplicaciones web 1. Haz las funciones obvias 8. Provee accesibilidad 2. Crea una jerarquía visual clara 9. Da importancia al diseño del homepage 3. Sigue las convenciones, patrones 10. Se consistente 4. Evita utilizar textos innecesarios 5. Provee una navegación apropiada 6. Realiza pruebas de usabilidad 7 Provee toda la información que . puedas
  • 30. Lecturas recomendadas
  • 31. Gracias www.enfoqueusuario.com Twitter: javagial Linked’In: Elsa Canto E-mail: elsa@tokenstudio.com

×