Clases U. del Pacífico 1 abril
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
805
On Slideshare
805
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
19
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Estrategia web -investigación de usuario VIERNES 18 DE MARZO
  • 2. 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 visual
  • 3. 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 visual
  • 4. 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 visual
  • 5. Sicólogos
  • 6. Sicólogos Periodistas
  • 7. Sicólogos Periodistas Comunicadores
  • 8. Sicólogos Periodistas ComunicadoresDiseñadores
  • 9. Sicólogos Periodistas ComunicadoresDiseñadores Ingenieros informáticos
  • 10. Sicólogos Periodistas ComunicadoresDiseñadores ¿...? Ingenieros informáticos
  • 11. Diseño centrado en las personasEl valor de la investigación en los procesos de diseño en medios digitales
  • 12. Diseño centrado en las personasEl valor de la investigación en los procesos de diseño en medios digitales
  • 13. Investigación aplicada al diseño
  • 14. Investigación aplicada al diseñoNo se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la investigación de usuarios y en dinámicas colaborativasDe manera de tener un encuadre metodológico que delimite los objetivos del proyecto y permita no salirse de este marco referencial.
  • 15. Investigación aplicada al diseñoNo se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la investigación de usuarios y en dinámicas colaborativasDe manera de tener un encuadre metodológico que delimite los objetivos del proyecto y permita no salirse de este marco referencial. ¿Cómo funciona?
  • 16. Entender y especificar el Identificar la contexto de necesidad de uso un DCU El diseño satisface las Especificar los especificaciones de la requerimientos organización y de de los usuarios los usuarios y de la Evaluar diseño organización a partir de los requerimientos Producir solucionesThe interdependence of human-centered design activities de diseño Prototyping Social Action Esko Kurvinen
  • 17. Entender y especificar el Identificar la contexto de necesidad de uso un DCU El diseño satisface las Especificar los especificaciones de la requerimientos organización y de de los usuarios los usuarios y de la Evaluar diseño organización a partir de los requerimientos Producir solucionesThe interdependence of human-centered design activities de diseño Prototyping Social Action Esko Kurvinen
  • 18. Entender la interacción... Arhippainen, Tähti, 2003
  • 19. INVESTIGACIÓN DE USUARIOS
  • 20. De qué manera le escribimos a éldiferentes tipos de usuarios
  • 21. diferentescontextos
  • 22. diferentes entornos
  • 23. diferentes tiempos
  • 24. Investigación de usuarios• Antes del proceso de diseño• Durante el proceso de diseño• Al término del proceso de diseño
  • 25. Técnicas paralela• Modelos mentales• Escenarios y casos
  • 26. Técnicas paralelas• Modelos mentales• Escenarios y casos
  • 27. De qué manera le escribimos a éldiferentes tipos de usuarios
  • 28. De qué manera le escribimos a éldiferentes tipos de usuarios
  • 29. Antes del proceso de diseño• Indagaciones• Entrevistas• Encuestas• Hablar con las personas que hablan con las personas• Heurísticos (cuando se trata de un rediseño)
  • 30. Antes del proceso de diseño• Palabras claves• Buscador interno• Google analytics o similar• Benchamarking
  • 31. Durante el proceso de diseño• Observación: testeos y eyetrackig• Google analytics o similar
  • 32. Al término del proceso de diseño• Observación: testeos y eyetrackig• Palabras claves• Buscador interno• Google analytics o similar
  • 33. Antes del proceso de diseño• Indagaciones• Entrevistas• Encuestas• Hablar con las personas que hablan con las personas• Heurísticos
  • 34. indagaciones AyerViernes
  • 35. Indagaciones
  • 36. El objetivo es saber TODO sobre el usuario y la organización Indagaciones
  • 37. El objetivo es saber TODO sobre el usuario y la organizaciónConocer en “campo” como trabajan los usuarios finales Indagaciones
  • 38. El objetivo es saber TODO sobre el usuario y la organizaciónConocer en “campo” como trabajan los usuarios finalesSaber desde la observación, cómo los usuarios se relacionan con el sistema Indagaciones
  • 39. El objetivo es saber TODO sobre el usuario y la organizaciónConocer en “campo” como trabajan los usuarios finalesSaber desde la observación, cómo los usuarios se relacionan con el sistemaEjemplo:Ir un par de días completos a ver cómo las ejecutivas trabajan conel sistema call centerAcompañar a una cajera toda la jornada laboral para determinar suinteracción con la pantalla. Indagaciones
  • 40. Indagaciones
  • 41. ¿Qué debemos obtener de esto? Indagaciones
  • 42. ¿Qué debemos obtener de esto?- Datos relacionados sólo a la observación Indagaciones
  • 43. ¿Qué debemos obtener de esto?- Datos relacionados sólo a la observación- Qué distracciones tiene Indagaciones
  • 44. ¿Qué debemos obtener de esto?- Datos relacionados sólo a la observación- Qué distracciones tiene- A cuántas cosas debe atender además de su trabajo con el sistema Indagaciones
  • 45. ¿Qué debemos obtener de esto?- Datos relacionados sólo a la observación- Qué distracciones tiene- A cuántas cosas debe atender además de su trabajo con el sistema- Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en elmomento más tenso del día?) Indagaciones
  • 46. ¿Qué debemos obtener de esto?- Datos relacionados sólo a la observación- Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema- Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en elmomento más tenso del día?)- Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de accionesnuevas; etc.) ---> Determinar la RUTINA Indagaciones
  • 47. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el momento más tenso del día?)- Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de accionesnuevas; etc.) ---> Determinar la RUTINA- Qué funcionalidad no entiende Indagaciones
  • 48. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el momento más tenso del día?)- Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de accionesnuevas; etc.) ---> Determinar la RUTINA- Qué funcionalidad no entiende- Qué funcionalidad no usa Indagaciones
  • 49. Antes del proceso de diseño• Indagaciones• Entrevistas- encuestas• Hablar con las personas que hablan con las personas• Heurísticos
  • 50. Entrevistas - Encuestas
  • 51. Uno de los métodos más eficientes para descubrir lascaracterísticas, necesidades, problemas y dificultades de losusuarios. Entrevistas - Encuestas
  • 52. Uno de los métodos más eficientes para descubrir lascaracterísticas, necesidades, problemas y dificultades de losusuarios.Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistemaanalizado. Entrevistas - Encuestas
  • 53. Uno de los métodos más eficientes para descubrir lascaracterísticas, necesidades, problemas y dificultades de losusuarios.Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistemaanalizado.Se fomenta el intercambio de ideas y la discusión. Entrevistas - Encuestas
  • 54. Uno de los métodos más eficientes para descubrir lascaracterísticas, necesidades, problemas y dificultades de losusuarios.Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistemaanalizado.Se fomenta el intercambio de ideas y la discusión.Sirve para contrastar la observación. Entrevistas - Encuestas
  • 55. Uno de los métodos más eficientes para descubrir lascaracterísticas, necesidades, problemas y dificultades de losusuarios.Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistemaanalizado.Se fomenta el intercambio de ideas y la discusión.Sirve para contrastar la observación.Se extraen conclusiones. Entrevistas - Encuestas
  • 56. Entrevistas
  • 57. Entrevistas Entrevistas
  • 58. Entrevistas- Otras más elaboradas quefomenten la discusión,originen diálogo ycontroversia. Entrevistas
  • 59. Entrevistas- Preguntas ordinariasacerca de la opinión o elimpacto en el usuario.- Otras más elaboradas quefomenten la discusión,originen diálogo ycontroversia. Entrevistas
  • 60. Entrevistas- Preguntas ordinariasacerca de la opinión o elimpacto en el usuario.- Otras más elaboradas quefomenten la discusión,originen diálogo ycontroversia.- Que provoquen lacomunicación desensaciones y sentimientospersonales al respecto. Entrevistas
  • 61. Encuestas
  • 62. EncuestasEncuestas
  • 63. Encuestas - Preguntas destinadas a conocer al usuarioEncuestas
  • 64. Encuestas - Preguntas destinadas a conocer al usuario - Características exclusivas de su personalidad y contextoEncuestas
  • 65. Encuestas - Preguntas destinadas a conocer al usuario - Características exclusivas de su personalidad y contexto - Utilidad de lo que estamos haciendo en su contexto de navegaciónEncuestas
  • 66. Las preguntas se elaborarán de manera que permitan obtener la información que precisemos sobre el sistema, la inmediatezen la interacción de los usuarios con el mismo y lapercepción subjetiva de estos sobre la experiencia de su manejo. Entrevistas
  • 67. Antes del proceso de diseño• Indagaciones• Entrevistas- encuestas• Hablar con las personas que hablan con las personas• Heurísticos (cuando es resideño)
  • 68. Heurísticos
  • 69. ¿Qué es? Heurísticos
  • 70. ¿Qué es?Evaluación de una lista de principios heurísticos estándares Heurísticos
  • 71. ¿Qué es?Evaluación de una lista de principios heurísticos estándaresEquipo de expertos en usabilidad que analizan el interfaz de usuario Heurísticos
  • 72. ¿Qué es?Evaluación de una lista de principios heurísticos estándaresEquipo de expertos en usabilidad que analizan el interfaz de usuarioTiene la ventaja de ahorrar tiempo y dinero sobre las técnicas que implican tests deusuarios Heurísticos
  • 73. ¿Qué es?Evaluación de una lista de principios heurísticos estándaresEquipo de expertos en usabilidad que analizan el interfaz de usuarioTiene la ventaja de ahorrar tiempo y dinero sobre las técnicas que implican tests deusuariosEl más barato Heurísticos
  • 74. Heurísticos
  • 75. Cómo se hace: Heurísticos
  • 76. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. Heurísticos
  • 77. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. - Se establecen las categorías de problemas de usabilidad para clasificar los problemas encontrados durante la evaluación (graves, medios, leves). Heurísticos
  • 78. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. - Se establecen las categorías de problemas de usabilidad para clasificar los problemas encontrados durante la evaluación (graves, medios, leves). - Los evaluadores deben analizar de forma aislada sin intercambio de feedback con el resto durante las pruebas. Heurísticos
  • 79. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. - Se establecen las categorías de problemas de usabilidad para clasificar los problemas encontrados durante la evaluación (graves, medios, leves). - Los evaluadores deben analizar de forma aislada sin intercambio de feedback con el resto durante las pruebas. - Analizarán cada elemento contra la Lista de Heurísticos Heurísticos
  • 80. Heurísticos
  • 81. Nielsen Heurísticos
  • 82. Nielsen Heurísticos
  • 83. Nielsen Heurísticos
  • 84. Heurísticos
  • 85. Mi recomendación Heurísticos
  • 86. Mi recomendación Plantilla de @torresburriel Heurísticos
  • 87. Mi recomendación Plantilla de @torresburrielhttp://www.torresburriel.com/weblog/2008/11/28/plantilla- para-hacer-analisis-heuristicos-de-usabilidad/ Heurísticos
  • 88. Mi recomendación Plantilla de @torresburrielhttp://www.torresburriel.com/weblog/2008/11/28/plantilla- para-hacer-analisis-heuristicos-de-usabilidad/ https://www.coloriuris.net/panel-www/aceptacion.jsp? hash=dc123878c3ceb4b521c7531ecaa93b53 Heurísticos
  • 89. 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 visual
  • 90. 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 visual
  • 91. Modelos mentales
  • 92. Mental models Indi YoungModelos mentales
  • 93. ¿Qué son? Mental models Indi Young Modelos mentales
  • 94. ¿Qué son?Enmarcan el comportamiento del usuario Mental models Indi Young Modelos mentales
  • 95. ¿Qué son?Enmarcan el comportamiento del usuarioDebe interpretar los deseos de los usuarios Mental models Indi Young Modelos mentales
  • 96. ¿Qué son?Enmarcan el comportamiento del usuarioDebe interpretar los deseos de los usuariosManera profunda de conocer a los usuarios a través de laempatía Mental models Indi Young Modelos mentales
  • 97. ¿Qué son?Enmarcan el comportamiento del usuarioDebe interpretar los deseos de los usuariosManera profunda de conocer a los usuarios a través de laempatíaEs diferente al estudio de cómo una persona usa algo (unsitio en este caso) Mental models Indi Young Modelos mentales
  • 98. ¿Qué son?Enmarcan el comportamiento del usuarioDebe interpretar los deseos de los usuariosManera profunda de conocer a los usuarios a través de laempatíaEs diferente al estudio de cómo una persona usa algo (unsitio en este caso) Mental models Indi YoungQué quieren lograr las personas ---> OBJETIVOS Modelos mentales
  • 99. Mental models Indi YoungModelos mentales
  • 100. ¿Qué son? Mental models Indi Young Modelos mentales
  • 101. ¿Qué son?Diagramas de afinidad de comportamientos realizados a partirde datos etnográficos recogidos desde audienciasrepresentativas Mental models Indi Young Modelos mentales
  • 102. ¿Qué son?Diagramas de afinidad de comportamientos realizados a partirde datos etnográficos recogidos desde audienciasrepresentativas¿Para qué sirve? Mental models Indi Young Modelos mentales
  • 103. ¿Qué son?Diagramas de afinidad de comportamientos realizados a partirde datos etnográficos recogidos desde audienciasrepresentativas¿Para qué sirve? Mental models Indi YoungPara conocer mejor a los usuarios y de esta manera, logrardesarrollar mejores productos para ellos. Modelos mentales
  • 104. Resultado
  • 105. Ejemplo Resultado
  • 106. Ejemplo Resultado
  • 107. Ejemplo SITIO DE TURISMO Resultado
  • 108. Ejemplo SITIO DE TURISMO30 años Resultado
  • 109. Ejemplo SITIO DE TURISMO30 añosVacaciones Resultado
  • 110. Ejemplo SITIO DE TURISMO30 añosVacaciones$ Resultado
  • 111. Ejemplo SITIO DE TURISMO30 añosVacaciones$Tienen todo el tiempo delmundo Resultado
  • 112. Ejemplo SITIO DE TURISMO30 añosVacaciones$Tienen todo el tiempo delmundoNo saben donde quieren ir nipor cuanto tiempo Resultado
  • 113. Resultado
  • 114. Ejemplo Resultado
  • 115. Ejemplo SITIO DE TURISMO Resultado
  • 116. Ejemplo SITIO DE TURISMO45 años Resultado
  • 117. Ejemplo SITIO DE TURISMO45 añosTrabajo Resultado
  • 118. Ejemplo SITIO DE TURISMO45 añosTrabajo$- Resultado
  • 119. Ejemplo SITIO DE TURISMO45 añosTrabajo$-No tiene tiempo Resultado
  • 120. Ejemplo SITIO DE TURISMO45 añosTrabajo$-No tiene tiempoSabe perfectamente lo quequiere Resultado
  • 121. HAGAMOS UN MAPAMENTAL
  • 122. QUÉ TENEMOS HASTA AHORA
  • 123. Información de la organización
  • 124. Información de la organizaciónInformación del usuario
  • 125. Información de la organizaciónInformación del usuario objetivos del sitio
  • 126. Información de la organizaciónInformación del usuario objetivos del sitio qué información
  • 127. Información de la organizaciónInformación del usuario objetivos del sitio qué información qué funcionalidades
  • 128. Definir el objetivo, propósito y fines delsistema de información o sitio Web
  • 129. Definir público objetivo, tareas y tecnología
  • 130. ¿Qué falta?
  • 131. Realizar análisis comparativos ycompetitivos con otros sitios
  • 132. AHORA QUÉ VIENE
  • 133. ARQUITECTURA DE LA INFORMACIÓN
  • 134. Hacer el diseño de interacción Hacer el diseño de navegaciónEtiquetar (buscadores)
  • 135. Documentar el proceso,analizar los resultados y los procesos de reingeniería
  • 136. Planificación, gestión y desarrollo de los contenidos Definir sistemas y la interfaz de búsquedaConocer y aplicar criterios de usabilidad
  • 137. Representar cómo el sitio se va aacomodar al cambio y crecimiento del en el tiempo
  • 138. Representar cómo el sitio se va aacomodar al cambio y crecimiento del en el tiempo
  • 139. Representar cómo el sitio se va aacomodar al cambio y crecimiento del en el tiempo http://www.havenworks.com/
  • 140. resultados de las investigaciones... técnicas índices de contenido card sorting definir jerarquías
  • 141. ¿Arquitectura de laInformación? Orden de la información Beneficio para los usuarios Encontrabilidad de los contenidos Calidad de los contenidos Convertir datos en contenidos digitales.
  • 142. (av) ¿Cómo? Funcionalidad y contenido. Necesidades de la organización. Necesidades del público (usuarios). Sistemas de organización. Navegación. Rotulado. Búsqueda.®2008 Ayerviernes S.A.
  • 143. índices de contenido card sorting definir jerarquías
  • 144. índices de contenido card sorting definir jerarquías
  • 145. índices de contenido card sorting definir jerarquíasCapa superior - interfazCapa intermedia - contenido - interaccionesCapa inferior - base de datos
  • 146. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datosAgrupación Contenido fundamental por tema por función Opciones necesarias por jerarquía Etiquetado o rotulaciones
  • 147. Resultado...
  • 148. Resultado...
  • 149. Capa superior - interfazCapa intermedia - contenido - interacciones Capa inferior - base de datos
  • 150. Capa superior - interfazCapa intermedia - contenido - interacciones Capa inferior - base de datos