Este documento presenta conceptos de arquitectura de información y diseño de experiencia de usuario. Explica que la arquitectura de información organiza conjuntos de información para que sean comprensibles para los usuarios, mientras que el diseño de experiencia de usuario se refiere a la interacción del usuario con un producto o sistema. También define usabilidad y menciona algunas herramientas para medir la experiencia del usuario, como tests de usuario y de heurística.

1. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -1
Unapresentaciónacercade Arquitecturade Informacióny Diseñode Experienciade Usuario
Juan C. Camus
2014
¿Dóndehay quehacerclick?

2. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -2

3. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -3

4. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -4

5. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -5

6. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -6
Imagen: http://jessbyrn.blogspot.com/2011/05/usability.html

7. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -7

8. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -8
un sitio web funcionasi el usuario actúasin preguntarcómo se opera

9. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -9
construimosautoserviciosde información

10. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -10
Autores y herramientas
Wurman
Rosenfeld y Morville
Garrett
Wodtke
Krug
Nielsen

11. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -11
Arquitecturade Información:
•Esun arte y unaciencia.
•Organizaconjuntosde información.
•Permitequecualquierpersona entiendala informaciónquese ofrece.
•Favoreceel “autoservicio”.
Desdeel web:
Esel conjuntode prácticasqueentendiendoel objetivode un sitioweb, organizael contenidoensubconjuntosde nombrescomprensiblespara el usuariofinal, facilitandolasoperacionesde búsqueday usode la informaciónquecontienen.
Un par de definiciones

12. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -12
Usabilidad:
•Es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa con un producto o sistema y mide la relación entre las herramientas y sus usuarios.
Es la combinación de varios factores que afectan la experiencia del usuario que usa dicho producto o sistema. Dichos factores son:
•Facilidad de aprendizaje
•Facilidad y Eficiencia de uso
•Facilidad de recordar cómo funciona
•Frecuencia y gravedad de errores
•Satisfacción subjetiva
•ISO/IEC 9241:
•"Usabilidad es la eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”.
Un par de definiciones

13. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -13
Diseñode Experienciade Usuario:
•Es la experiencia que tiene un usuario al interactuar con un producto o sistema.
•Puede ser diseñada la interfaz y la interacción, pero no se puede garantizar los efectos que se obtendrán con ella.
•No obstante, hay formas de medirlo:
•Test de Usuario
•Test Heurístico
•Observaciones participantes
•…
Un par de definiciones

14. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -14

15. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -15
Test Interactivo de Eyetracking (Poynter 2004)

16. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -16
Test Interactivo de Eyetracking (Poynter 2004)

17. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -17
Eyetracking

18. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -18
Eyetracking

19. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -19

20. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -20

21. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -21
Jesse James Garrett
Para hacer un sitio web
•Primero: entender al cliente
•Luego: entender a la audiencia
Después
•Qué contenidos se quieren ofrecer
•Qué va a hacer el usuario con ellos
Con todo eso:
•Definir la estructura
•Definir la navegación
Y, por último…
•…definir el diseño visual

22. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -22
Jesse James Garrett
Para hacer un sitio web

23. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -23
Jesse James Garrett
Para hacer un sitio web

24. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -24
Para hacer un sitio web
•Se nota que el sitio web está bien hecho, cuando un usuario entra por primera vez y...
•... puede entender el sitio en forma rápida y sin esfuerzo.
•...puede encontrar la información fácilmente.
•... quienes producen el sitio pueden ubicar la nueva información sin tener crear nuevas estructuras.

25. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -25
Modelos Mentales
Imagen: http://blog.crazyegg.com/2012/09/24/how-to-design-mental-models/

26. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -26
Personas y Escenarios
Imagen: http://www.guiadigital.gob.cl/articulo/aseguramiento-de-usabilidad

27. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -27
Wireframes

28. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -28
Return
Of
Investment
ROI

29. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -29
“Half the money I spend on advertising is wasted; the trouble is I don't know which half”

30. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -30
John Wanamaker (July 11, 1838 –December 12, 1922)

31. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -31
¿Cuánto vale un botón?

32. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -32

33. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -33
¿Cuánto vale un botón?
En el lugar adecuado, con el nombre correcto y la interacción bien diseñada…

34. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -34
•PDF –gratis; Licencia CC BY NC SA
•Desde 5 Nov. 2009 hasta hoy: 25.000
•www.tienes5segundos.cl

35. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -35
Unapresentaciónacercade Arquitecturade Informacióny Diseñode Experienciade Usuario
Juan C. Camus
2014
¿Dóndehay quehacerclick?

36. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -36
Arquitectosde Informaciónenel Mundo(inglés):
•IA Institute: http://www.iainstitute.org/
•Wurman:http://wurman.com/rsw/
•Rosenfeld:http://www.louisrosenfeld.com/
•Morville:http://www.semanticstudios.com/
•Garrett:http://jjg.net/
•Wodtke: http://www.eleganthack.com/
•IA Institute:http://www.iainstitute.org/
Arquitectosde Informaciónenel Mundo(español):
•Webestilo:http://www.webestilo.com/guia/
•J. Arango: http://www.jarango.com/es/
Arquitectosde InformaciónenChile:
•J.Velasco:http://www.mantruc.com/
•J. Barahona: http://www.ayerviernes.com/
•J.C.Camus:http://www.usando.info/
Enlaces para temas de AI

37. @jccamus-www.usando.info–DUOC 5DD –Octubre 2014 -37
•Usabilidad en el mundo (en inglés)
•Jakob Nielsen: http://www.useit.com/
•Steve Krug: http://www.sensible.com/
•Alan Cooper: http://www.cooper.com/index.asp
•Bruce Toganizzini: http://www.asktog.com/basics/firstPrinciples.html
•A listApart: http://www.alistapart.com/topics/userscience/usability/
•Usable Web: http://usableweb.com/
•UserEffects: http://www.usereffect.com/
•Usabilidad en Chile (en español)
•No sólo Usabilidad: http://www.nosolousabilidad.com/
•Daniel Torres Burriel: http://www.torresburriel.com/weblog/
•Ainda: http://www.ainda.info/que_es_usabilidad.htm
•UsoLab: http://www.usolab.com/publicaciones/
•Jorge Barahona: http://www.jbarahona.com
•Juan C. Camus: http.//www.usando.info
Enlaces para temas de Usabilidad