Clase U. del Pacífico 18 de marzo

450
-1

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
450
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Clase U. del Pacífico 18 de marzo

  1. 1. AI-Usabilidad 18 de marzo de 2011
  2. 2. información tipografíacolores hosting fotografías diseño maquetas programación clientes
  3. 3. 2 maneras
  4. 4. sitos completos en flash
  5. 5. sitos completos en flash
  6. 6. no se fijan en la necesidad
  7. 7. no se fijan en la necesidad
  8. 8. vale más la organización que los usuarios
  9. 9. vale más la organización que los usuarios
  10. 10. skip intro
  11. 11. skip intro
  12. 12. skip intro
  13. 13. skip introhttp://www.skipintros.com/
  14. 14. ¿información de interés?
  15. 15. ¿información de interés?
  16. 16. ¿información de interés?
  17. 17. venden mal
  18. 18. venden mal
  19. 19. venden mal
  20. 20. no son accesibles
  21. 21. no son accesibles
  22. 22. no son accesibles
  23. 23. no son accesibles
  24. 24. Sitios hechos completamente en flash, casi porcompleto inaccesibles
  25. 25. Sitios hechos completamente en flash, casi porcompleto inaccesiblesSitios del estado pensados desde la organización.difíciles de comprender y utilizar por el usuario alcual está dirigido
  26. 26. Sitios hechos completamente en flash, casi porcompleto inaccesiblesSitios del estado pensados desde la organización.difíciles de comprender y utilizar por el usuario alcual está dirigidoAmplia oferta de desarrollo web en poco tiempo ypor precios irracionales
  27. 27. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?
  28. 28. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE
  29. 29. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul”
  30. 30. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul” “Mi área debe ir en la home”
  31. 31. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul” “Mi área debe ir en la home” “La foto del ministro debe estar en el inicio”
  32. 32. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul” “Mi área debe ir en la home” “La foto del ministro debe estar en el inicio” “Es que el gerente lo quiere así”
  33. 33. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?
  34. 34. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA
  35. 35. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA “Eso no se puede hacer”
  36. 36. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA “Eso no se puede hacer” “Su sitio en flash por 250 lks”
  37. 37. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA “Eso no se puede hacer” “Su sitio en flash por 250 lks” “Es que para mí es más fácil hacerlo así”
  38. 38. ¿En quién está centrado del diseño y el desarrollo desistemas digitales?
  39. 39. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR
  40. 40. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR “Si más se mueve más lo ve la gente”
  41. 41. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR “Si más se mueve más lo ve la gente” “Me gusta más el verde”
  42. 42. ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR “Si más se mueve más lo ve la gente” “Me gusta más el verde” “Se ve mejor el buscador abajo”
  43. 43. La única forma de luchar contra esto es ...
  44. 44. La única forma de luchar contra esto es ... con TÉCNICA
  45. 45. Sitios usables
  46. 46. Sitios usables
  47. 47. útiles
  48. 48. útiles
  49. 49. Piensan en quien está detrás de la pantalla
  50. 50. Piensan en quien está detrás de la pantalla
  51. 51. Piensan en quien está detrás de la pantalla
  52. 52. accesibles
  53. 53. accesiblesencontrables
  54. 54. accesiblesencontrables navegables
  55. 55. accesiblesencontrables navegablesfáciles de usar
  56. 56. diseño centrado en el usuario
  57. 57. Objetivo
  58. 58. Mejorar el proceso decreación de sitios web
  59. 59. Mejorar la experiencia de usuario impedir la frustración
  60. 60. Definición de unametodología de mejora constante
  61. 61. PREMISAS MÁXIMAS
  62. 62. 1. EL USUARIO ESLO MÁSIMPORTANTE
  63. 63. Para élPor élCómo él
  64. 64. 2. la información en la Web no sólo se lee, se usa (Juan Carlos Camus)
  65. 65. III. Tenemos queasegurar que seafácil de ocupar portodos
  66. 66. el (DCU) tiene 3 componente fundamentales
  67. 67. Usabilidad
  68. 68. UsabilidadArquitectura de la Información
  69. 69. UsabilidadArquitectura de la Información Accesibilidad
  70. 70. ¿Qué es la usabilidad?
  71. 71. Medición quedetermina qué tan fácil de usar es un sitio (así de fome)
  72. 72. ¿Qué tan importante es?
  73. 73. “Me equivoqué”
  74. 74. “Me equivoqu锓La tecnología no es para mí”
  75. 75. “No sé cómo usar “x” sitio web”
  76. 76. “No sé cómo usar “x” sitio web” “No lo encuentro”
  77. 77. ¿Qué es la AI?41
  78. 78. Es parte del diseño integral de sistemas que ayudan apersonas a encontrar lo que necesitan
  79. 79. Richard Saul WurmanEl estudio de la organización de lainformaciónCon el objetivo de permitir encontrar su víade navegación al conocimiento y lacomprensión de la información
  80. 80. Louis Rosenfeld y Peter Morville Combinación de esquemas de organización, representación y navegación dentro de un sistema
  81. 81. Louis Rosenfeld y Peter Morville Diseño estructural de un espacio informático para facilitar la culminación de tareas y el acceso intuitivo al contenido
  82. 82. Louis Rosenfeld y Peter Morville Arte y ciencia de estructurar y clasificar sitios web e intranets (medios digitales) con el fin de ayudar a los usuarios a encontrar y manejar la información
  83. 83. Jasse James Garret Diseño estructural del espacio informacional para facilitar el acceso intuitivo a los contenidos47
  84. 84. Edwad TufleEl diseño de la presentación de lainformación para facilitar su entendimiento
  85. 85. Baeza-Yates,Velasco y RiveraLa AI se ocupa del diseño estructural de lossistemas de informaciónSu problema central es la organización,recuperación y presentación de lainformación
  86. 86. En Chile y el mundo• AI Institute• Cadius• Cadius Chile• AI Chile
  87. 87. Arquitecto de la información• En Chile• En el mundo
  88. 88. Arquitecto de la información• Persona que organiza los patrones inherentes a la información• Hace lo complejo entendible
  89. 89. Qué debe hacer un AI Conjugar varias visiones• Investigar al usuario• Investigar a la organización
  90. 90. Conjugar muchas ydiferentes visiones
  91. 91. Conjugar muchas ydiferentes visiones
  92. 92. Investigar al usuarioempatía = modelos mentales
  93. 93. Investigar a la organización(cuáles son los objetivos de la organización)56
  94. 94. ¿Algo más?
  95. 95. Organizar grandes cantidades de contenidos para que el usuario pueda manejarlos, navegar porellos fácilmente y satisfacer sus necesidades de información
  96. 96. Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia
  97. 97. Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  98. 98. Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  99. 99. Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  100. 100. Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  101. 101. Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  102. 102. Determinar el contenido y funcionalidad que el sitio tendrá
  103. 103. Especificar cómo los usuarios van a encontrarla información al definir su organización, navegación, etiquetado y sistemas de búsqueda
  104. 104. ¿Qué es laAccesibilidad?
  105. 105. cualidad de un sitiovisitado de forma satisfactoria por el mayor número depersonas, independiente de sus capacidades físicas, del entorno o tecnológicas
  106. 106. “El poder de la web está en suuniversalidad. Acceso a la webpara todos independiente de su discapacidad” Tim Berners Lee
  107. 107. Lado bueno / lado malo65
  108. 108. ¿Cómo se escapa del lado oscuro?
  109. 109. ¿Cómo se escapa del lado oscuro?¿Cómo se ejecuta todo esto?
  110. 110. Metodología
  111. 111. Metodología by
  112. 112. Metodología byJase James Garrett
  113. 113. Metodología byJase James Garrett http://www.jjg.net/
  114. 114. Los elementos de laexperiencia de usuario
  115. 115. Los elementos de laexperiencia de usuario
  116. 116. Un sitio web que desde su concepción no está pensado en losusuarios está destinado al fracaso
  117. 117. Recolección de información Organización de la información (AI) Jerarquía-contenidos 1 Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  118. 118. INVESTIGACIÓN DE USUARIOS Recolección de información Organización de la información (AI) Jerarquía-contenidos 1 Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  119. 119. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  120. 120. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  121. 121. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual71

×