ARQUITECTURA DE INFORMACIÓN
DISEÑO UX/UI
POV: El objetivo de esta etapa es desarrollar un una declaración significativa y sintética del problema, un punto de vista.
MVP: aquel producto mínimo viable que te permita validar por lo menos una parte de tu negocio. Este será el primer prototipo que llevarás al mercado para encontrar las primeras reacciones de tus clientes.
GLOSARIO:
Definir: segunda etapa de la metodología Design Thinking o Pensamiento de Diseño. En esta etapa el objetivo es Enmarcar el problema adecuado es la única manera de crear la solución correcta.
Storyboard & Storytelling: herramienta gráfica y de texto respectivamente que nos ayudarán a clarificar el POV o declaración significativa de nuestro proyecto.
OBJETIVOS DE LA CLASE
MAPA DE CONCEPTOS
Empatizar
Definir
Idear
Prototipar
Evaluar
Arquitectura de Información
Cardsorting
Design Thinking
Diseño Centrado en el Usuario
Pensamiento de Diseño
Design Sprint
MVP
Analizar
Diseñar
Validar
¿ARRANCAMOS?
ARQUITECTURA DE LA INFORMACIÓN
Es la disciplina que consiste en organizar, jerarquizar y rotular el contenido de una interfaz.
“Es el estudio de la organización de la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información”
Richard S. Wurman, 1975
Diseño de interfaz
Organización de la información
Usuarios Contenido Contexto
UX
Tiene como objetivo facilitar al máximo los procesos de comprensión y asimilación de la información, así como de las tareas que ejecutan los usuarios.
¿PARA QUÉ SIRVE?
¿QUÉ NOS PERMITE?
AGRUPAR
JERARQUIZAR
ROTULAR
Qué contenidos están relacionados entre sí
Cuáles contenidos están subordinados
Cómo se nombran los grupos de contenidos
Ejemplo de un producto de la AI: Mapa del sitio
¿POR QUÉ ES TAN IMPORTANTE?
LA ARQUITECTURA DE INFORMACIÓN ES LA DISCIPLINA CON MAYOR IMPACTO EN LA USABILIDAD DE UNA INTERFAZ
Describe los principales problemas de usabilidad que encontró en más de 2000 estudios de usabilidad.
Detectó las 10 principales categorías en las que clasificó los problemas.
Jakob Nielsen
MÉTODOS DE USER RESEARCH
LOS CONCEPTOS FUNDAMENTALES DE AI
Información
Es la materia prima de trabajo para un arquitecto de información.
Estructuración, organización, navegación y rotulado
Implica dar forma a esa información, procurando que sea fácil de encontrar.
LOS CONCEPTOS FUNDAMENTALES DE AI
Encontrabilidad
Es uno de los grandes problemas que resuelve la AI.
Gestión
La AI permite gestionar los contenidos de una interfaz.
Creatividad
Es lo que requiere el trabajo de un arquitecto de información.
CATEGORÍAS DE PROBLEMAS
75% de los problemas
75%
de los problemas de usabilidad están relacionados a mal diseño de Arquitectura de Información
¿CÓMO PUEDO GENERAR MI ARQUITECTURA CON INFORMACIÓN VALIDADA?
CARD SORTING
¿POR DÓNDE EMPIEZO A DISEÑAR ARQUITECTURA DE INFORMACIÓN?
¿QUIÉN DECIDE CÓMO SE ORGANIZAN Y ESTRUCTURAN LOS CONTENIDOS?
¿NOS REUNIMOS DURANTE HORAS?
¿LO DISCUTIMOS ENTRE NOSOTROS?
ORDENAR LOS SIGUIENTES ÍTEMS
Zanahoria
Naranja
Pimentón
Fresa
Lechuga
Sandía
Brócoli
Manzana Verde
UN ORDENAMIENTO POSIBLE
Zanahoria
Naranja
Pimentón
Fresa
Lechuga
Sandía
Brócoli
Manzana verde
FRUTAS
VERDURAS
OTRO ORDENAMIENTO POSIBLE
VERDE
NARANJA
Sandía
Naranja
Brócoli
Zanahoria
Lechuga
Manzana verde
Pimentón
Fresa
ROJO
El orden ideal de la información
no es el que más nos convence a nosotros.
Es aquel que responde al modelo mental de los usuarios, es decir, a cómo los usuarios esperan encontrar ordenada la información.
POR ENDE, EL USUARIO DEBE SER PARTE DEL PROCESO DE DISEÑO.
¿CÓMO RESCATAMOS EL MODELO MENTAL DE LOS USUARIOS?
REALIZANDO UN CARD SORTING.
CARD SORTING
Es una técnica que se basa en observar cómo los usuarios agrupan y asocian entre sí un número de tarjetas etiquetadas con las diferentes categorías/secciones de un producto o servicio digital.
Nos permite conocer el modelo mental de nuestros usuarios para organizar esta información y aplicar dicho modelo a nuestro producto. Es decir, incluye a los usuarios en el proceso de construcción de la AI, asegurando una UX más natural para ellos.�
Técnica de ordenamiento de tarjetas
VENTAJAS
DESVENTAJAS
¿CUÁL ES EL OBJETIVO?
NOS AYUDA A RESPONDER 3 PREGUNTAS
Agrupación
Qué contenidos están relacionados entre sí
Jerarquización
Cuáles contenidos están subordinados
Rotulado
Cómo se nombran los distintos grupos de contenidos
TIPOS DE CARD SORTING
Card Sorting Abierto
CARD SORTING ABIERTO
El usuario puede agrupar las categorías libremente en el número de conjuntos que crea necesario.
Tiene el objetivo de verificar si una clasificación de información es familiar y comprensible.�
Card Sorting Cerrado
CARD SORTING CERRADO
Los grupos están predefinidos y el usuario deberá colocar cada categoría en el grupo que crea corresponda.
Tiene el objetivo de descubrir qué tipo de clasificación de categorías sería más correcto utilizar.
INDIVIDUAL
GRUPAL
Consta de hacer la práctica de forma individual.
Ideal para hacer foco en el usuario
Se realiza en grupo.
Sirve para escuchar la conversaciones entre los usuarios
CUALITATIVO
CUANTITATIVO
Observar a cada usuario y registrar los aspectos relativos a cómo cada usuario organiza las tarjetas.
El procesamiento estadístico de los datos. Es ideal para pruebas de muchos participantes.
PRESENCIAL
REMOTO
Se visualiza el valor del proceso y de los problemas que haya podido ir
encontrando el usuario.
Nos sirve cuando necesitamos hacer una prueba en alguna locación a la que no podemos acceder.
¿QUÉ NECESITAMOS?
Inventario de contenidos
A mano o en excel, armar una lista con todas las secciones y subsecciones que componen o pueden componer la UI. En el caso de que exista ya una AI, se debe llegar como mínimo a un tercer nivel de profundidad.
Definir el perfil del usuario
País, ciudad, edad, sexo, ubicación, etc.
¿QUÉ NECESITAMOS?
Imprimir las tarjetas
El listado del inventario en tarjetas o post-it a razón de un módulo por tarjeta.
Preparar las planillas
También en Excel, para ir registrando los resultados de cada prueba. Los datos que nos interesan son la cantidad de veces que una tarjeta aparece relacionada con otras en un determinado lugar (patrón)
¿QUÉ NECESITAMOS?
Reclutar usuarios
Como mínimo deberán ser 15, y deberán coincidir con el perfil elegido anteriormente
La prueba podrá ser individual o en grupo de 4 personas.
Cada uno con un grupo de tarjetas.
Entregar Tarjetas
A cada usuario se le dará un grupo de tarjetas y se le pedirá que las agrupe, jerarquice, y nombre según consideren más apropiado.
Preguntar
Una vez finalizado, el moderador podrá hacer preguntas para entender ciertas decisiones.
1
2
AHORA SI, REALIZAR LA PRUEBA
Registrar
Se registra la disposición final de las tarjetas
Extraer conclusiones
Creando un listado ordenando las tarjetas de mayor a menor según el porcentaje de veces que hayan aparecido en una categoría.
3
4
AHORA SI, REALIZAR LA PRUEBA
EXTRAER CONCLUSIONES
Este diagrama ayuda a detectar grupos de datos, o grupos de tarjetas que los usuarios han emparejado con mayor frecuencia. Muestra la proporción de veces que se produjeron emparejamientos de tarjetas específicas durante la actividad y muestra el número exacto al pasar el mouse (optimal workshop).
MATRIZ DE SIMILITUD
Extraer conclusiones : Matriz de similitud (Optimal Workshop)
Extraer conclusiones : Matriz de similitud (Optimal Workshop)
La matriz de similitud de Optimal Workshop muestra que las 'sandalias planas' y los 'zapatos de corte' fueron emparejados por el 91% de los participantes (31 veces) en este estudio de ejemplo.
Los dendrogramas también son excelentes para obtener una idea general de cuán similares (o diferentes) fueron los tipos de tarjetas de sus participantes entre sí. Permite visualizar los grupos de contenidos y las etiquetas principales de los participantes en la prueba de Card sorting. A través del dendograma podemos obtener mayor claridad y confianza para tomar decisiones futuras sobre la arquitectura de información.
DENDROGRAMA AAM
Extraer conclusiones : DENDROGRAMA AAM (Optimal Workshop)
Extraer conclusiones : DENDROGRAMA AAM (Optimal Workshop)
El ejemplo que se muestra tenía 34 tipos de tarjetas completadas y el dendrograma de AAM muestra que el 77% de los participantes estuvo de acuerdo en que las tarjetas resaltadas en verde pertenecen juntas y un nombre sugerido para ese grupo es 'Bling'. La información sobre herramientas muestra uno de los posibles nombres de categoría para este grupo.
La información obtenida puede servir para la elaboración de un mapa de sitio, donde muestre la arquitectura de información, identificando secciones principales, subsecciones y las relaciones entre ellas.
EN RESUMEN
¿CÓMO ARMAR LA ARQUITECTURA A PARTIR DE UN CARDSORTING?
VAMOS CON UN EJEMPLO….
TRAMITES
MAPA
FIESTAS
EVENTOS
AGENDA
BARRIOS
SALUD
HISTORIA
DECRETOS
MUSEO
TEATRO
NOTICIAS
ENTRADAS
FOTOS
REGISTRO
CENTRO
OPINIONES
REDES
TURNOS
EMPLEO
MICROS
CONTACTOS
CATEDRAL
CULTURA
JEFATURA
TURISMO
MEDIOS
PARQUES
A PARTIR DE ESAS TARJETAS SE REALIZÓ UN CARDSORTING Y ESTOS FUERON LOS RESULTADOS
RESULTADOS: Dendrogramas AAM (Optimal Workshop)
VEAMOS UNA DE LAS RAMAS DEL DENDROGRAMA. A PARTIR DE AHÍ PODEMOS UBICAR EL NOMBRE DE LAS SECCIONES PRINCIPALES...
RESULTADOS: Dendrogramas AAM (Optimal Workshop)
AHORA LAS SUBSECCIONES Y LAS RELACIONES ENTRE ELLAS
RESULTADOS: Dendrogramas AAM (Optimal Workshop)
VEAMOS SU ANATOMIA
Arquitectura Final
SECCIONES O CATEGORÍAS
Arquitectura Final
SUB-SECCIONES O SUB-CATEGORÍAS
Arquitectura Final
RELACIONES
ENTRE ELLAS
¡PARA PENSAR!
Para realizar una arquitectura de información necesito agrupar, jerarquizar y…..
COMPLETAR LO QUE FALTA
AHORA SI! ¿CÓMO REALIZO MI PRIMER CARDSORTING PARA DEFINIR LA ARQUITECTURA DE INFORMACIÓN?
VAMOS A USAR UNA PLATAFORMA:
OPTIMAL WORKSHOP
OPTIMAL WORKSHOP + WHIMSICAL
ARMANDO LA ARQUITECTURA
Paso a paso
Usar la herramienta OPTIMAL WORKSHOP
Descubra cómo las personas organizan su contenido de una manera que tenga sentido para ellos ejecutando una clasificación de tarjeta abierta, cerrada o híbrida.
1
ELEGIR HERRAMIENTA
Se trata de crear tarjetas según los contenidos del sitio web. Posteriormente se les solicitará a los usuarios participantes de la prueba que las agrupen para ayudarnos a comprender sus modelos mentales.
2
INTRODUCIR LAS TARJETAS
3
Hay que configurar las opciones y preguntas que se realizarán antes y después de realizar la prueba en cuestión. Este tipo de preguntas deben de ayudarnos a poder segmentar por demografía, psicografía, etc.
CONFIGURA LA PRUEBA
4
Esta herramienta proporciona un enlace de la prueba que se puede enviar por correo electrónico a los usuarios y clientes, publicarla en una web o lanzarla a través de las redes sociales.
ENCONTRAR PARTICIPANTES
5
Usar los dendrogramas o la matriz de similitud para sacar conclusiones y estar listo para armar la arquitectura de información
SACAR CONCLUSIONES
OPTIMAL WORKSHOP
ACCEDER
MANOS A LA OBRA, AHORA QUE TENEMOS NUESTRO CARDSORTING VAMOS A HACER NUESTRA ARQUITECTURA EN WHIMSICAL
Herramientas para editar las formas geométricas
Armado de la arquitectura.
WHIMSICAL
ACCEDER
ANTES DE EMPEZAR REFRESQUEMOS CUAL ES EL MVP DE ESTE PROYECTO
ARQUITECTURA DE INFORMACIÓN
Buscar Alquiler
Usuario que desea alquilar
Versión
Lanzamiento
Publicar alojamiento
Usuario que desea poner una propiedad para alquilar
Conectar Usuarios
Chat
Armando la arquitectura
de información
Iremos desarrollando cada una de las partes más importantes en la definición de la arquitectura de información. Primero tomaremos las conclusiones del cardsorting realizado en Optimal Workshop (en este caso el dendrograma AAM). A partir de ahí observaremos cómo se fueron relacionando las tarjetas. Como primer paso definiremos las categorías para, en una segunda instancia, colocar las subcategorias. Por último definiremos los contenidos relacionados a la sub-categoría.
ARQUITECTURA DE INFORMACIÓN
VEAMOS LOS RESULTADOS
DEL CARDSORTING
Cardsorting
DEFINAMOS LAS CATEGORIAS
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
DEFINAMOS LAS SUBCATEGORIAS
Cardsorting
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
RECOMENDACIONES
FILTROS
DEFINAMOS LOS CONTENIDOS RELACIONADOS A LA SUBCATEGORÍA
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
RECOMENDACIONES
FILTROS
- POR UBICACIÓN: ubicación específica, ofertas a cualquier lugar.
- POR FECHAS: fecha especifica, oferta del mes.
- POR CANTIDAD DE HUÉSPEDES: adultos, niños, bebés.
- POR TIPO DE ALOJAMIENTO: casa, departamento, cuarto.
Cardsorting
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
RECOMENDACIONES
FILTROS
- POR UBICACIÓN: ubicación específica, ofertas a cualquier lugar.
- POR FECHAS: fecha especifica, oferta del mes.
- POR CANTIDAD DE HUÉSPEDES: adultos, niños, bebés.
- POR TIPO DE ALOJAMIENTO: casa, departamento, cuarto.
DETALLE DE ALOJAMIENTO
- TIPO DE ALOJAMIENTO
- UBICACIÓN
- CAPACIDAD
- COMODIDADES
- REGLAS
- DESCRIPCIÓN
- FOTOS
- DISTRIBUCIÓN
- PERFIL
- COMENTARIOS
- PRECIOS
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
DATOS PERSONAS
MIS MEDIOS DE PAGO
MEMBRESIA
SER ANFITRIÓN
- NOMBRE
- APELLIDO
- PAIS
- PROFESION
- DEBITO
- CREDITO
- EFECTIVO
- MONEDA ELECTRONICA
- CALENDARIO DE RESERVAS
- MIS PUBLICACIONES
- FREE
- PREMIUM
HISTORIAL DE CONVERSACIONES
NUEVO CHAT
- ARCHIVOS
- ELIMINADOS
- FINALIZADOS
- ULTIMOS CONTACTOS
RECOMENDACIONES
FILTROS
- POR UBICACIÓN: ubicación específica, ofertas a cualquier lugar.
- POR FECHAS: fecha especifica, oferta del mes.
- POR CANTIDAD DE HUÉSPEDES: adultos, niños, bebés.
- POR TIPO DE ALOJAMIENTO: casa, departamento, cuarto.
DETALLE DE ALOJAMIENTO
- TIPO DE ALOJAMIENTO
- UBICACIÓN
- CAPACIDAD
- COMODIDADES
- REGLAS
- DESCRIPCIÓN
- FOTOS
- DISTRIBUCIÓN
- PERFIL
- COMENTARIOS
- PRECIOS
WHIMSICAL
ACCEDER
LLEGÓ EL MOMENTO.. VAMOS A CREAR NUESTRA PROPIA ARQUITECTURA DE INFORMACIÓN
ARQUITECTURA DE INFORMACIÓN
Realizar la arquitectura de información de tu proyecto partiendo de la actividad de Cardsorting que deberás realizar.
ARQUITECTURA DE INFORMACIÓN | ||
Formato: Whimsical (herramienta sugerida para armar la arquitectura de de información), Optimal Workshop (herramienta sugerida para realizar el Card Sorting). Seguir los pasos del ejemplo en vivo. Sugerencia: activar comentarios en el archivo. | | |
� >> Consigna: Realizar la arquitectura de información de tu proyecto partiendo del Card Sorting qué deberás realizar. Tendrás que hacer el cardsorting con al menos 15 personas para obtener información relevante. Para las conclusiones trabajar con la matriz de similitud y/o el dendograma AAM para su armado. | ||
ARQUITECTURA DE INFORMACIÓN | ||
Aspectos a incluir en el entregable del Proyecto de Aula:
| ||
| | |
VER EJEMPLO