Diseño centrado en el usuario Maximo Castagno
9 principios de usabilidad
¿Porqué principios? Porque las reglas típicas  no funcionan : “ Los enlaces deben ser azules y subrayados” “ El usuario de...
<ul><li>1. Interacción natural </li></ul><ul><ul><li>El sistema debe coincidir con la realidad del usuario </li></ul></ul>...
1.  Interacción natural
1. Interacción natural
1. Interacción natural
1. Interacción natural
1. Interacción natural
1. Interacción natural
<ul><li>2. Control </li></ul><ul><ul><li>La mejor sensación que se puede tener como usuario es la de “controlar” el sistem...
2. Control
2. Control
<ul><li>3. Coherencia </li></ul><ul><ul><li>Debe aplicarse rigurosamente a los siguientes aspectos: </li></ul></ul><ul><ul...
3. Coherencia
3. Coherencia
<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 sopo...
4.  Uso del color Google visto por un « daltónico »
4. Uso del color Colores  y  números
<ul><li>5. Reconocimiento vs. recuerdo </li></ul><ul><ul><li>La interacción no debe depender de la “memoria” del usuario  ...
5. Reconocimiento vs. recuerdo
<ul><li>6. Transparencia del sistema </li></ul><ul><ul><li>El funcionamiento del sistema debe ser transparente </li></ul><...
6. Transparencia del sistema
6. Transparencia del sistema
<ul><li>7. Prevención de errores </li></ul><ul><ul><li>Anticipar los errores posibles y evitarlos  </li></ul></ul><ul><ul>...
7. Prevención de errores
7. Prevención de errores
7. Prevención de errores
7. Prevención de errores
<ul><li>8. Recuperación de errores </li></ul><ul><ul><li>El usuario cometerá errores (especialmente en web)  </li></ul></u...
8. Recuperación de errores
8. Recuperación de errores
8. Recuperación de errores
8. Recuperación de errores
8. Recuperación de errores
8. Recuperación de errores
<ul><li>9. Flexibilidad </li></ul><ul><ul><li>No todos los usuarios son iguales... </li></ul></ul><ul><ul><li>Multiplicar ...
9. Flexibilidad
Upcoming SlideShare
Loading in …5
×

IDAT 9principios usabilidad_2011

433 views
377 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
433
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×