Presentación realizada por Nicolás Jaureguiberry @nicojaure y Martín Nedbal para Taller UX La Plata 2016. Durante el Taller se desarrolla el concepto de Arquitectura de Información y se realiza una práctica introddcu

1. Introducción a la Arquitectura
de Información
Este obra está bajo una licencia de
Creative Commons Reconocimiento 4.0 Internacional
Con el apoyo de

2. APRENDIENDO A DISEÑAR PARA MEDIOS INTERACTIVOS

3. Acerca de Taller UX
Taller UX es un modelo reproducible de microtalleres de User Experience, construido
colaborativamente, con el objetivo de mejorar la educación y divulgación de UX en español.
¿Querés colaborar con el proyecto o estás interesado en reproducir el taller en tu ciudad?
¡Contactanos!
Acerca de IxDA
IxDA, la asociación de diseño de interacción, es una organización mundial voluntaria, sin fines de
lucro ni costos de membresía, iniciada en 2003.
Está conformada por voluntarios que se identifican con la misión de mejorar la condición humana
avanzando la práctica profesional del diseño de interacción, sin percibir retribución económica por su
participación.
Por ello, todas las iniciativas de IxDA son por la comunidad, para la comunidad.

4. Nicolás Jaureguiberry
NUESTRO INVITADO
Lic. en Comunicación Social; trabaja en la industria desde
2004, desde 2011 se dedica a la experiencia de usuario
habiendo formado parte del equipo Globant.
Hoy es parte del equipo de Inter-Cultura donde es
consultor, diseñador de interacción e investigador.
Integra la comisión directiva de UXPA Argentina y es
docente universitario en UCA y FUC.
@nicojaure // Linkedin.com/in/nicojaure/

5. Martín Nedbal
NUESTRO INVITADO
Diseñador Gráfico UBA; trabaja en diseño de medios interactivos
desde 1998. Desde 2010 se especializa en diseño de experiencia de
usuario donde ha trabajado para empresas como BBVA, Verizon,
National Geographic, YPF y Autodesk entre otros.
Actualmente es diseñador UX y director creativo en DevSpark.
Linkedin.com/in/martinnedbal

6. Buen dia!

7. ¿Qué es la
Arquitectura de
Información?

8. Foto Unplush by Lou Levit / Concepto de Peter Morville

9. Ejercicio:
El Ajedrez
Escribir qué es lo que hace
a un ajedrez ser un ajedrez. 3’

13. Foto Unplash by Luis Lerena

14. Cuaderno = Notebook
Español / Inglés

15. Foto Unplash by Set Schwiet

16. Notebook
Cuaderno
Computadora

17. Ejercicio:
Escribí rápidamente la
lista de actividades
que haces para cocinar
fideos.
3’

18. Modelo Mental
Los modelos mentales son representaciones
internas de una realidad externa.
Son concepciones generales, que dirigen nuestros
actos y que somos capaces de construir a
partir de la experiencia.
Fuente: no solo usabilidad: revista sobre personas, diseño y tecnología

19. Entonces…
¿para qué sirve?

20. Modelo Mental del Usuario
Diseño de Arquitectura
de Información

21. PROCESO DE DISEÑO
problema general problema específico solución específica

22. ARMAR EL MODELO REPRESENTACIÓN
Reducción de complejidad
IDEAR Diseño de interacción

23. REDUCCIÓN DE COMPLEJIDAD
Foto Nasa Foto Unplash by Sylwia Bartyzel

24. REDUCCIÓN DE COMPLEJIDAD
Foto Unplash by Anna Vander Stel

25. Diagrama mental

26. Foto How to Make Sense of Any Mess: Information Architecture for Everybody by Abby Covert
Representación de una pizza

27. A B
Diagrama de Ben

28. Calidad
Precio
Diagrama de cuadrantes

29. Mapa del sitio

30. Foto Unplash by Galymzhan Abdugalimov

31. ¿Qué es la
Arquitectura de
información?
3’ANOTEN

32. Ordenamiento de Tarjetas
(Card Sorting)
Ejercicio

33. Foto Unplush by Lukas Budimaier

34. Ordenar las
tarjetas en grupos
y colocarlas en
columnas 10’

36. Agregar nombres
a las columnas
(se puede reordenar si es
necesario) 10’

37. Nombre
Columna
Nombre
Columna
Nombre
Columna
Nombre
Columna
Nombre
Columna
Nombre
Columna
Nombre
Columna
Nombre
Columna
Nombre
Columna

38. Pegar las
tarjetas en una
hoja o afiche
3’

39. Reflexionar con otro grupo:
- ¿Qué elementos se ordenaron de la misma
forma?
- ¿Cuáles son las diferencias?
10’

40. ¿Conclusiones
hasta al momento?

41. ¿Qué pasaría si
hiciéramos esta
comparación con
todos los equipos?

42. Base del Ejercicio y foto de Card Sorting de Interaction Design Foundation

44. Matriz de similitud

45. Matriz de similitud

46. Dendograma

49. Ordenamiento de Tarjetas
(Card Sorting)

50. Ordenamiento de Tarjetas (Card sorting)
“Es un método colaborativo que nos ayuda a
comprender al usuario para el cual estamos
diseñando. No es un método para definir la
navegación.”
Donna Spencer

51. Agrupación de conceptos por
similitud semántica

52. Abierto Cerrado
Individual Grupal

53. Cualitativo Cuantitativo
5 personas 10/20 personas
Porque? Qué relaciones
semánticas
compartidas?
Que problemas /
dudas?

54. Ventajas Desventajas
● Ignora las tareas
● No es exacto
● El análisis puede tomar
tiempo
● Puede no ser profundo
● Simple y barato
● Técnica rápida
● Centrado en el usuario
● Requiere poca explicación

55. entonces…
qué es la Arquitectura
de Información?

56. “Clarificar
la complejidad”

57. Existía antes
de internet!
1970

58. Arquitectura de Información
Consiste en ayudar a la gente a entender
su entorno y encontrar lo que están
buscando, en el mundo real, así como en el
mundo online.

59. Una buena Arquitectura
de información es clave, también,
para lograr productos accesibles

60. Preguntas que hacemos cuando se hace
arquitectura de información:
¿Qué es lo que entiende el usuario sobre este espacio?
¿Cómo se mueve dentro del producto?
¿De qué manera la aplicación ayuda al usuario a catalogar y recuperar su
información?
¿Como se muestra la información presentada al usuario?
¿Ayuda esta forma de mostrar la información al cliente a tomar decisiones?

61. ¿Qué hicimos hoy?
1. Reflexionamos sobre lo que implica la Arquitectura de Información
2. Definimos algunas aplicaciones
3. Realizamos una práctica de Ordenamiento de Tarjetas o Card Sorting
4. Conocimos para qué podemos usarla y cómo facilitarla
5. Conversamos sobre la Arquitectura de Información en el proceso de
diseño

62. EVALUEMOS
¿Qué fue lo que más les sorprendió?
¿Cuál fue la cosa más importante
sobre arquitectura de información?
¿Cuál es la gran pregunta?

63. ¿Preguntas?

64. Recursos útiles
IDEO toolkit http://www.designkit.org/
El blog de Olga http://olgacarreras.blogspot.com.ar/
Standford UX https://ux.stanford.edu
NN Group http://www.nngroup.com/
Interaction Design https://www.interaction-design.org/
No Solo Usabilidad http://nosolousabilidad.com/
“Interviewing Users”. Steve Portigal
Standford Design School http://dschool.stanford.edu/

65. facebook.com/ixdalaplata
@ixdalaplata
Gracias!
Se entregarán certificados de asistencia a
aquellos que realicen todos los talleres.
Seguinos en nuestra
comunidad local: