Experto universitario:

Diseño de experiencia
de usuario e
interacciones (UX y IxD)
Módulo 2:

Técnicas y herramientas

Unidad 1:

Estructura e información
Presentación
En esta unidad veremos cómo se debe organizar la información y por ende técnicas
de arquitectura de la misma. Se verán los diferentes modelos, como también la
utilización de la técnica de cardsorting para poner generar un sistema basado en los
usuarios.
Objetivos
Que los participantes logren…

● Comprender la importancia de ordenar y estructurar los contenidos

● Conocer los diferentes tipos de contenidos y formatos.
● Entender y poder aplicar las técnicas de cardsorting.
Bloques temáticos
1. Arquitectura de la información.
2. Diagramas y técnicas.
3. Card Sorting
 1. Arquitectura de la información
O’Reilly en su libro “Arquitectura de la información” dice que no puede negarse que
la cantidad de información hoy en día es mucho más abundante de lo que solía ser,
pero también lo es el acceso a la misma. Ésto no sólo hace que la vida de las
personas mejore en muchos casos, sino que también presenta nuevos desafíos:
mucha información en tantos lados puede dificultar tanto la búsqueda como el
entendimiento de lo que se encontró. Morville y Rosenfeld, definen en el libro que
“El arquitecto de información es la persona que debe identificar la misión (los
objetivos) y la visión (las expectativas de los usuarios) de la página web,
determinar los contenidos y funcionalidades de la página, facilitar el acceso
mediante sistemas de organización, etiquetado, navegación y búsqueda y planificar
en previsión de futuras modificaciones y crecimiento de la página.”

A partir de la metodología que propone Jesse James Garret de trabajo, se utilizará

ésta como guía: la idea es comenzar con la definición de los objetivos del sitio y qué
quieren los usuarios, definir los requerimientos de sistema y de contenido. Luego
desarrollar la Arquitectura de la la información (AI), para poder continuar con el
diseño de interacción y la jerarquía de los contenidos (es aquí donde comienza a
armarse el wireframe). Llegando a la instancia final, que es el diseño de visual.

“Durante la fase de “estrategia” se deben identificar los objetivos, en la

fase de “alcance” las necesidades de los usuarios, en la fase de
“estructura” especificar las funcionalidades y requerimientos de la web,
en la fase de “esqueleto” el diseño de los sistemas de navegación,
organización, etiquetado y búsqueda y en la fase de “interfaz” prototipar
la página.”

Estrategia = identificar objetivos,

alcance = necesidades de usuarios,
estructura = funcionalidades y requerimientos de la web,
esqueleto = diseño de sist. nav. organizar, etiquetado, busqueda
interfaz = prototipar la pagina
Definición de arquitectura de la información:

“Definimos arquitectura de la información como el arte y ciencia de

organizar y etiquetar, sitios web, intranets, comunidades on-line y
software para ayudar a que sean más usables y encontrables.”

www.iainstitute.org

AI es el conjunto de tareas que implican la categorización y clasificación del

universo de información que abarca el sistema. Esto permite la recuperación de la
información a través de la navegación o de la búsqueda, como así también definir y
ordenar el contenido para hacer más fácil para el uso y ubicación de los elementos
por parte del usuario.

Asimismo permite dividir en grupos todos los documentos y contenidos, a partir de

la relación entre los grandes temas que abarca el sitio.

Mordecki D., Miro y Entiendo, Uruguay, Mastergraf; 2012

Una buena definición de categorías debe cumplir que:

● Las categorías sean mutuamente excluyentes. lo que esta en uno no puede estar en la otra

● Tengan una jerarquía equivalente. todas ordenadas por ejemplo alfabeticamente

● Abarquen todo el universo de contenido. entre todas la categorias deben contener todo

Las categorías pueden dividirse en subcategorías y así sucesivamente, formando

una estructura de árbol o pirámide que recibe el nombre de taxonomía.

La AI no es la simple navegación, abarca aspectos de usabilidad, interacción, diseño

visual y contenidos.

En este sentido es que la arquitectura abarca aspectos más amplios que la

navegación propiamente dicha, desde la identificación y definición del contenido del
sitio, hasta la organización, la estructura y la nomenclatura que define las relaciones
entre el contenido y la funcionalidad de ese producto o servicio digital.

Richard Saul Wurman, en 1975, define que el Arquitecto de Información es “la

persona que organiza los patrones inherentes a la información, haciendo entendible
lo complejo” o también, que es “una persona que crea un mapa de información que
permite a otros encontrar su vía personal hacia el conocimiento”.

Louis Rosenfeld y Peter Morville, quienes en febrero de 1988 publicaron

“Information Architecture for the World Wide Web” tuvieron discrepancias con las
definiciones de Wurman, ya que muchas de sus definiciones no se adaptan
correctamente a los avances de la tecnología, como por ejemplo internet.
Ellos plantean que la Arquitectura de Información se define a través de estas tres
frases:

● La combinación de esquemas de organización, etiquetado y navegación,

dentro de un sistema de información.

● El diseño estructural de un espacio de información para facilitar la

terminación de tareas y el acceso intuitivo al contenido.

● El arte y la ciencia de estructurar y clasificar sitios web e intranets, para

ayudar a las personas a encontrar y administrar información.

Respecto de qué tareas debería desarrollar un arquitecto de información, en el libro

plantean definiciones muy concretas al respecto:

● Aclarar la misión y la visión del sitio, haciendo un balance entre las

necesidades de la organización que lo impulsa y las necesidades de sus
audiencias.

● Determinar qué contenidos y funcionalidades deberá contener el sitio.

● Especificar cómo buscarán información en el sitio los usuarios, mediante la

definición de sus sistemas de organización, navegación, etiquetado y
búsqueda.

● Proyectar cómo se acomodará el sitio al cambio y el crecimiento a lo largo

del tiempo.
Nathan Shedroff, en el 2001 publica el libro “Experience Design 1”. Este autor no se
refiere al término de Arquitectura de la información sino al de “Diseño de
Información”, poniendo el acento en la experiencia del usuario más que en las partes
o los medios que se usan para construirla. Afirma que cree que la Edad de la
Información sólo está comenzando y que hemos estado en la Edad de los Datos.
Añade que el diseño de las interfaces se basa en la interacción entre 3 disciplinas
como diseño de información, diseño de interacción y diseño visual, no pudiendo
separar esta relación.

Por otra parte, Steve Krug indica que las pantallas deben evitar hacer pensar al
usuario: “Esto significa que tanto como sea humanamente posible, cuando mire una
página web debería ser auto evidente, obvia, autoexplicativa y debería ser posible
entenderla –de qué se trata y cómo se usa- sin hacer esfuerzos en pensar al
respecto”.

¿Por qué es necesaria?

● Evitación de costos por no encontrar la información: esto puede implicar
desde tiempo del usuario o búsquedas erróneas.

● Ahorro de costos de mantenimiento y entrenamiento.

● Valor de la marca añadido.

¿Qué tareas realiza un Arquitecto de Información?
● Research.

● Creación de flujos de navegación.

● Wireframing.

● Diseño de la información.

Fuente: pixabay.com

La Arquitectura de la Información es una parte del Diseño UX

A partir del concepto de ecología de la información compuesta por usuarios,
contexto y contenidos, Rosenfeld plantea el diagrama de Venn para poder dar una
mejor comprensión a estas relaciones.
Figure 2-6. e infamous three circles of information architecture - Rosenfeld, L.; Morville, P.;
Arango, J., Information Architecture for the Web and Beyond, Sebastopol, O’Reilly, 2015 (4°
edición).

Definir y comprender estos 3 círculos va a permitir pensar preguntas un poco más

profundas:

- Con qué tipo de búsqueda y métodos de evaluación hay que estar

familiarizado?
- Qué tipo de personas deben estar a cargo del diseño de la arquitectura de la
información?
- Qué tipo de libros y referencias son necesarias para el área específica y
campo de práctica?
Contexto: objetivos del negocio, política, cultura, tecnología, recursos y
restricciones.

Todos los productos y proyectos digitales existen en un modelo

organizacional o son parte de un negocio. El sólo hecho de estar en
este

contexto, viene ya cargado de un una misión y visión de empresa,

como también de goles y objetivos a cumplir, de un equipo de trabajo,
de infraestructura física y tecnológica, como también de un
presupuesto. Cada organización tendrá sus particularidades, pero son
inherentes a la misma. La arquitectura de la información deberá estar
entonces alineada con esta “cultura” de empresa. El éxito estará dado
en el orden y uso de conceptos que se utilicen, y que justamente la
arquitectura de la información esté de manera correcta alineada con
los objetivos y estrategia de la empresa. Otro elemento a tener en
consideración es el uso de plataformas, y cuál va a ser el contexto de
uso del producto o servicio, ya que no es lo mismo un dispositivo móvil,
que un monitor de gran tamaño, o una pantalla dentro de un cajero
automático.

Contenido
Tipos de data y contenidos, objetos, volumen, estructura existente.

En resumen, es todo aquello que los usuarios pueden encontrar en los sistemas de
la empresa. Cuando hablamos de información y contenido, debemos considerar
ciertos factores:

Propiedad: ¿Quién crea el contenido? ¿Cuánto contenido es externo y cuánto es

propio? ¿Qué contenido es producido por la empresa, y qué contenido es producido
por los mismos usuarios?
Formato: Bases de datos, catálogos de productos, fichas técnicas, reportes técnicos,
videos, imágenes, y otros tipos información.

Estructura: No todos los documentos están creados de la misma manera. Un

resumen deberá tener menos de 100 palabras, y un manual técnico puede tener
1000 páginas. Los sistemas deberán considerar esta variable como un elemento
estructural de suma importancia.

Metadata: Los documentos fueron taggeados de forma automática o manual?

¿Fueron creados en el sistema o son externos? ¿Cuál es el nivel de consistencia y
calidad? ¿Hay vocabulario específico? ¿Los usuarios pueden taggear el contenido?

Volumen: ¿Cuál es la totalidad del contenido que está manejando? cuántas

aplicaciones? ¿Cuán grande es el sistema?

Dinamismo: ¿Cuál es la tasa de crecimiento? ¿Cuánto contenido será incorporado

por año? ¿Cuánto tiempo estará viable?

Al considerar el contenido, estas dimensiones son únicas para cada tipo de

aplicación y suponen entonces una personalizada arquitectura de información.

Usuarios
Audiencia, tareas, necesidades, comportamiento, experiencia.

Lo más importante que hay que saber cuándo se habla de usuarios, es que se habla
de personas. Estas personas entonces están llenas de deseos, necesidades, dudas y
así también de debilidades. Morville define a los usuarios como “la gente que va a
usar el entorno de la información”. Comprender los comportamientos de búsqueda
de los usuarios es fundamental para poder dar una solución viable. Es importante
entonces preguntar ¿Quién usa el sistema? ¿Se sabe cómo el sistema está siendo
usado? ¿Qué información extraen o necesitan del sistema?
Un esquema es un marco mental cognitivo o conceptual
Wideframe: es el esquema o plano de como va a ser la pagina, un bosquejo
blueprint: es ese bosquejo en papel (dibujo tecnico, plano detallado)

Componentes de la Arquitectura de
Información

Según Andrea Cantú, especialista en experiencia de usuario, la Arquitectura de

Información tiene como objetivo que el usuario pueda usar, encontrar, aprender y
descubrir información. Por lo tanto, la práctica se basa en:
 1. Organización
Los esquemas de organización responden a la pregunta, ¿cómo categorizamos la
información? Por ejemplo, de manera cronológica, alfabética o por tema. Porque
nuestra mente está constantemente buscando patrones que nos permitan procesar
grandes cantidades de información, debemos crear buenas estructuras de
organización adaptada a los modelos mentales del usuario con el propósito reducir
la carga cognitiva. La organización permitirá la navegación.

Fuente: tiendanube.com

2. Etiquetado
Etiquetar corresponde a definir la terminología en el sistema. Las etiquetas textuales
pueden hacer referencia a encabezados, nombres de secciones en el menú de
navegación, palabras clave, atributos, etc. Para lograr un buen etiquetado es
recomendable involucrar a nuestros usuarios, con el fin de identificar con qué
palabras buscarían información; los estudios de card sorting pueden servir para ello.
 Fuente: netshoes.com.ar

3. Navegación
Pensar en las posibilidades de navegación, va más allá de un menú. Con el fin de
que el usuario pueda desplazarse entre secciones o cantidades de información,
podemos implementar enlaces contextuales, wizards, nubes de etiquetas,
breadcrumbs, etc. La navegación nos permite explorar la información que hay en el
sistema, así como interactuar de manera rápida con el contenido. Una buena
navegación se hace presente a lo largo de todas las páginas o secciones de manera
consistente
 Fuente: www.hamartiaweb.com.ar

4. Búsqueda
La búsqueda implica algo más complejo que poner a disposición del usuario un
buscador. Al diseñar la búsqueda debemos tomar en cuenta qué indexar, qué
precisión daremos en los resultados, cómo se podrá acceder a ellos, así como
pensar en implementar patrones para asistir al usuario, por ejemplo habilitar el
autocompletar.

Fuente: http://blog.acantu.com/que-es-arquitectura-informacion/
2. Diagramas y técnicas.

Esquemas de organización de la información (EOI)

Todo el tiempo nos encontramos y navegamos por medio de diferentes esquemas
de organización. Éstos cuentan con una estructura que permite facilitar el acceso a
la información contenida en ellos, se trata de los esquemas de organización de la
información.
diferentes esquemas de organizacion
Los más utilizados, de contenido exacto son:

● Esquemas alfabéticos de organización de la información (EAOI)

● Esquemas cronológicos de organización de la información (ECOI)
● Esquemas geográficos de organización de la información (EGOI).

Otras funciones:

● Sistemas de búsquedas:
- Indexar por audiencias específicas
- Indexar por tópico lo de mayor uso por el usuario

- Indexar por contenido reciente

● Lista de resultados:
- Ordenar alfabéticamente.
- Ordenar cronológicamente.
- Ordenar por relevancia.
- Ordenar por popularidad.
- Ordenar por consejo de usuarios.
 ● Inputs AI:
- Estudios de usabilidad.
- Help Desk / Soporte.
- Logs de Búsqueda.
- Logs servidores.

Distintos tipos de Arquitectura de la Información

Para comenzar a construir la arquitectura de información es necesario conocer los
tipos de arquitectura con los que se puede llevar a cabo la organización del
contenido. Se pueden establecer, de manera general, dos tipos de arquitectura de
información: Profunda o Ancha.

● AI profunda: es aquella que cuenta con menos opciones por nivel, pero que
requiere de mayor número de clicks para llegar al nivel de menor jerarquía.
mayor numero de niveles y menos opciones por nivel

● AI ancha: significa que se cuenta con un esquema de arquitectura que no

conlleva muchos clicks por parte del usuario para llegar hasta el nivel de
mayor detalle, pero que se tienen muchas opciones en cada nivel.
menor cantidad de niveles y mayor opciones por niveles
Ciertas consideraciones a tener en cuenta:
- Clasificar cosas no es una tarea fácil. Factores como la ambigüedad, lo
heterogéneo, las diferentes perspectivas de observación o simplemente
políticas internas pueden ser desafíos.

- Se pueden organizar elementos utilizando estructuras de organización o

estructuras más bien ambiguas.

- El entendimiento que los humanos tienen del mundo es dado por cómo se
clasifican los elementos, y éste es uno de los factores que ya vienen dados
desde la estructuración del lenguaje en el proceso cognitivo del aprendizaje.
3. Card Sorting
Como se mencionó anteriormente, el desarrollo de la arquitectura de un sitio web
es una parte esencial del proceso de diseño de UX, y es fundamental definir ciertos
aspectos que van a ser fundamentales para comenzar a trabajar:

- Comprender los objetivos de negocio: ya sea el rediseño de algo existente o

un diseño nuevo, necesitamos entender la intención y los objetivos de la
empresa.

- Entender al usuario: interactuar con los usuarios y llevar a cabo

investigaciones, como también comprender cómo se comporta.

- Crear personas: Una vez finalizada la investigación de usuarios, es

sumamente útil la creación de personas (que se verá en unidades siguientes).
crear personas, es por ejemplo colocar datos de las personas en un bosquejo, para determinar la forma de
representar esos datos.

Cardsorting: es una técnica cuyo objetivo es analizar cómo los usuarios o

clientes agrupan y organizan conceptos.

es para tratar de buscar un orden de los contenidos de un sitio

La técnica de card sorting se trata de un método de definición de arquitectura de

información en la cual se establecen las clasificaciones de contenido y
posteriormente se ordenan hasta encontrar la organización óptima para las mismas.

El material requerido para este proceso es un simple paquete de post-its. También

puede ser llevado a cabo por medio de tarjetas. En cada post-it o tarjeta se escribe
el nombre de una sección o página del contenido de la aplicación o sitio web, y
posteriormente se realiza el card sorting ya sea en su modalidad básica o invertida.
Se explican a continuación.
El card sorting básico es el proceso que se sigue al presentar un conjunto de
tarjetas con los nombres que identifican el contenido, solicitando a los participantes
(que pueden ser los miembros del equipo de diseño o un grupo de usuarios
seleccionados) que los organicen de la manera más intuitiva posible.

El card sorting invertido se realiza cuando a los participantes en el proceso

(igualmente pueden ser miembros del equipo o usuarios selectos) se les presentan
las tarjetas con los nombres que identifican el contenido, pero en este caso éstas se
encuentran ya organizadas de una manera predefinida por el moderador del
procedimiento. Los participantes deberán modificar esa organización de acuerdo a
los factores que consideren que ayudarán a mejorarla.

Al finalizar alguno de los dos procesos anteriormente mencionados, el resultado

será la base que definirá la arquitectura de información del proyecto en desarrollo.

Construyendo el Diagrama de Arquitectura

Una vez completados los procedimientos para definir la arquitectura de información,
es necesario plasmarla de manera clara para que sirva como una referencia dentro
del resto del proceso de desarrollo del proyecto. Esto significa el establecimiento de
jerarquías sólidas, caminos que entrelazan al contenido, e incluso grados de detalle
como la restricción de contenido a usuarios con un registro previo. Para lograr esto,
existen diversos métodos de diagramado de arquitectura de información que
pueden ser utilizados.

Uno de estos métodos es el diagramado de jerarquías estrictas, que consiste

simplemente en plasmar la información de la arquitectura en un mapa jerárquico de
crecimiento vertical (en el caso de arquitecturas profundas) u horizontal (en el caso
de jerarquías anchas).
Bibliografía utilizada y sugerida
Rosenfeld, L.; Morville, P.; Arango, J. (2015). Information Architecture for the Web
and Beyond. Sebastopol: O’Reilly.

Norman, D. (1988). Design of everyday things. New York, USA: Basic Books, Inc.

Norman Nielsen Group (2018). Check Analytics Data Before You Wreck UX Priorities.
Recuperado de: https://www.nngroup.com/