Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

IDAT 9principios usabilidad_2011

468 views

Published on

  • Be the first to comment

  • Be the first to like this

IDAT 9principios usabilidad_2011

  1. 1. Diseño centrado en el usuario Maximo Castagno
  2. 2. 9 principios de usabilidad
  3. 3. ¿Porqué principios? Porque las reglas típicas no funcionan : “ Los enlaces deben ser azules y subrayados” “ El usuario debe acceder a la información en 3 clics”
  4. 4. <ul><li>1. Interacción natural </li></ul><ul><ul><li>El sistema debe coincidir con la realidad del usuario </li></ul></ul><ul><ul><li>Debe utilizar el lenguaje “natural” del usuario </li></ul></ul><ul><ul><li>Los conceptos utilizados y su orden deben seguir el sentido común (externo al sistema) ‏ </li></ul></ul>
  5. 5. 1. Interacción natural
  6. 6. 1. Interacción natural
  7. 7. 1. Interacción natural
  8. 8. 1. Interacción natural
  9. 9. 1. Interacción natural
  10. 10. 1. Interacción natural
  11. 11. <ul><li>2. Control </li></ul><ul><ul><li>La mejor sensación que se puede tener como usuario es la de “controlar” el sistema </li></ul></ul><ul><ul><li>Control significa que el sistema responde a las órdenes del usuario (y no al contrario...) ‏ </li></ul></ul>
  12. 12. 2. Control
  13. 13. 2. Control
  14. 14. <ul><li>3. Coherencia </li></ul><ul><ul><li>Debe aplicarse rigurosamente a los siguientes aspectos: </li></ul></ul><ul><ul><li>Comportamiento </li></ul></ul><ul><ul><li>Visual </li></ul></ul><ul><ul><li>Estructural </li></ul></ul><ul><ul><li>Categorización </li></ul></ul>
  15. 15. 3. Coherencia
  16. 16. 3. Coherencia
  17. 17. <ul><li>4. Uso del color </li></ul><ul><ul><li>El color puede guiar la interacción </li></ul></ul><ul><ul><li>No debe soportar la interacción </li></ul></ul><ul><ul><li>Cuidado con el color! (especialmente en web) ‏ </li></ul></ul>
  18. 18. 4. Uso del color Google visto por un « daltónico »
  19. 19. 4. Uso del color Colores y números
  20. 20. <ul><li>5. Reconocimiento vs. recuerdo </li></ul><ul><ul><li>La interacción no debe depender de la “memoria” del usuario </li></ul></ul><ul><ul><li>El usuario debe “reconocer” los elementos, no “recordarlos” </li></ul></ul><ul><ul><li>Recurso a “standards” </li></ul></ul><ul><ul><li>Esto aumenta la rápidez de aprendizaje </li></ul></ul>
  21. 21. 5. Reconocimiento vs. recuerdo
  22. 22. <ul><li>6. Transparencia del sistema </li></ul><ul><ul><li>El funcionamiento del sistema debe ser transparente </li></ul></ul><ul><ul><li>El usuario debe comprender lo que el sistema está haciendo en cada momento (feedback) ‏ </li></ul></ul><ul><ul><li>Confirmar la ejecución de tareas críticas </li></ul></ul>
  23. 23. 6. Transparencia del sistema
  24. 24. 6. Transparencia del sistema
  25. 25. <ul><li>7. Prevención de errores </li></ul><ul><ul><li>Anticipar los errores posibles y evitarlos </li></ul></ul><ul><ul><li>La tecnología debe ayudar a prevenir errores no generarlos </li></ul></ul>
  26. 26. 7. Prevención de errores
  27. 27. 7. Prevención de errores
  28. 28. 7. Prevención de errores
  29. 29. 7. Prevención de errores
  30. 30. <ul><li>8. Recuperación de errores </li></ul><ul><ul><li>El usuario cometerá errores (especialmente en web) </li></ul></ul><ul><ul><li>Facilitar la “vuelta a atrás” ( función deshacer) ‏ </li></ul></ul><ul><ul><li>Facilitar la salida a un “sitio seguro” </li></ul></ul><ul><ul><li>Siempre proponer al menos una manera de solucionar el error </li></ul></ul><ul><ul><li>Tratar al error desde una perspectiva positiva que minimize la frustración </li></ul></ul>
  31. 31. 8. Recuperación de errores
  32. 32. 8. Recuperación de errores
  33. 33. 8. Recuperación de errores
  34. 34. 8. Recuperación de errores
  35. 35. 8. Recuperación de errores
  36. 36. 8. Recuperación de errores
  37. 37. <ul><li>9. Flexibilidad </li></ul><ul><ul><li>No todos los usuarios son iguales... </li></ul></ul><ul><ul><li>Multiplicar las maneras posibles de realizar las tareas </li></ul></ul><ul><ul><li>Permitir “vías expertas” para que los usuarios avanzados saquen provecho de su expertise </li></ul></ul>
  38. 38. 9. Flexibilidad

×