Post on 12-Apr-2017
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