Copia de Clase 6 Arquitectura de Información

Vista previa del material en texto

ARQUITECTURA DE INFORMACIÓN
 Clase 06. DISEÑO UX/UI
Obligatoria siempre. Lleva el ícono y el color del curso (provisto por CH).
RECORDÁ PONER A GRABAR LA CLASE
LO MAS RELEVANTE DE LA CLASE 5
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:
Clase 5
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.
Clase 6
Arquitectura de Información
ARQ. DE INFORMACIÓN
ARMANDO LA ARQUITECTURA
Clase 5
POV & MVP
POV & MVP
DEFINIENDO MI MVP
Clase 7
Userflow
USERFLOW
ARMANDO EL USERFLOW
CRONOGRAMA DEL CURSO
Profundizar sobre los conceptos de la Arquitectura de Información.
Validar el diseño de la arquitectura mediante la tecnica del Card Sorting.
Introducirnos en Whimsical y Optimal Workshop para la realización de la arquitectura y el cardsorting.
OBJETIVOS DE LA CLASE
No va, es para guiar el uso del template.
MAPA DE CONCEPTOS CLASE 6
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
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
Es la disciplina que consiste en organizar, jerarquizar y rotular el contenido de una interfaz.
Usar para slides de imagen completa.
“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
Usar para slides de sólo texto con citas.
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?
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
Estudiar y analizar el panorama completo de nuestro userflow (diagrama de usuarios).
SPOILER DE LA CLASE 7
Disponer, organizar y estructurar la información mediante interacciones y/o microinteracciones.
Seleccionar y presentar los datos en los sistemas interactivos y no interactivos (es decir, cuando el usuario tiene una respuesta y su feedback) así como también cuando se presentan consideraciones de su contexto.
¿QUÉ NOS PERMITE?
Usar para slides de sólo texto con el contenido más importante de la clase. En una presentación de 50 slides usar máximo 5 de estas.
Qué contenidos están relacionados entre sí
AGRUPAR
Cuáles contenidos están subordinados
JERARQUIZAR
Cómo se nombran los grupos de contenidos
ROTULAR
Ejemplo de un producto de la AI: Mapa del sitio
Usar para slides de imagen completa.
¿POR QUÉ ES TAN IMPORTANTE?
LA ARQUITECTURA DE INFORMACIÓN ES LA DISCIPLINA CON MAYOR IMPACTO EN LA USABILIDAD DE UNA INTERFAZ
Usar para slides de sólo texto con el contenido más importante de la clase. En una presentación de 50 slides usar máximo 5 de estas.
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
Usar para slides de texto con imagen.
Análisis de comparables
Arquitectura de Información
Construcción de Personas
Estudio de contexto
Entrevistas cualitativas
Card Sorting
Prototipado iterativo
Evaluación heurística
Pruebas A/B
Pruebas de usabilidad
MÉTODOS DE USER RESEARCH
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.
LOS CONCEPTOS FUNDAMENTALES DE AI
Búsqueda de información
Arquitectura de información
Legibilidad de los textos
Contenido insuficiente o poco claro
Información sobre los productos
Nombre utilizado en las categorías
Disposición de los elementos en la interfaz
Flujo de navegación
Formato de los links
Privacidad y seguridad
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
Usar para slides de sólo texto con el contenido más importante de la clase. En una presentación de 50 slides usar máximo 5 de estas.
¿CÓMO PUEDO GENERAR MI ARQUITECTURA CON INFORMACIÓN VALIDADA?
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
CARD SORTING
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
¿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
Morrón
Frutilla
Lechuga
Sandía
Brócoli
Manzana verde
UN ORDENAMIENTO POSIBLE
Zanahoria
Naranja
Morrón
Frutilla
Lechuga
Sandía
Brócoli
Manzana verde
FRUTAS
VERDURAS
OTRO ORDENAMIENTO POSIBLE
VERDE
NARANJA
Sandía
Naranja
Brócoli
Zanahoria
Lechuga
Manzana
verde
Morrón
Frutilla
 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.
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
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.
Usar para slides de sólo texto con el contenido más importante de la clase. En una presentación de 50 slides usar máximo 5 de estas.
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.
CARD SORTING
Técnica de ordenamiento de tarjetas
Usar para slides de imagen completa.
Simple
Económico
Rápido
Comprobado
Involucra a los usuarios
Fiable
VENTAJAS
No considera las tareas
Resultados variables
Análisis de datos lento
Puede captar características superficiales
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
Usar para slides de texto con iconos. Sacar íconos de https://www.flaticon.com/
TIPOS DE CARD SORTING
Card Sorting Abierto
Usar para slidesde imagen completa.
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 ABIERTO
Card Sorting Cerrado
Usar para slides de imagen completa.
Los grupos están predefinidos y el usuario únicamente 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.
CARD SORTING CERRADO
INDIVIDUAL
GRUPAL
Consta de hacer la práctica de forma individualmente. 
Ideal para hacer foco en el usuario
Se realiza en grupo.
Sirve para escuchar la conversaciones entre los usuarios
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
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.
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
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.
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
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 pruebas podrá ser individual o en grupo de 4 personas. 
Cada uno con un grupo de tarjetas.
¿QUÉ NECESITAMOS?
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
Usar para slides de texto con gráfico de etapas/pasos.
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
Usar para slides de texto con gráfico de etapas/pasos.
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íficos durante la actividad y muestra el número exacto al pasar el mouse (optimal workshop).
MATRIZ DE SIMILITUD
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
Extraer conclusiones : Matriz de similitud (Optimal Workshop)
Usar para slides de imagen completa.
Extraer conclusiones : Matriz de similitud (Optimal Workshop)
La matriz de similitud de OptimalSort 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.
Usar para slides de imagen completa.
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
Usar para slides de sólo texto. Si no alcanza, no sobrecargar, usar otra con el mismo título para indicar que continúa el mismo módulo.
Extraer conclusiones : DENDROGRAMA AAM (Optimal Workshop)
Usar para slides de imagen completa.
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.
Usar para slides de imagen completa.
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
Usar para slides de sólo texto con el contenido más importante de la clase. En una presentación de 50 slides usar máximo 5 de estas.
¿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
Usar para slides de imagen completa.
A PARTIR DE ESAS TARJETAS SE REALIZÓ UN CARDSORTING Y ESTOS FUERON LOS RESULTADOS
RESULTADOS: Dendrogramas AAM (Optimal Workshop)
Usar para slides de imagen completa.
VEAMOS UNA DE LAS RAMAS DEL DENDROGRAMA. A PARTIR DE AHÍ PODEMOS UBICAR EL NOMBRE DE LAS SECCIONES PRINCIPALES...
RESULTADOS: Dendrogramas AAM (Optimal Workshop)
Usar para slides de imagen completa.
AHORA LAS SUBSECCIONES Y LAS RELACIONES ENTRE ELLAS
RESULTADOS: Dendrogramas AAM (Optimal Workshop)
Usar para slides de imagen completa.
VEAMOS SU ANATOMIA
Arquitectura Final
SECCIONES O CATEGORÍAS
Usar para slides de imagen completa.
Arquitectura Final
SUB-SECCIONES O SUB-CATEGORÍAS
Usar para slides de imagen completa.
Arquitectura Final
RELACIONES
ENTRE ELLAS
Usar para slides de imagen completa.
¡PARA PENSAR!
Para realizar una arquitectura de información necesito agrupar, jerarquizar y…..
COMPLETAR LO QUE FALTA
CONTESTA LA ENCUESTA DE ZOOM
COMPLETAR LO QUE FALTA
Duración estimada: 3 minutos
Espacio: Encuesta Zoom
El docente deberá habilitar esta encuesta desde poll zoom para que los alumnos respondan. Esto es una actividad de comprobación.
NOTA: retomar y mostrar los resultados de la encuesta a los estudiantes al volver el break. 
Pregunta: Para realizar una arquitectura de información necesito agrupar, jerarquizar y…..
Opciones:
MAPEAR
ROTULAR
MARCAR
DETALLAR
☕ BREAK
¡5/10 MINUTOS Y VOLVEMOS!
Obligatoria siempre.
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
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
ARMANDO LA ARQUITECTURA
Paso a paso
Armado de Arquitectura de Información: Paso a paso
Duración estimada: 60 minutos (15 minutos aprox para explicar whimsical, 15 minutos aprox para explicar optimal workshop y 30 minutos aprox para realizar la Arquitectura de Información).
Herramientas: Optimal Workshop (para el Card Sorting) - Whimsical (para la arquitectura).
Consigna:El docente realizará la arquitectura de información partiendo de los datos del Card Sorting. Antes de empezar la actividad deberá mostrar brevemente como funciona la plataforma Optimal Workshop para realizar un Cardsorting y de whimsical para el armado de la arquitectura de información. Se presenta el Dendrogramas AAM como base para la generación de la arquitectura. En primera instancia deberá quedar claro cuáles son las categorías elegidas y por qué. Luego, en una segunda instancia, definir las subcategorías y qué relación tienen con las categorías elegidas. y por último, los contenidos relacionados a las subcategorias. De esta manera quedará armado la arquitectura de información. Por último debe quedar claro qué el proceso qué se hizo fue AGRUPAR, JERARQUIZAR y ROTULAR. 
NOTA: Primero deberá mostrar los slides y luego ir al programa para la visualización (se puede ayudar de un tutor para realizar esta instancia).
¿Cómo llevar adelante la actividad?
Paso 1: Explicar el paso a paso de como utilizar optimal workshop. Prestar atención a la configuración (ingreso de tarjetas, títulos, mensajes de bienvenida y cierre, mensajes del paso a paso para los usuarios que hagan el cardsorting).
Paso 2: Recordar los dos gráficos que nos servirán para obtener conclusiones en su armado (Dendrogramas AAM y Matriz de Similitud). 
Paso 3: Explicar los puntos más importantes del Whimsical (uso de las cajas, como editarlas, cambio de color, uso de las líneas para conectar). 
ACA TERMINA LA EXPLICACIÓN DE OPTIMAL Y WHIMSICAL
Paso 4: Para comenzar a realizar el cardsorting primero deberas refrescar el MVP (mantenernos con pocas funcionalidades).
A partir de acá se comenzará a crear la arquitectura de información:
Paso 5: Hablar brevemente de los datos obtenidos del cardsorting. El dendrograma de ejemplo te ayudara a definir las categorias, subcategorias y detalle de las mismas. 
Paso 6: Definir las categorías a partir del dendograma. 
Paso 7: Definir las subcategorías a partir del dendograma. 
Paso 8: Colocar dentro de cada subcategoría los contenidos relacionados con el mismo. 
Usar la herramienta OPTIMALSORT
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
Armado de Arquitectura de Información: Paso a paso
Duración estimada: 60 minutos (15 minutos aprox para explicar whimsical, 15 minutos aprox para explicar optimal workshop y 30 minutos aprox para realizar la Arquitectura de Información).
Herramientas: Optimal Workshop (para el Card Sorting) - Whimsical (para la arquitectura).
Consigna: El docente realizará la arquitectura de información partiendo de los datos del Card Sorting. Antes de empezar la actividad deberá mostrar brevemente cómo funciona la plataforma Optimal Workshop para realizar un Cardsorting y de whimsical para el armado de la arquitectura de información. Se presenta el Dendrogramas AAM como base para la generación de la arquitectura. En primera instancia deberá quedar claro cuáles son las categorías elegidas y por qué. Luego, en una segunda instancia, definir las subcategorías y qué relación tienen con las categorías elegidas. y por último, los contenidos relacionados a las subcategorias. De esta manera quedará armado la arquitectura de información. Por último debe quedar claro qué el proceso qué se hizo fue AGRUPAR, JERARQUIZAR y ROTULAR. 
NOTA: Primero deberá mostrar los slide y luego ir al programa para la visualización (se puede ayudar de un tutor para realizar esta instancia).
¿Cómo llevar adelante la actividad?
Paso 1: Explicar el paso a paso de como utilizar optimal workshop. Prestar atención a la configuración (ingreso de tarjetas, títulos, mensajes de bienvenida y cierre, mensajes del paso a paso para los usuarios que hagan el cardsorting).
Paso 2: Recordar los dos gráficos que nos servirán para obtener conclusiones en su armado (Dendrogramas AAM y Matriz de Similitud). 
Paso 3: Explicar los puntos más importantes del Whimsical (uso de las cajas, como editarlas, cambio de color, uso de las líneas para conectar). 
ACA TERMINA LA EXPLICACIÓN DE OPTIMAL Y WHIMSICAL
Paso 4: Para comenzar a realizar el cardsorting primero deberas refrescar el MVP (mantenernos con pocas funcionalidades).
A partir de acá se comenzará a crear la arquitectura de información:
Paso 5: Hablar brevemente de los datos obtenidos del cardsorting. El dendrograma de ejemplo te ayudara a definir las categorias, subcategorias y detalle de las mismas. 
Paso 6: Definir las categorías a partir del dendograma. 
Paso 7: Definir las subcategorías a partir del dendograma. 
Paso 8: Colocar dentro de cada subcategoría los contenidos relacionados con el mismo. 
MANOS A LA OBRA, AHORA QUE TENEMOS NUESTRO CARDSORTING VAMOS A HACER NUESTRA ARQUITECTURA EN WHIMSICAL
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
Herramientas para editar las formas geométricas
Usar para slides de imagen completa.
Armado de la arquitectura.
Usar para slides de imagen completa.
WHIMSICAL
ACCEDER
Armado de Arquitectura de Información: Paso a paso
Duración estimada: 60 minutos (15 minutos aprox para explicar whimsical, 15 minutos aprox para explicar optimal workshop y 30 minutos aprox para realizar la Arquitectura de Información).
Herramientas: Optimal Workshop (para el Card Sorting) - Whimsical (para la arquitectura).
Consigna: El docente realizará la arquitectura de información partiendo de los datos del Card Sorting. Antes de empezar la actividad deberá mostrar brevemente cómo funciona la plataforma Optimal Workshop para realizar un Cardsorting y de whimsical para el armado de la arquitectura de información. Se presenta el Dendrogramas AAM como base para la generación de la arquitectura. En primera instancia deberá quedar claro cuáles son las categorías elegidas y por qué. Luego, en una segunda instancia, definir las subcategorías y qué relación tienen con las categorías elegidas. y por último, los contenidos relacionados a las subcategorias. De esta manera quedará armado la arquitectura de información. Por último debe quedar claro qué el proceso qué se hizo fue AGRUPAR, JERARQUIZAR y ROTULAR. 
NOTA: Primero deberá mostrar los slide y luego ir al programa para la visualización (se puede ayudar de un tutor para realizar esta instancia).
¿Cómo llevar adelante la actividad?
Paso 1: Explicar el paso a paso de como utilizar optimal workshop. Prestar atención a la configuración (ingreso de tarjetas, títulos, mensajes de bienvenida y cierre, mensajes del paso a paso para los usuarios que hagan el cardsorting).
Paso 2: Recordar los dos gráficos que nos servirán para obtener conclusiones en su armado (Dendrogramas AAM y Matriz de Similitud). 
Paso 3: Explicar los puntos más importantes del Whimsical (uso de las cajas, como editarlas, cambio de color, uso de las líneas para conectar). 
ACA TERMINA LA EXPLICACIÓN DE OPTIMAL Y WHIMSICAL
Paso 4: Para comenzar a realizar el cardsortingprimero deberas refrescar el MVP (mantenernos con pocas funcionalidades).
A partir de acá se comenzará a crear la arquitectura de información:
Paso 5: Hablar brevemente de los datos obtenidos del cardsorting. El dendrograma de ejemplo te ayudara a definir las categorias, subcategorias y detalle de las mismas. 
Paso 6: Definir las categorías a partir del dendograma. 
Paso 7: Definir las subcategorías a partir del dendograma. 
Paso 8: Colocar dentro de cada subcategoría los contenidos relacionados con el mismo. 
ANTES DE EMPEZAR REFRESQUEMOS CUAL ES EL MVP DE ESTE PROYECTO
ARQUITECTURA DE INFORMACIÓN
Armado de Arquitectura de Información: Paso a paso
Duración estimada: 60 minutos (15 minutos aprox para explicar whimsical, 15 minutos aprox para explicar optimal workshop y 30 minutos aprox para realizar la Arquitectura de Información).
Herramientas: Optimal Workshop (para el Card Sorting) - Whimsical (para la arquitectura).
Consigna: El docente realizará la arquitectura de información partiendo de los datos del Card Sorting. Antes de empezar la actividad deberá mostrar brevemente cómo funciona la plataforma Optimal Workshop para realizar un Cardsorting y de whimsical para el armado de la arquitectura de información. Se presenta el Dendrogramas AAM como base para la generación de la arquitectura. En primera instancia deberá quedar claro cuáles son las categorías elegidas y por qué. Luego, en una segunda instancia, definir las subcategorías y qué relación tienen con las categorías elegidas. y por último, los contenidos relacionados a las subcategorias. De esta manera quedará armado la arquitectura de información. Por último debe quedar claro qué el proceso qué se hizo fue AGRUPAR, JERARQUIZAR y ROTULAR. 
NOTA: Primero deberá mostrar los slide y luego ir al programa para la visualización (se puede ayudar de un tutor para realizar esta instancia).
¿Cómo llevar adelante la actividad?
Paso 1: Explicar el paso a paso de como utilizar optimal workshop. Prestar atención a la configuración (ingreso de tarjetas, títulos, mensajes de bienvenida y cierre, mensajes del paso a paso para los usuarios que hagan el cardsorting).
Paso 2: Recordar los dos gráficos que nos servirán para obtener conclusiones en su armado (Dendrogramas AAM y Matriz de Similitud). 
Paso 3: Explicar los puntos más importantes del Whimsical (uso de las cajas, como editarlas, cambio de color, uso de las líneas para conectar). 
ACA TERMINA LA EXPLICACIÓN DE OPTIMAL Y WHIMSICAL
Paso 4: Para comenzar a realizar el cardsorting primero deberas refrescar el MVP (mantenernos con pocas funcionalidades).
A partir de acá se comenzará a crear la arquitectura de información:
Paso 5: Hablar brevemente de los datos obtenidos del cardsorting. El dendrograma de ejemplo te ayudara a definir las categorias, subcategorias y detalle de las mismas. 
Paso 6: Definir las categorías a partir del dendograma. 
Paso 7: Definir las subcategorías a partir del dendograma. 
Paso 8: Colocar dentro de cada subcategoría los contenidos relacionados con el mismo. 
Buscar Alquiler
Usuario que desea alquilar
Buscar alquiler por ubicación y fechas o ofertas
Reservar alquiler por un mediano plazo
Versión
Lanzamiento
Publicar alojamiento
Usuario que desea poner una propiedad para alquilar
Publicar alojamiento
Aceptar reserva de alquiler
Conectar Usuarios
Chat 
Chat entre inquilino y anfitrión
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
Armado de Arquitectura de Información: Paso a paso
Duración estimada: 60 minutos (15 minutos aprox para explicar whimsical, 15 minutos aprox para explicar optimal workshop y 30 minutos aprox para realizar la Arquitectura de Información).
Herramientas: Optimal Workshop (para el Card Sorting) - Whimsical (para la arquitectura).
Consigna: El docente realizará la arquitectura de información partiendo de los datos del Card Sorting. Antes de empezar la actividad deberá mostrar brevemente cómo funciona la plataforma Optimal Workshop para realizar un Cardsorting y de whimsical para el armado de la arquitectura de información. Se presenta el Dendrogramas AAM como base para la generación de la arquitectura. En primera instancia deberá quedar claro cuáles son las categorías elegidas y por qué. Luego, en una segunda instancia, definir las subcategorías y qué relación tienen con las categorías elegidas. y por último, los contenidos relacionados a las subcategorias. De esta manera quedará armado la arquitectura de información. Por último debe quedar claro qué el proceso qué se hizo fue AGRUPAR, JERARQUIZAR y ROTULAR. 
NOTA: Primero deberá mostrar los slide y luego ir al programa para la visualización (se puede ayudar de un tutor para realizar esta instancia).
¿Cómo llevar adelante la actividad?
Paso 1: Explicar el paso a paso de como utilizar optimal workshop. Prestar atención a la configuración (ingreso de tarjetas, títulos, mensajes de bienvenida y cierre, mensajes del paso a paso para los usuarios que hagan el cardsorting).
Paso 2: Recordar los dos gráficos que nos servirán para obtener conclusiones en su armado (Dendrogramas AAM y Matriz de Similitud). 
Paso 3: Explicar los puntos más importantes del Whimsical (uso de las cajas, como editarlas, cambio de color, uso de las líneas para conectar). 
ACA TERMINA LA EXPLICACIÓN DE OPTIMAL Y WHIMSICAL
Paso 4: Para comenzar a realizar el cardsorting primero deberas refrescar el MVP (mantenernos con pocas funcionalidades).
A partir de acá se comenzará a crear la arquitectura de información:
Paso 5: Hablar brevemente de los datos obtenidos del cardsorting. El dendrograma de ejemplo te ayudara a definir las categorias, subcategorias y detalle de las mismas. 
Paso 6: Definir las categorías a partir del dendograma. 
Paso 7: Definir las subcategorías a partir del dendograma. 
Paso 8: Colocar dentro de cada subcategoría los contenidos relacionados con el mismo. 
VEAMOS LOS RESULTADOS
DEL CARDSORTING
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
Cardsorting
DEFINAMOS LAS CATEGORIAS
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
DEFINAMOS LAS SUBCATEGORIAS
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
Cardsorting
HOME
PERFIL
CHAT
BUSCAR ALQUILER
MIS RESERVAS
RECOMENDACIONES
FILTROS
DEFINAMOS LOS CONTENIDOS RELACIONADOS A LA SUBCATEGORÍA
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
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
Armado de Arquitectura de Información: Paso a paso
Duración estimada: 60 minutos (15 minutos aprox para explicar whimsical, 15 minutos aprox para explicar optimal workshop y 30 minutos aprox para realizar la Arquitectura de Información).
Herramientas: Optimal Workshop (para el Card Sorting) - Whimsical (para la arquitectura).
Consigna: El docente realizará la arquitectura de información partiendo de los datos del Card Sorting. Antes de empezar la actividad deberá mostrar brevemente cómo funciona la plataforma Optimal Workshop para realizar un Cardsorting y de whimsical para el armado de la arquitectura de información. Se presenta el Dendrogramas AAM como base para la generación de la arquitectura. En primera instancia deberá quedar claro cuáles son las categorías elegidas y por qué. Luego, en una segunda instancia, definir las subcategorías y qué relación tienen con las categorías elegidas. y por último, los contenidos relacionados a las subcategorias. De esta manera quedará armado la arquitectura de información. Por último debe quedar claro qué el proceso qué se hizo fue AGRUPAR, JERARQUIZAR y ROTULAR. 
NOTA: Primero deberá mostrar los slide y luego ir al programa para la visualización (se puede ayudar de un tutor para realizar esta instancia).
¿Cómo llevar adelante la actividad?
Paso 1: Explicar el paso a paso de como utilizar optimal workshop. Prestar atención a la configuración (ingreso de tarjetas, títulos, mensajes de bienvenida y cierre, mensajes del paso a paso para los usuarios que hagan el cardsorting).
Paso 2: Recordar los dos gráficos que nos servirán para obtener conclusiones en su armado (Dendrogramas AAM y Matriz de Similitud). 
Paso 3: Explicar los puntos más importantes del Whimsical (uso de las cajas, como editarlas, cambio de color, uso de las líneas para conectar). 
ACA TERMINA LA EXPLICACIÓN DE OPTIMAL Y WHIMSICAL
Paso 4: Para comenzar a realizar el cardsorting primero deberas refrescar el MVP (mantenernos con pocas funcionalidades).
A partir de acá se comenzará a crear la arquitectura de información:
Paso 5: Hablar brevemente de los datos obtenidos del cardsorting. El dendrograma de ejemplo te ayudara a definir las categorias, subcategorias y detalle de las mismas. 
Paso 6: Definir las categorías a partir del dendograma. 
Paso 7: Definir las subcategorías a partir del dendograma. 
Paso 8: Colocar dentro de cada subcategoría los contenidos relacionados con el mismo. 
LLEGÓ EL MOMENTO.. VAMOS A CREAR NUESTRA PROPIA ARQUITECTURA DE INFORMACIÓN
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
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), generar un nuevo archivo con el nombre “Arquitectura+Apellido”. Se puede copiar el link en un archivo .doc o .ppt para subir a la plataforma o adjuntar el link directo en la entrega. 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. Habrá un canal de Slack específico de Coder para que puedas subir tu URL. 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:
Realizar la actividad de Card Sorting abierto para observar cómo los usuarios organizan los contenidos. Tendrás disponible un canal de slack (#CardsortingCoder) donde podrás colocar tu url y otros compañeros puedan realizar la actividad. Recordá armar cada una de las instancias de la actividad (saludo inicial, reglas, el paso a paso y el saludo final).
El uso correcto de por lo menos 3 jerarquías de información:
Categorías / Secciones
Subcategorías / Subsecciones
Detalle de subcategoría / subsecciones
Usar la Matriz de similitud o Dendrogramas AAM para extraer conclusiones. 
Con la información y las conclusiones del Card Sorting construí tu arquitectura de información. Recordá primero definir las categorías, luego las subcategorías y por último los contenidos relacionados a las subcategorias.
		
			
 VER EJEMPLO
¡IMPORTANTE!
Los desafíos tienen fecha de entrega 7 días después de finalizada la clase. Te sugerimos llevar las entregas al día. 
Usar para slides de sólo texto con el contenido más importante de la clase. En una presentación de 50 slides usar máximo 5 de estas.
¿QUERÉS SABER MAS? TE DEJAMOS BIBLIOGRAFÍA AMPLIADA DE LA CLASE 6
Usar para los módulos más importantes de la clase, donde se introducen conceptos que se ven en varios módulos. No hay que usarla para todos los módulos.
UX Booth (2015). «Complete Beginner’s Guide to Information Architecture» [artículo en línea]. 
IA Institute. «IA Institute Resource Library» [en línea].
LIBROS
Los libros los encontrarás en nuestro repositorio.
Usar para que los estudiantes puedan explorar en sus casas los recursos vistos en clase: artículos, herramientas, websites, videos.
¿PREGUNTAS?
Obligatoria siempre.
¡MUCHAS GRACIAS!
Resumen de lo visto en clase hoy:
Profundizar sobre los conceptos de la Arquitectura de Información.
Validar el diseño de la arquitectura mediante la tecnica del Card Sorting.
Introducirnos en Whimsical y Optimal Workshop para la realización de la arq y el cardsorting.
Obligatoria siempre. Completar el resumen con palabras claves de lo visto.
OPINÁ Y VALORÁ ESTA CLASE
Obligatoria siempre.