Jueves 03.03.16 volumen XIX Arquitectura de Información

La importancia del trabajo colaborativo en Arquitectura de Información

Osvaldo Gallegos

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

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…

02 de 23

Expectativa vs Realidad

03 de 23

El usuario perfecto

04 de 23

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

06 de 23

El proceso de Arquitectura de Información

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

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.

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)

09 de 23

Si no tomas en cuenta al usuario...

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

10 de 23

El usuario debe encontrar el contenido que requiere...

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.

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.

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

14 de 23

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

16 de 23

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

17 de 23

Diseño visual y diseño de interacción

19 de 23

Cuando las cosas van mal...

20 de 23

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

21 de 23

21 de 23

La arquitectura de la información evita la frustración del usuario…

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.

22 de 23

Nuestro trabajo es evangelizar...

23 de 23

¡Gracias!

Puedes seguirme en Twitter: @ocelotlmixtli