Arquitectura de la información y sistemas de navegación

DÍA 5

ESDIEscola Superior de Disseny

Por dónde vamos

Por dónde vamos

SKETCH TEST

ITERA sketch

WIREFRAME PROTOTYPE

DESIGN

DEVELOP

ITERA wireframe

ITERA prototipo

TEST TEST

COPY

QA

Producto

AI

hablando de…

SUPERCIFIE

ESQUELETO

ESTRUCTURA

ALCANCE

ESTRATEGIA

Conceptualización

Culminación

Hablando de…

el contenido…

Tus usuarios al igual una persona en su primera cita, al principio se fijan en lo que les aportas

Contenido…

pero antes…

Infoxicaciónen 2020 tendremos 35 ZettaBytes

Pero antes…

“La Arquitectura de la Información es un campo deestudio que surge a partir de la necesidad de dar

solución a problemas derivados de la organización yestructuración de grandes volúmenes de información .”

The Information Architecture Institute

¿Arquitectura de la información?

AI

“La Arquitectura de la Información es un campo deestudio que surge a partir de la necesidad de dar

solución a problemas derivados de la organización yestructuración de grandes volúmenes de información .”

The Information Architecture Institute

¿Arquitectura de la información?

AI

¿Arquitectura de la información?

UX

Usabilidad

AI

¡ No podría vivir sin mi iPad!

¡ Es muy fácil de usar!

¡Todo lo encuentro donde esperaba encontrarlo!

AI

¿AI, IA, RI, IR, ?

AI vs …

“IA is the information backbone of the site; navigation refers to those elements in the UI that allow users to reach specific information on the site.”

Cardello, 2014

¿AI vs Navigation?

AI vs Navigation

“IA is the information backbone of the site; navigation refers to those elements in the UI that allow users to reach specific information on the site.”

Cardello, 2014

¿AI vs Navigation?

NavegaciónContenido

AI vs Navigation

Navegación

Estructuras para organizar la navegaciónAlfabético

Navigation

Navegación

Estructuras para organizar la navegaciónCronológico

NavegaciónNavigation

Navegación

Estructuras para organizar la navegaciónGeográfico

NavegaciónNavigation

Navegación

Temático Audiencia

Social Tarea

NavegaciónNavigation

NavegaciónNavegaciónNavigation

Todos los caminos llevan al contenido

NavegaciónNavegaciónNavigation

Todos los caminos llevan al contenido

el contenidoNavegaciónContent

el contenido…

Títulosformulariosetiquetasbotonesgráficosmenús

desplegablesenlacesayuda

descripción de las imágenesmensajes de error

…

Content

el contenido…

¿Quién genera el contenido?

En el mundo imaginario o “algunas empresas”

Content

el contenido…

¿Cómo conseguimos tener un buen contenido?

Content

Un buen contenido

Conoce a los usuarios BRIEF INICIAL

¿Quién utilizará tu producto?¿Cual es su problema?¿Por qué?¿Cuándo?¿Dónde?…

1

Content

Un buen contenido

Conoce a la competencia Benchmark

¿Quién utilizará tu producto?¿Cual es su problema?¿Por qué?¿Cuándo?¿Dónde?…

2

Un buen contenido

Conoce a los usuarios Benchmark

Cualitativo: Buenas y malas prácticasCuantitativo:

2

Busca parámetros específicos de tu producto y compáralo

Content

Un buen contenidoUn buen contenido

Identifica tus usuarios PERSONAS & ESCENARIOS3

Content

Un buen contenidoUn buen contenido

Revisa el contenido actual y su tono

4Content

Un buen contenidoUn buen contenido

¿TIENES 5 SEGUNDOS?Christine Perfetti (2005)

Content

Un buen contenidoUn buen contenido

¿TIENES 5 SEGUNDOS?

Content

Un buen contenidoUn buen contenido

Otros test…

Content

Un buen contenidoUn buen contenido

Conoce el modelo mental de tus usuarios

5Modelos mentales

Modelo mental

CardSorting (ordenación de tarjetas)

Técnica que facilita la organización de contenidos y nos ayuda con la “encontrabilidad”

Su principal finalidad consiste en agrupar etiquetas que tienen una etiqueta del contenido y una funcionalidad

¿Qué es?

¿Cómo?

Modelos mentales

Modelo mental Modelos mentales

Let’s do it

CardSorting

¿Qué tipo de CardSorting necesitamos?

El usuario puede agrupar las categorías libremente en el número de conjuntos que crea necesario y les pone un nombre.

Abierto

- Nuevos proyectos con muchas etiquetas a organizar, de esta forma aprendemos a categorizar el contenido

Cardsorting

CardSorting

Los grupos o conjuntos están predefinidos y etiquetados y el usuario únicamente deberá colocar cada categoría en el grupo que crea corresponda.

Cerrado

Verificar si una clasificación de información es familiar y comprensible para el usuario

Cardsorting

¿Qué tipo de CardSorting necesitamos?

CardSorting

De forma individual los usuarios organizan el contenido dependiendo del cardsorting cerrado o abierto

Individual

Un grupo de usuarios ordena las tarjetas consensuando cada agrupación

Colectivo

Cardsorting

¿Qué tipo de CardSorting necesitamos?

CardSorting

Preparación del CardSorting

1.- Piensa tipo de cardsorting

Puede variar si es manual/automático individual/grupo

antes

2.- Recluta y cita a tus participantes (mínimo 15 usuarios)

3.- Identifica y rotula las diferentes etiquetas (entre 30 a 50)

Cardsorting

CardSorting

durante

5.- Comunica que van hacer a los usuarios

6.- Deja claro que no les estas evaluando, ellos te evaluar a ti y hay diferentes resultados posibles

7.- Reparte las tarjetas para que empiecen a clasificarlas

8.- No des pistas y dedícate a observar que hacen y por que lo hacen

Cardsorting

Preparación del CardSorting

CardSorting

9.- Deja que se expliquen

11.- Identifica los puntos débiles 10.- Busca los patrones de los diferentes

1. Tarjetas que no se entienden2. Tarjetas que pueden permanecer a diferentes grupos

3. Rutas alternativas para llegar a un mismo sitio

ThinkingAloud

Cardsorting

Preparación del CardSorting

CardSorting

Tabla de co-ocurrencias o matriz de similaridad

Dendograma

Escalamiento multidimensional

Cardsorting

Preparación del CardSorting

CardSorting

1. Simple2. Barata3. Rápida4. Estándar5. Los usuarios se sienten

involucrados6. Base para organizar tu contenido

1. No se tiene en cuenta las casos de uso

2. Resultados muy amplios

3. Análisis puede durar tiempo

4. Tarjetas “superficie”

Cardsorting

Ventajas y desventajas

CardSortingHerramientas online

Cardsorting

Un buen contenidoUn buen contenido

Una especie de evolución del Cart sorting pero para un árbol de contenido. Antes de crear un sitio entero pruebo con usuarios si se entiende y la gente es capaz de desarrollar con eficacia.

Más allá del cardsorting

Treetesting(posicionar contenido en la arquitectura)

Un buen contenidoUn buen contenido

TreeTest

Resultados de las tareas Análisis de navegación

Tree testing

Realizar un cardsorting y TreeTest online con la herramienta OptimalSort

• Entregar informe de los resultados obtenidos en el Cardsorting y el treetesting (no os quedéis solo con los resultados, explicad las decisiones que tomaríais).

• Si hace falta hacer un cambio a una categoría comentar el por que…• Podéis acompañar el informe con imágenes, gráficos…• Tened en cuenta que si entregarais el informe a cliente no tendría ni idea de lo que le dais… explicadlo

todo de manera muy clara

1. Escoger el tipo de Cardsorting que creáis que sea mejor (Explicar el por que)2. Realizar el Cardsorting con un total de 10 usuarios - Personas - (Explicar el perfil que debe cumplir el usuario que realiza

el cardsorting)3. Analizar y comentar los resultados del Cardsorting en un informe indicando cómo sería el árbol de contenidos de vuestro

site/app4. Una vez finalizado el CardSorting, pensar 3 tareas y testearlo con un Treetest. (enviándolo a los mismos usuarios)

Entrega el día 6 de Febrero NOMBRE_ALUMNO_APELLIDOS+NÚMEROCLASE+NOMBREEJERCICIOJohnDoe_2_CardSortingTreetest.pptx