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:
Top Related