De la arquitectura a la
navegación:
Alejandra Velásquez
¿cómo mejorar la encontrabilidad?
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
Arquitectura
de la información
Clasificar
Jerarquizar
Etiquetar
Estructurar
Determina cómo se relacionan
entre sí los contenidos
Identifica y definE
el contenido
Slide 4
Slide 4 text
“La encontrabilidad precede
a la usabilidad.
No puedes usar lo que no
puedes encontrar.”
Peter Morville
Slide 5
Slide 5 text
Encontrabilidad
“La cualidad de ser
localizable o navegable”
“El grado en que un objeto
en particular es fácil de
descubrir o localizar”
“El grado en el que un
sistema admite la
navegación
y la recuperación de
contenidos”
Fuente: Ambient Findability: What We Find
Changes Who We Become, Peter Morville.
Slide 6
Slide 6 text
Factores de la experiencia de usuario
Slide 7
Slide 7 text
¿Qué es Navegación?
Fuente: NNG
Componentes de la
interfaz de usuario que
ayudan a los usuarios
a encontrar
información y
funcionalidades, y
alentarlos a realizar las
acciones deseables.
Slide 8
Slide 8 text
Navegación global
Principales tipos de navegación
Visión general sobre el tipo de contenido en el
sitio
El usuario:
¿Qué información hay en este sitio?
¿Tiene lo que estoy buscando?
¿Hacia dónde me puedo mover?
Se ubica en el header
¿Dónde estoy?
Slide 9
Slide 9 text
Navegación local
Estructura jerárquica
Acceso a categorías en el mismo nivel y
subcategorías en un nivel más profundo.
Ubicación horizontal
Ubicación L invertida (no más de 4
niveles)
¿Qué contenido hay cerca?
Principales tipos de navegación
Slide 10
Slide 10 text
Navegación contextual
Acceso a información relacionada con el contenido que
se presenta por medio de hyperlinks:
Embebidos
Enlaces relacionados al final o un costado.
Enlaces al final del
contenido (o incluso
a un costado)
Principales tipos de navegación
¿Qué contenido está relacionado?
Slide 11
Slide 11 text
Navegación complementaria
Acceso a información que no se puede
llegar desde la navegación global y
local.
Ej. Formularios de suscripción o
servicios a promocionar.
Se ubica en una
barra lateral
Principales tipos de navegación
Slide 12
Slide 12 text
Navegación de cortesía
Se ubica en el footer
Información no necesita el usuario pero que lo ayuda
en tareas secundarias.
Ej. políticas del sitio, información legal o
institucional…
Principales tipos de navegación
Slide 13
Slide 13 text
Navegación de utilidades
Principales tipos de navegación
Conecta herramientas y funciones que ayudan a los
usuarios a utilizar el sitio.
Ej. Inicio de sesión, carrito, formularios de contacto,
el idioma, etc.
Slide 14
Slide 14 text
AI ≠ NAVEGACIÓN
Slide 15
Slide 15 text
¿Qué debemos tomar en cuenta?
Colocar información en el
lugar indicado
Necesidades del usuario
Hablar el idioma de los
usuarios
Ubicación visible y sin competir
con otros elementos
Probar, probar y probar
Arquitectura clara e intuitiva
Slide 16
Slide 16 text
GRACIAS :)
Alejandra Velásquez
alejandra.velasquez@coppel.com
Arquitecta de Información