42
MÁS ALLÁ DE LOS SITEMAPS & WIREFRAMES ARQUITECTURA DE LA INFORMACIÓN

Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

Embed Size (px)

Citation preview

Page 1: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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

TACOMA NARROWS, 1940

Page 3: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

HAY QUE REPENSAR LA ARQUITECTURA

(DE LA INFORMACIÓN)

Page 4: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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

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
Page 7: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 8: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

AIORGANIZACIÓN + ETIQUETADO + NAVEGACIÓN + BÚSQUEDA

Page 9: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

¿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

EMPEZAMOS POR PREGUNTAR, INVESTIGAR, APRENDER (Y DOCUMENTAR NUESTROS APRENDIZAJES)

Page 11: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

IDEACIÓN

Page 12: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 13: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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
Page 15: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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

NAVEGACIÓN

Page 17: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 18: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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

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

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
Page 22: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

BÚSQUEDA

Page 23: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

UNA PREGUNTA Y UNA FORMA DE APRENDIZAJETODA BÚSQUEDA ES

Page 24: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 25: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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
Page 27: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

METADATOS

Page 28: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 29: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

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
Page 31: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

SISTEMAS DE INFORMACIÓN

Page 32: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

ELEMENTOS INTERCONECTADOS EN PANORAMAS CONSTANTEMENTE CAMBIANTES

Page 33: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

RECONOCER LA COMPLEJIDAD,

DISEÑAREN CONTEXTO

Page 34: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 35: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

CREAR MODELOS PARA OPERAR SOBRE SISTEMAS COMPLEJOS

Page 36: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

“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

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
Page 39: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

NO BUSCAR FÓRMULAS,SINO APROPIARSE DE LAS HERRAMIENTAS

Page 40: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes
Page 41: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

@IVANALARCON

Page 42: Arquitectura de la Información: Más Allá de Sitemaps y Wireframes