Usabilidad en
    Aplicaciones Web
Mejorando el diseño de la Interfaz de Usuario en las
                 aplicaciones web
...
¿Qué es la Usabilidad?
Usabilidad
                                                                           Capacidad de una web, o
            ...
UX: Experiencia del
     Usuario
            La Experiencia del Usuario
            es el conjunto de factores y
         ...
¿Porqué es importante tomar
 en cuenta la Experiencia del
    Usuario al desarrollar
   aplicaciones, interfaces,
        ...
Beneficios de UX
Ayuda a desarrollar productos que el
usuario quiere y necesita
Ventaja estratégica para mejorar el
product...
Cosas que odian los
usuarios al usar una
   aplicación web
Cosas que odian los
         usuarios
Aprender a utilizar
nuevas funciones
Las acciones repetidas
Tener que esperar
Tener ...
Cosas que odian los
         usuarios
Diseño monótono o muy
recargado (“look & feel”)
Restricciones a otras
plataformas / ...
5 Retos de Usabilidad
                      en aplicaciones web



1.   Escalabilidad
2.   Diseño Visual
3.   Comprensión
...
¿Cómo podemos crear
una experiencia positiva
     en el usuario?

   Evaluación
    Experta


   Modelo UCD:
 Diseño centr...
Modelo UCD
          Diseño Centrado en el Usuario




Busca responder a preguntas acerca del usuario, tareas y
metas, par...
Actividades
   UCD
Diseño Centrado en el Usuario
Técnica del “Card
                       Sorting”
                                                      La técnica de 'car...
Diseñar sin fundamento...
Diseño de Interface
       Visual
Mejoras a la Interface Visual para
Aplicación Web de Dichter & Neira
Aplicación web

Retail Performance Tracker

  Es una solución de Dichter & Neira que permite auditar los puntos de
  venta...
Aplicación web

Retail Performance Tracker
   Visualizar el nivel de penetración de su
   producto y el de su competencia
...
Retail Performance Tracker
       Interface Visual (antes)
Retail Performance Tracker
       Interface Visual (antes)
Retail Performance Tracker
       Interface Visual (antes)
Retail Performance Tracker
                          Diseñando la nueva Interface Visual




Las pantallas a continuación ...
Retail Performance Tracker
     Diseñando la nueva Interface Visual
Retail Performance Tracker
     Diseñando la nueva Interface Visual
Retail Performance Tracker
     Diseñando la nueva Interface Visual
Retail Performance Tracker
     Diseñando la nueva Interface Visual
Retail Performance Tracker
     Diseñando la nueva Interface Visual
Retail Performance Tracker
     Diseñando la nueva Interface Visual
10 Guías de Usabilidad
                       en aplicaciones web

1. Haz las funciones obvias              8. Provee acce...
Lecturas recomendadas
Gracias

www.enfoqueusuario.com
Twitter: javagial
Linked’In: Elsa Canto
E-mail: elsa@tokenstudio.com
Usabilidad en Aplicaciones Web
Upcoming SlideShare
Loading in …5
×

Usabilidad en Aplicaciones Web

5,542 views

Published on

Mejorando la Interfaz del Usuario en Aplicaciones Web. Charla para la Universidad Santa María La Antigua, Panama

Published in: Design, Technology, Business
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
5,542
On SlideShare
0
From Embeds
0
Number of Embeds
810
Actions
Shares
0
Downloads
163
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Usabilidad en Aplicaciones Web

  1. 1. Usabilidad en Aplicaciones Web Mejorando el diseño de la Interfaz de Usuario en las aplicaciones web Por: Elsa Canto
  2. 2. ¿Qué es la Usabilidad?
  3. 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. 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. 5. ¿Porqué es importante tomar en cuenta la Experiencia del Usuario al desarrollar aplicaciones, interfaces, sistemas, etc?
  6. 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. 7. Cosas que odian los usuarios al usar una aplicación web
  8. 8. Cosas que odian los usuarios Aprender a utilizar nuevas funciones Las acciones repetidas Tener que esperar Tener que buscar Tener que leer
  9. 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. 10. 5 Retos de Usabilidad en aplicaciones web 1. Escalabilidad 2. Diseño Visual 3. Comprensión 4. Interactividad 5. Manejo de Cambios
  11. 11. ¿Cómo podemos crear una experiencia positiva en el usuario? Evaluación Experta Modelo UCD: Diseño centrado en el Usuario
  12. 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. 13. Actividades UCD Diseño Centrado en el Usuario
  14. 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. 15. Diseñar sin fundamento...
  16. 16. Diseño de Interface Visual Mejoras a la Interface Visual para Aplicación Web de Dichter & Neira
  17. 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. 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. 19. Retail Performance Tracker Interface Visual (antes)
  20. 20. Retail Performance Tracker Interface Visual (antes)
  21. 21. Retail Performance Tracker Interface Visual (antes)
  22. 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. 23. Retail Performance Tracker Diseñando la nueva Interface Visual
  24. 24. Retail Performance Tracker Diseñando la nueva Interface Visual
  25. 25. Retail Performance Tracker Diseñando la nueva Interface Visual
  26. 26. Retail Performance Tracker Diseñando la nueva Interface Visual
  27. 27. Retail Performance Tracker Diseñando la nueva Interface Visual
  28. 28. Retail Performance Tracker Diseñando la nueva Interface Visual
  29. 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. 30. Lecturas recomendadas
  31. 31. Gracias www.enfoqueusuario.com Twitter: javagial Linked’In: Elsa Canto E-mail: elsa@tokenstudio.com

×