Este documento presenta una introducción a la arquitectura de información. Explica brevemente qué es Taller UX y IxDA, y proporciona una biografía del orador invitado. Luego, el documento explora conceptos clave como modelos mentales, ordenamiento de tarjetas, y define la arquitectura de información como una forma de clarificar la complejidad y ayudar a las personas a comprender y encontrar información.

1. APRENDIENDO A DISEÑAR PARA MEDIOS INTERACTIVOS

2. 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.

3. 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

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: