UX Nights Vol. XIX Arquitectura de la Información Ciudad de México 3 de marzo de 2016 La importancia del trabajo colaborativo en Arquitectura de Información Osvaldo Gallegos

1. Jueves 03.03.16 volumen XIX
Arquitectura de Información
La importancia del trabajo colaborativo
en Arquitectura de Información
Osvaldo Gallegos

2. Presentación:
Osvaldo 'Oz' Gallegos
Apasionado por el mundo digital, especializado
en UX & AI, realicé estudios en Ciencias de la
Computación en la Facultad de Ciencias UNAM,
tengo 5 años trabajando en el medio de las
agencias digitales generando arquitectura de
información y UX.
Puedes seguirme en Twitter: @ocelotlmixtli

3. 01 de 23
Sobre qué vamos a hablar:
• Generación de Arquitectura de Información
• ¿Quién hace qué?
• ¿Cómo involucrar al usuario dentro del proceso de
Arquitectura de información?
• Trabajo colaborativo e interdisciplinario
De lo que uno aprende al irse de la casa de sus padres…

4. 02 de 23
Expectativa vs Realidad

5. 03 de 23
El usuario perfecto

6. 04 de 23

7. 05 de 23
¿Quién hace qué?
• Copywriter: Se encarga de comunicar de forma escrita el mensaje al
usuario
• Diseñador: Se encarga de comunicar de manera visual el mensaje al
usuario
• Equipo de desarrollo: Se encarga de construir el desarrollo digital,
integrando la parte visual y los textos que se generen para el mismo
• Project manager ó Ejecutivo de cuenta: Son la voz del cliente ante el
equipo
• Arquitecto de información: Es responsable de organizar y jerarquizar
la información del desarrollo digital en colaboración con el equipo

8. 06 de 23
El proceso de Arquitectura de
Información

9. 07 de 23
Diseño centrado en el usuario
• ¿Para quién estamos diseñando?
• ¿Cómo son nuestros usuarios?
• ¿En qué contexto van a usar nuestro
desarrollo digital?
• ¿Qué productos existen en el mercado similar
al que vamos a ofrecer?
• Debemos diseñar las pruebas de aceptación
del usuario (UAT)
• Todo el equipo debe pensar en el usuario

10. 08 de 23
Inventario de contenidos:
Tenemos que realizar entrevistas con usuarios
para validar:
• ¿Qué información va a tener mi sitio?
• ¿Qué información le resulta útil al usuario?
• ¿ De qué tipo es esa información?
• Si no tienes presupuesto, siempre puedes
invitar a un amigo o familiar a comer.

11. 09 de 23
Trabajando con el público objetivo
• ¿Cómo ordena el usuario la información en su
pensamiento?
Hay técnicas que nos ayudan a descubrir esto:
• Card sorting ( Técnica de categorización de
contenidos)
• Tree testing ( Técnica para evaluar la
encontrabilidad de contenidos)
• Taxonomía de la información (Definir el
sistema de etiquetado)

12. 09 de 23
Si no tomas en cuenta al usuario...

13. 10 de 23
Mapa de navegación
Retomando los resultados del trabajo con usuarios tenemos que:
• Organizar y jerarquizar la información de acuerdo al modelo mental
que descubrimos
• Definir el sistema de etiquetado en conjunto con el copywriter
• El copywriter apoya a comunicar la información de manera efectiva
• La organización y jerarquización de los contenidos, debe corresponder
a las necesidades del usuario
• Es una herramienta para tener una visión general del sitio

14. 10 de 23
El usuario debe encontrar el contenido que requiere...

15. 11 de 23
Flujos de navegación
• Definir la secuencia de acciones que va a realizar el usuario
• El desarrollador ayuda a incluir los flujos alternos y el copywriter genera
mensajes de guía y alerta efectivos
• El diseñador tiene una visión clara de todas las interfaces necesarias
• Realizar pruebas con usuarios para comprobar que es correcta nuestra idea,
• En ocasiones no existe el tiempo para realizarlo pero debes asegurarte que se
incluya en la interfaz.

16. 12 de 23
Flujos de navegación
Llevar la experiencia
física a un plano
digital, esto hace
que los usuarios se
sientan cómodos al
navegar el sitio
Un gran desarrollo
digital, se respalda
en un buen
producto.

17. 13 de 23
Sketch
• Bocetar las interfaces con los contenidos obtenidos durante el
proceso de investigación de usuario
• El copy, diseñador y desarrollador aportan ideas, debe ser un trabajo
colaborativo
• Se genera empatía por el trabajo del compañero de equipo
• El arquitecto guía al equipo y aporta recomendaciones
• Acércate a los compañeros de oficina que no estén colaborando en
el proyecto para obtener comentarios de tus ideas

18. 14 de 23

19. 15 de 23
Wireframes
• Se realizan diagramas con los contenidos obtenidos mediante el
proceso
• La jerarquía de información se hace de forma visual y por medio
de textos
• El equipo tiene pleno conocimiento de lo que va a construir
• En ocasiones no hay tiempo suficiente para realizarlos, en ese
caso hay que apoyar al diseñador para que tome en cuenta
todos los elementos que debe tener la interfaz

20. 16 de 23

21. 17 de 23
Diseño visual y diseño de interacción
• El diseño de la interfaz debe estar centrado en las características de nuestros
usuarios
• Todas las transiciones y efectos visuales deben aportar mejoras a la experiencia
del usuario y no ser solamente un elemento decorativo
• Esta interfaz tiene que ser evaluada por los usuarios, se pueden imprimir las
interfaces para pedir que realicen tareas y observar lo que hacen al tratar de
resolverlas
• Se deben tomar en cuenta los comentarios de los usuarios para corregir
defectos no previstos en la interfaz
• Invita a comer a un amigo mientras esperan, le pides su opinión sobre la
interfaz, escucha de forma atenta sus comentarios

22. 17 de 23
Diseño visual y diseño de interacción

23. 19 de 23
Cuando las cosas van mal...

24. 20 de 23

25. 20 de 23
Evaluación final
• Debemos realizar: Pruebas de aceptación del usuario (UAT)
• El resultado de las pruebas determina si el producto está listo para
lanzarse al mercado
• De acuerdo a la retroalimentación obtenida, realizamos los ajustes
necesarios al desarrollo digital.
• Es un proceso iterativo e incremental.
• Tenemos que convencer de que esto es muy importante, incluso salir a la
calle e invitar a personas a probar la interfaz, con una pequeña
recompensa a cambio.
• Los resultados obtenidos deben ser comunicados para mostrar que es
rentable y aporta valor al negocio

26. 21 de 23

27. 21 de 23
La arquitectura de la información evita la
frustración del usuario…

28. 22 de 23
Conclusiones
• Todos el equipo debe colaborar en el desarrollo de arquitectura de
información.
• La peor idea es la que no se dice.
• Tus amigos son un apoyo muy importante en las pruebas con
usuarios
• Es un proceso de desarrollo iterativo e incremental, no te quedes
con la primera idea.
• Debes tener paciencia al explicar, la misión es mostrar que esta
disciplina es fundamental en la construcción de desarrollos digitales
y es rentable para el negocio.

29. 22 de 23
Nuestro trabajo es evangelizar...

30. 23 de 23
¡Gracias!
Puedes seguirme en Twitter: @ocelotlmixtli