SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
MÁS ALLÁ DE LOS
SITEMAPS & WIREFRAMES
ARQUITECTURA DE LA INFORMACIÓN
TACOMA NARROWS, 1940
HAY QUE REPENSAR
LA ARQUITECTURA

(DE LA INFORMACIÓN)
TEXTO
EL BUEN DISEÑO DE INTERFACES ES IMPORTANTE, PERO NO ES LA
SOLUCIÓN A TODOS LOS PROBLEMAS DE UN PROYECTO
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
AI
ORGANIZACIÓN + ETIQUETADO + NAVEGACIÓN + BÚSQUEDA
¿CÓMO VAN A ENCONTRAR LOS USUARIOS

LA 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 ENTENDER

Y APRENDER A USAR EL SISTEMA?
¿CÓMO AGRUPAMOS Y CATALOGAMOS LOS CONTENIDOS?
¿CÓMO DOCUMENTAMOS EL PROCESO?
¿CUÁLES SON LOS ENTREGABLES?
EMPEZAMOS POR PREGUNTAR, INVESTIGAR, APRENDER

(Y DOCUMENTAR NUESTROS APRENDIZAJES)
IDEACIÓN
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
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
NAVEGACIÓN
DESAFÍOS:
AMBIGÜEDAD, HETEROGENEIDAD, DIFERENCIAS
DE PERSPECTIVAS, POLÍTICAS INTERNAS
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
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
BÚSQUEDA
UNA PREGUNTA Y UNA FORMA DE APRENDIZAJE
TODA BÚSQUEDA ES
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
METADATOS
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).
SISTEMAS DE INFORMACIÓN
ELEMENTOS INTERCONECTADOS EN
PANORAMAS CONSTANTEMENTE CAMBIANTES
RECONOCER LA
COMPLEJIDAD,

DISEÑAR

EN CONTEXTO
CREAR MODELOS PARA OPERAR SOBRE SISTEMAS COMPLEJOS
“LA EXPLICACIÓN ES
UN ERROR

BIEN VESTIDO”
JULIO CORTÁZAR
HEURÍSTICAS PARA LA
ARQUITECTURA DE LA INFORMACIÓN
▸ Generación de espacios
▸ Consistencia
▸ Resilencia
▸ Reducción
▸ Correlación
NO BUSCAR FÓRMULAS,

SINO APROPIARSE DE LAS HERRAMIENTAS
@IVANALARCON
Arquitectura de la Información: Más Allá de Sitemaps y Wireframes

Más contenido relacionado

Destacado

Everything I know about Information Architecture (mostly categorization) in 9...
Everything I know about Information Architecture (mostly categorization) in 9...Everything I know about Information Architecture (mostly categorization) in 9...
Everything I know about Information Architecture (mostly categorization) in 9...Peter Van Dijck
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para webNeser Ideas
 
Presentación arquitectura
Presentación arquitectura Presentación arquitectura
Presentación arquitectura Emanems
 
Métodos de Arquitectura de Información para la organización de contenidos en ...
Métodos de Arquitectura de Información para la organización de contenidos en ...Métodos de Arquitectura de Información para la organización de contenidos en ...
Métodos de Arquitectura de Información para la organización de contenidos en ...mauriciocandamil
 
Worklogs Para La Web - Ampliando las fronteras del Modding en la red
Worklogs Para La Web - Ampliando las fronteras del Modding en la redWorklogs Para La Web - Ampliando las fronteras del Modding en la red
Worklogs Para La Web - Ampliando las fronteras del Modding en la redJuan David Saab
 
Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.Juan David Saab
 
Usabilidad web, porque el cliente NO siempre tiene la razón
Usabilidad web, porque el cliente NO siempre tiene la razónUsabilidad web, porque el cliente NO siempre tiene la razón
Usabilidad web, porque el cliente NO siempre tiene la razónJuan David Saab
 
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Juan David Saab
 
Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de informaciónOmar Sosa-Tzec
 

Destacado (9)

Everything I know about Information Architecture (mostly categorization) in 9...
Everything I know about Information Architecture (mostly categorization) in 9...Everything I know about Information Architecture (mostly categorization) in 9...
Everything I know about Information Architecture (mostly categorization) in 9...
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para web
 
Presentación arquitectura
Presentación arquitectura Presentación arquitectura
Presentación arquitectura
 
Métodos de Arquitectura de Información para la organización de contenidos en ...
Métodos de Arquitectura de Información para la organización de contenidos en ...Métodos de Arquitectura de Información para la organización de contenidos en ...
Métodos de Arquitectura de Información para la organización de contenidos en ...
 
Worklogs Para La Web - Ampliando las fronteras del Modding en la red
Worklogs Para La Web - Ampliando las fronteras del Modding en la redWorklogs Para La Web - Ampliando las fronteras del Modding en la red
Worklogs Para La Web - Ampliando las fronteras del Modding en la red
 
Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.
 
Usabilidad web, porque el cliente NO siempre tiene la razón
Usabilidad web, porque el cliente NO siempre tiene la razónUsabilidad web, porque el cliente NO siempre tiene la razón
Usabilidad web, porque el cliente NO siempre tiene la razón
 
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
 
Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de información
 

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

1. Arquitectura De La Información
1. Arquitectura De La Información1. Arquitectura De La Información
1. Arquitectura De La InformaciónKnowldedge Factory
 
AGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOS
AGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOSAGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOS
AGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOSjorgedo
 
Retórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuanRetórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuangil
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajoXzta Zandi
 
tarea unidad 4
tarea unidad 4tarea unidad 4
tarea unidad 4bri
 
C:\fakepath\necesidades educativas especiales
C:\fakepath\necesidades educativas especialesC:\fakepath\necesidades educativas especiales
C:\fakepath\necesidades educativas especialesnrestrepo14
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVERAntonio Galicia
 
Julio jimenez unidad 4
Julio jimenez unidad 4Julio jimenez unidad 4
Julio jimenez unidad 4Rzty Jmnz
 
Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1mbulas
 
Ux Arquitectura de Información
Ux Arquitectura de InformaciónUx Arquitectura de Información
Ux Arquitectura de InformaciónPaula Gaviria
 
Computacion creativa-con-scratch
Computacion creativa-con-scratchComputacion creativa-con-scratch
Computacion creativa-con-scratchjnavar44
 
Computacion creativa-con-scratch
Computacion creativa-con-scratchComputacion creativa-con-scratch
Computacion creativa-con-scratchArana Paker
 
Computacion creativa-con-scratch
Computacion creativa-con-scratchComputacion creativa-con-scratch
Computacion creativa-con-scratchMaria Jose Salvador
 
2do A Taller de Nazareth-Agustin Palma
2do A Taller de Nazareth-Agustin Palma2do A Taller de Nazareth-Agustin Palma
2do A Taller de Nazareth-Agustin PalmaAgustin Palma
 
Técnicas argumentativas
Técnicas argumentativas Técnicas argumentativas
Técnicas argumentativas legionario09
 

Similar a Arquitectura de la Información: Más Allá de Sitemaps y Wireframes (20)

1. Arquitectura De La Información
1. Arquitectura De La Información1. Arquitectura De La Información
1. Arquitectura De La Información
 
Wireframe 01
Wireframe 01Wireframe 01
Wireframe 01
 
AGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOS
AGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOSAGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOS
AGREGADOR RSS PARA FUENTES WEB. ETIQUETADO, FOLCSONOMÍAS Y METADATOS
 
Clase 3 grupo 4
Clase 3  grupo 4Clase 3  grupo 4
Clase 3 grupo 4
 
Retórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuanRetórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuan
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
tarea unidad 4
tarea unidad 4tarea unidad 4
tarea unidad 4
 
C:\fakepath\necesidades educativas especiales
C:\fakepath\necesidades educativas especialesC:\fakepath\necesidades educativas especiales
C:\fakepath\necesidades educativas especiales
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
 
Julio jimenez unidad 4
Julio jimenez unidad 4Julio jimenez unidad 4
Julio jimenez unidad 4
 
Retórica
RetóricaRetórica
Retórica
 
Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1
 
Ux Arquitectura de Información
Ux Arquitectura de InformaciónUx Arquitectura de Información
Ux Arquitectura de Información
 
Computacion creativa-con-scratch
Computacion creativa-con-scratchComputacion creativa-con-scratch
Computacion creativa-con-scratch
 
Computacion creativa-con-scratch
Computacion creativa-con-scratchComputacion creativa-con-scratch
Computacion creativa-con-scratch
 
Computacion creativa-con-scratch
Computacion creativa-con-scratchComputacion creativa-con-scratch
Computacion creativa-con-scratch
 
2do A Taller de Nazareth-Agustin Palma
2do A Taller de Nazareth-Agustin Palma2do A Taller de Nazareth-Agustin Palma
2do A Taller de Nazareth-Agustin Palma
 
Técnicas argumentativas
Técnicas argumentativas Técnicas argumentativas
Técnicas argumentativas
 
Sinergia recursividad
Sinergia recursividadSinergia recursividad
Sinergia recursividad
 

Más de Iván Alarcón

El diseño como proceso evolutivo
El diseño como proceso evolutivoEl diseño como proceso evolutivo
El diseño como proceso evolutivoIván Alarcón
 
El Futuro del Diseño de Interacciones
El Futuro del Diseño de InteraccionesEl Futuro del Diseño de Interacciones
El Futuro del Diseño de InteraccionesIván Alarcón
 
Diseño de interfaces para Android
Diseño de interfaces para AndroidDiseño de interfaces para Android
Diseño de interfaces para AndroidIván Alarcón
 
Principios de usabilidad y creación de contenido para móviles
Principios de usabilidad y creación de contenido para móvilesPrincipios de usabilidad y creación de contenido para móviles
Principios de usabilidad y creación de contenido para móvilesIván Alarcón
 

Más de Iván Alarcón (6)

El diseño como proceso evolutivo
El diseño como proceso evolutivoEl diseño como proceso evolutivo
El diseño como proceso evolutivo
 
El Futuro del Diseño de Interacciones
El Futuro del Diseño de InteraccionesEl Futuro del Diseño de Interacciones
El Futuro del Diseño de Interacciones
 
Why UX?
Why UX?Why UX?
Why UX?
 
¿Por qué UX?
¿Por qué UX?¿Por qué UX?
¿Por qué UX?
 
Diseño de interfaces para Android
Diseño de interfaces para AndroidDiseño de interfaces para Android
Diseño de interfaces para Android
 
Principios de usabilidad y creación de contenido para móviles
Principios de usabilidad y creación de contenido para móvilesPrincipios de usabilidad y creación de contenido para móviles
Principios de usabilidad y creación de contenido para móviles
 

Último

actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 

Último (14)

actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 

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

  • 1. MÁS ALLÁ DE LOS SITEMAPS & WIREFRAMES ARQUITECTURA DE LA INFORMACIÓN
  • 3. HAY QUE REPENSAR LA ARQUITECTURA
 (DE LA INFORMACIÓN)
  • 4. TEXTO EL BUEN DISEÑO DE INTERFACES ES IMPORTANTE, PERO NO ES LA SOLUCIÓN A TODOS LOS PROBLEMAS DE UN PROYECTO
  • 5. 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
  • 6.
  • 7.
  • 8. AI ORGANIZACIÓN + ETIQUETADO + NAVEGACIÓN + BÚSQUEDA
  • 9. ¿CÓMO VAN A ENCONTRAR LOS USUARIOS
 LA 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 ENTENDER
 Y APRENDER A USAR EL SISTEMA? ¿CÓMO AGRUPAMOS Y CATALOGAMOS LOS CONTENIDOS? ¿CÓMO DOCUMENTAMOS EL PROCESO? ¿CUÁLES SON LOS ENTREGABLES?
  • 10. EMPEZAMOS POR PREGUNTAR, INVESTIGAR, APRENDER
 (Y DOCUMENTAR NUESTROS APRENDIZAJES)
  • 12.
  • 13. 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
  • 14.
  • 15. 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
  • 17.
  • 18. DESAFÍOS: AMBIGÜEDAD, HETEROGENEIDAD, DIFERENCIAS DE PERSPECTIVAS, POLÍTICAS INTERNAS
  • 19. 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
  • 20. 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
  • 21.
  • 23. UNA PREGUNTA Y UNA FORMA DE APRENDIZAJE TODA BÚSQUEDA ES
  • 24.
  • 25. 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
  • 26.
  • 28.
  • 29. 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).
  • 30.
  • 32. ELEMENTOS INTERCONECTADOS EN PANORAMAS CONSTANTEMENTE CAMBIANTES
  • 34.
  • 35. CREAR MODELOS PARA OPERAR SOBRE SISTEMAS COMPLEJOS
  • 36. “LA EXPLICACIÓN ES UN ERROR
 BIEN VESTIDO” JULIO CORTÁZAR
  • 37. HEURÍSTICAS PARA LA ARQUITECTURA DE LA INFORMACIÓN ▸ Generación de espacios ▸ Consistencia ▸ Resilencia ▸ Reducción ▸ Correlación
  • 38.
  • 39. NO BUSCAR FÓRMULAS,
 SINO APROPIARSE DE LAS HERRAMIENTAS
  • 40.