APRENDIENDO A DISEÑAR PARA MEDIOS INTERACTIVOS

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.

Introducción a la Arquitectura de Información

Este obra está bajo una licencia deCreative Commons Reconocimiento 4.0 Internacional

Con el apoyo de

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/

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

Buen dia!

¿Qué es la Arquitectura de Información?

Foto Unplash by Lou Levit / Concepto de Peter Morville

Foto Unplush by Lou Levit / Concepto de Peter Morville

Ejercicio:

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

Foto Unplush by Lou Levit / Concepto de Peter Morville

Foto Unplush by Lou Levit / Concepto de Peter Morville

Foto Unplush by Lou Levit / Concepto de Peter Morville

Foto Unplash by Luis Lerena

Cuaderno = Notebook Español / Inglés

Foto Unplash by Set Schwiet

Notebook Cuaderno

Computadora

Ejercicio:

Escribí rápidamente la lista de actividades que haces para cocinar fideos.

3’

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

Entonces… ¿para qué sirve?

Modelo Mental del Usuario

Diseño de Arquitectura de Información

PROCESO DE DISEÑO

problema general problema específico solución específica

ARMAR EL MODELO REPRESENTACIÓN

Reducción de complejidad

IDEAR Diseño de interacción

REDUCCIÓN DE COMPLEJIDAD

Foto Nasa Foto Unplash by Sylwia Bartyzel

REDUCCIÓN DE COMPLEJIDAD

Foto Unplash by Anna Vander Stel

Diagrama mental

Foto How to Make Sense of Any Mess: Information Architecture for Everybody by Abby Covert

Representación de una pizza

A B

Diagrama de Ben

Calidad

Precio

Diagrama de cuadrantes

Mapa del sitio

Foto Unplash by Galymzhan Abdugalimov

¿Qué es la Arquitectura de información?

3’ ANOTEN

Ordenamiento de Tarjetas (Card Sorting)

Ejercicio

Foto Unplush by Lukas Budimaier

Ordenar las tarjetas en grupos y colocarlas en columnas

10’

Agregar nombres a las columnas (se puede reordenar si es necesario)

10’

Nombre Columna

Nombre Columna

Nombre Columna

Nombre Columna

Nombre Columna

Nombre Columna

Nombre Columna

Nombre Columna

Nombre Columna

Pegar las tarjetas en una hoja o afiche

3’

Reflexionar con otro grupo: -  ¿Qué elementos se ordenaron de la misma

forma? -  ¿Cuáles son las diferencias?

10’

¿Conclusiones hasta al momento?

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

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

Matriz de similitud

Matriz de similitud

Dendograma

Ordenamiento de Tarjetas (Card Sorting)

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

Agrupación de conceptos por similitud semántica

Abierto Cerrado

Individual Grupal

Cualitativo Cuantitativo

5 personas 10/20 personas

Porque? Qué relaciones semánticas

compartidas? Que problemas /

dudas?

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

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

“Clarificar la complejidad”

Existía antes de internet!

1970

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.

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

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?

¿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

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?

¿Preguntas?

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/

facebook.com/ixdalaplata

@ixdalaplata

Gracias! Se entregarán certificados de asistencia a aquellos que realicen todos los talleres.

Seguinos en nuestra comunidad local: