arquitectura de la información: más allá de sitemaps y wireframes
TRANSCRIPT
![Page 1: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/1.jpg)
MÁS ALLÁ DE LOS SITEMAPS & WIREFRAMES
ARQUITECTURA DE LA INFORMACIÓN
![Page 2: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/2.jpg)
TACOMA NARROWS, 1940
![Page 3: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/3.jpg)
HAY QUE REPENSAR LA ARQUITECTURA
(DE LA INFORMACIÓN)
![Page 4: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/4.jpg)
TEXTO
EL BUEN DISEÑO DE INTERFACES ES IMPORTANTE, PERO NO ES LA SOLUCIÓN A TODOS LOS PROBLEMAS DE UN PROYECTO
![Page 5: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/5.jpg)
DEFINICIONES
▸ El diseño estructural de ambientes de información compartidos
▸ La síntesis de organización, etiquetado, navegación y búsqueda en ecosistemas físicos, digitales o multi-canal
▸ El arte y la ciencia de dar forma a productos de información que promuevan la encontrabilidad y el entendimiento
▸ Una disciplina emergente que aplica principios de la arquitectura y el diseño a los ambientes digitales
![Page 6: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/6.jpg)
![Page 7: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/7.jpg)
![Page 8: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/8.jpg)
AIORGANIZACIÓN + ETIQUETADO + NAVEGACIÓN + BÚSQUEDA
![Page 9: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/9.jpg)
¿CÓMO VAN A ENCONTRAR LOS USUARIOSLA INFORMACIÓN QUE NECESITAN? ¿ES NECESARIO INCLUIR LA OPCIÓN DE BUSCAR? ¿CÓMO AGRUPAMOS Y CATALOGAMOS LOS CONTENIDOS? ¿CÓMO AYUDAMOS A NUESTROS USUARIOS A ENTENDERY APRENDER A USAR EL SISTEMA? ¿CÓMO AGRUPAMOS Y CATALOGAMOS LOS CONTENIDOS? ¿CÓMO DOCUMENTAMOS EL PROCESO? ¿CUÁLES SON LOS ENTREGABLES?
![Page 10: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/10.jpg)
EMPEZAMOS POR PREGUNTAR, INVESTIGAR, APRENDER (Y DOCUMENTAR NUESTROS APRENDIZAJES)
![Page 11: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/11.jpg)
IDEACIÓN
![Page 12: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/12.jpg)
![Page 13: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/13.jpg)
IDENTIFICAR ESTRUCTURAS Y CONEXIONES
▸ Trasladamos nuestras notas a post-its (una idea por post it)
▸ En una pared grande pegamos los post-its y comenzamos a formar grupos
▸ Añadimos nuestras observaciones e ideas para el producto que vamos a crear
▸ Invitamos a otras personas a colaborar (clientes, miembros de nuestro equipo, etc.)
▸ Iteráramos y refinamos, tratando de identificar las estructuras e interacciones apropiadas para nuestro proyecto
![Page 14: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/14.jpg)
![Page 15: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/15.jpg)
PROTOTIPOS DE TEXTO
▸ Escribimos lo creemos que debería ir en cada página, sección o pantalla
▸ Incluimos nuestras notas con ideas sobre la estructura del sistema
▸ Conectamos las distintas secciones (sólo enlaces, sin interface)
▸ Esto nos permite tener un entendimiento inicial de lo que vamos a hacer y explorar varias ideas rápidamente
▸ Es ideal si podemos contar con algunos ejemplos de contenido realista e incorporarlos en nuestro prototipo
![Page 16: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/16.jpg)
NAVEGACIÓN
![Page 17: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/17.jpg)
![Page 18: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/18.jpg)
DESAFÍOS: AMBIGÜEDAD, HETEROGENEIDAD, DIFERENCIAS
DE PERSPECTIVAS, POLÍTICAS INTERNAS
![Page 19: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/19.jpg)
CARD SORTING
▸ Escribimos en tarjetas palabras que representan los contenidos del sistema (una idea por tarjeta)
▸ Le pedimos a potenciales usuarios que con estas tarjetas hagan grupos que tengan sentido para ellos
▸ Tip: decirles que piensen en voz alta para entender por que en sus cabezas tal y cual concepto están relacionados
▸ Les pedimos que pongan nombre a los grupos
▸ Repetir con varios usuarios, tomar nota de los resultados
▸ Usar estos grupos y los nombres como base para diseñar la navegación y categorías
![Page 20: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/20.jpg)
VALIDAR LA NAVEGACIÓN
▸ Asignamos tareas a nuestros usuario y les pedimos que seleccionen categorías y subcategorías hasta llevar a la sección donde cree que se encontraría la información que están buscando
▸ Les pedimos que piensen en voz alta
▸ Anotamos en qué fallan y por qué
▸ Revisamos y mejoramos la navegación
▸ Testeamos nuevamente
![Page 21: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/21.jpg)
![Page 22: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/22.jpg)
BÚSQUEDA
![Page 23: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/23.jpg)
UNA PREGUNTA Y UNA FORMA DE APRENDIZAJETODA BÚSQUEDA ES
![Page 24: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/24.jpg)
![Page 25: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/25.jpg)
TRABAJAR CON BUSCADORES
▸ Crear zonas de contenido (por audiencia, tema, etc.)
▸ Usar query builders (revisores de ortografía, herramientas fonéticas, variaciones de los términos de búsqueda, etc.)
▸ Usar vocabularios controlados y thesaurus (herramientas semánticas para identificar términos relacionados y ampliar las búsquedas)
▸ Ajustar los algoritmos de búsqueda (recall vs. precisión)
▸ Optimizar manualmente los resultados para los términos más buscados
▸ Optimizar las interfaces de resultados para facilitar la comprensión del contenido
![Page 26: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/26.jpg)
![Page 27: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/27.jpg)
METADATOS
![Page 28: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/28.jpg)
![Page 29: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/29.jpg)
TRABAJAR CON METADATOS
▸ ¿Cuáles metadatos son importantes? Tener en cuenta que vamos a invertir tiempo y recursos en mantenerlos.
▸ ¿Cuáles pueden hacer más robustos nuestros sistemas de búsqueda?
▸ ¿Cuáles podemos extraer automáticamente (ej: fecha de publicación) y cuáles tenemos que ingresar manualmente?
▸ ¿Qué podemos hacer con estos metadatos? Colaborar con el equipo de desarrollo e idear algoritmos que exploten las capacidades del contenido descrito a través de metadatos (ej: formas de identificar contenido relacionado).
![Page 30: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/30.jpg)
![Page 31: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/31.jpg)
SISTEMAS DE INFORMACIÓN
![Page 32: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/32.jpg)
ELEMENTOS INTERCONECTADOS EN PANORAMAS CONSTANTEMENTE CAMBIANTES
![Page 33: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/33.jpg)
RECONOCER LA COMPLEJIDAD,
DISEÑAREN CONTEXTO
![Page 34: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/34.jpg)
![Page 35: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/35.jpg)
CREAR MODELOS PARA OPERAR SOBRE SISTEMAS COMPLEJOS
![Page 36: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/36.jpg)
“LA EXPLICACIÓN ES UN ERROR
BIEN VESTIDO” JULIO CORTÁZAR
![Page 37: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/37.jpg)
HEURÍSTICAS PARA LA ARQUITECTURA DE LA INFORMACIÓN
▸ Generación de espacios
▸ Consistencia
▸ Resilencia
▸ Reducción
▸ Correlación
![Page 38: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/38.jpg)
![Page 39: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/39.jpg)
NO BUSCAR FÓRMULAS,SINO APROPIARSE DE LAS HERRAMIENTAS
![Page 40: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/40.jpg)
![Page 41: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/41.jpg)
@IVANALARCON
![Page 42: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes](https://reader031.vdocumento.com/reader031/viewer/2022030310/58f0e1bb1a28ab50218b459d/html5/thumbnails/42.jpg)