Diseño de la información y usabilidad

1,323 views
1,220 views

Published on

Métodos para analizar, crear y proponer formas visuales de interpretar la información, haciendola accesible a escala humana.

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,323
On SlideShare
0
From Embeds
0
Number of Embeds
266
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Diseño de la información y usabilidad

  1. 1. taller 6 internet y el diseño de la información taller_mediamartes 9 de agosto de 2011
  2. 2. El diseño no es necesario, es inevitable» Alan Fletchermartes 9 de agosto de 2011
  3. 3. la web portales sitios email 1.0 de donde venimos taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  4. 4. la web la web social portales mensajería sitios participación email comunidad 1.0 2.0 de donde venimos taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  5. 5. la web la web social web semántica portales mensajería conocimiento sitios participación inteligencia email comunidad agentes 1.0 2.0 3.0 de donde venimos taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  6. 6. solo lectura / read only folletismo que es la web 1.0 1 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  7. 7. hablar+leer teléfonos móviles que es lo móvil 1.0 1 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  8. 8. 6 grados de separación estás en mi agenda? que es la red social 1.0 1 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  9. 9. interactividad limitada / catálogos electrónicos que es el e-commerce 1.0 1 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  10. 10. leer - ver - escribir el cliente vuelve a la carga que es la web 2.0 2 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  11. 11. Hablar+ Escribir+ Web + Media + Aplicaciones dispositivos móviles que es lo móvil 2.0 2 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  12. 12. 1 grado de separación estamos todos a un clic de distancia que es la red social 2.0 2 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  13. 13. que es el e-commerce 2.0 2 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  14. 14. ratings de usuarios, críticas y recomendacionesque es el we-commerce 2.0 2 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  15. 15. trata de páginas capaces de comunicarse con otras páginas mediante procesamiento de lenguaje natural y, es justo aquí cuando cobra sentido el nexo entre la Web Semántica y la Web 3.0. que es la web 3.0 3 taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  16. 16. si aun no te convence analizando en volumen el mercado de la información taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  17. 17. 38 años 50 millones de usuarios taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  18. 18. 13 años 50 millones de usuarios taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  19. 19. 4 años 50 millones de usuarios taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  20. 20. 3 años 50 millones de usuarios taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  21. 21. 2 años 50 millones de usuarios taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  22. 22. esto nos obliga a conocer a nuestro usuario, base del desarrollo de nuevas plataformas taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  23. 23. diseño centrado en el usuario taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  24. 24. usuario no me hagas pensar taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  25. 25. usabilidad buenas prácticas taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  26. 26. Qué es lo más importante que debo hacer para que un sitio sea fácil de usar ? taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  27. 27. usabilidad taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  28. 28. Es cierto que todo cabe dentro de esta "gran telaraña", pero también es cierto que es el propio usuario el que se encarga, con su experiencia cercana e inmediata, de filtrar, seleccionar y determinar sus puntos de interés. taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  29. 29. filtrar, seleccionar y determinar sus puntos usabilidad de interés. taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  30. 30. ¿cómo usamos la web? hechos de la vida 1... no leemos, escaneamos taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  31. 31. ¿cómo usamos la web? taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  32. 32. ¿cómo usamos la web? taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  33. 33. problema a nivel de usuario hace falta desarrollar una cultura en la que el acceso a información comprensible se vea como un derecho ciudadano; esto sería posible sólo con buen diseño de información taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  34. 34. ¿cómo usamos la web? hechos de la vida 2... no hacemos búsquedas óptimas taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  35. 35. por qué? estamos apurados ¿cómo usamos la web? taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  36. 36. por qué? estamos apurados nos gusta adivinar ¿cómo usamos la web? taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  37. 37. ¿cómo usamos la web? hechos de la vida 3... no nos preocupamos de como funciona todo taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  38. 38. como opera y define criterios un usabilidad metabuscador taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  39. 39. usabilidad taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  40. 40. la usabilidad es la facilidad con que las personas pueden utilizar una herramienta con el fin de alcanzar un objetivo concreto taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  41. 41. facilidad de usar herramientas taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  42. 42. en internet el diseño debe estar centrado en el usuario taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  43. 43. en internet el problema central del diseñador no es la gráfica, sino el impacto que ella tiene en los conocimientos, las actitudes, y las conductas de la gente taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  44. 44. diseño centrado en el usuario Nuestro rol es ayudar a entender para que la gente pueda actuar bien. taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  45. 45. usa bili dad diseño centrado en el usuario taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  46. 46. usa in bili ter dad faz diseño centrado en el usuario taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  47. 47. usa in in bili ter terac dad faz ción diseño centrado en el usuario taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  48. 48. usa bili dad diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera/forma posible. (Charles Eames) taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  49. 49. usa bili dad Steve Krug DON’T MAKE ME THINK taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  50. 50. usa bili dad •entiende usuario a la organización y al •logra el equilibrio necesario (estético- funcional) •anticipa la forma de pensamiento del usuario •sienta las bases de la aplicación final taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  51. 51. la usabilidad mide de manera empírica y relativa lo fácil y agradable que es usar un producto o servicio bajo tres principios: taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  52. 52. orga ni zar estructura clara y convincente lenguaje visual taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  53. 53. orga eco ni nomi zar zar estructura lo máximo con clara y la menor convincente cantidad de elementos lenguaje visual taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  54. 54. orga eco co ni nomi muni zar zar car estructura lo máximo con presentación a clara y la menor la capacidad convincente cantidad de del usuario elementos lenguaje visual taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  55. 55. eficacia el usuario logra lo que quiere taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  56. 56. eficiencia lo logra rápidamente eficacia el usuario logra lo que quiere taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  57. 57. satisfacción al visitar el sitio eficiencia lo logra rápidamente eficacia el usuario logra lo que quiere taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  58. 58. usabilidad satisfacción al visitar el sitio eficiencia lo logra rápidamente eficacia el usuario logra lo que quiere taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  59. 59. la usabilidad considera tres aspectos •el tipo o tipos específicos de usuarios •la tarea o tareas que efectúan objeto de la observación •el contexto en el que se da la interacción taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  60. 60. finalmente lo que un usuario busca es información y la usabilidad es la manera de construir un acceso mas universal y simplificado taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  61. 61. curva de duplicación del conocimiento de la humanidad taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  62. 62. la información es progresiva y por ende altamente complejizada en razón de las nuevas tecnologías taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  63. 63. diseño de la información (DI) El DI puede definirse como el arte y la ciencia de preparar la información, de modo que pueda usarse por los humanos con eficacia y eficiencia Horn (1999) taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  64. 64. documentos comprensibles taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  65. 65. documentos comprensibles sistemas interactivos taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  66. 66. documentos comprensibles sistemas interactivos la conexión entre la información, el espacios de pensamiento humano y el uso. información navegables taller 6 - información y medios digitalesmartes 9 de agosto de 2011
  67. 67. la información Por lo tanto, la información es "entender" el mundo en el que vivimos, y así, el DI necesita del ambiente cognitivo y los flujos de información. taller 6 - información y medios digitalesmartes 9 de agosto de 2011

×