Herramienta KOA

Canvas de Arquitectura de Información: estructura antes de diseñar.

Define la organización, nomenclatura y navegación de cualquier web, app o plataforma. Con constructor visual de sitemap, taxonomía editable y checklist de validación.

Fundamento

Qué es la Arquitectura de Información y por qué importa

La IA define cómo se organiza, etiqueta y navega el contenido de un sistema. Sin ella, el diseño es decoración sobre un caos de información.

Organización

Cómo se agrupa y categoriza el contenido. Estructuras jerárquicas, secuenciales, de red o matriciales.

Etiquetado

Cómo se nombra el contenido y las secciones. Las etiquetas deben usar el lenguaje del usuario, no el interno.

Navegación

Cómo se mueve el usuario entre secciones. Menús, breadcrumbs, buscador, filtros, links relacionados.

Búsqueda

Cuando la navegación no es suficiente. Requiere taxonomía bien definida para devolver resultados relevantes.

Taxonomía

Sistema de clasificación del contenido: categorías, etiquetas, filtros. Debe ser coherente y escalable.

Modelo mental

La IA debe coincidir con cómo el usuario piensa que está organizado el contenido, no con cómo lo piensa el negocio.

Canvas

Canvas estratégico de IA

Define el contexto del sistema antes de estructurarlo. Responde estas preguntas para fundamentar cada decisión de organización.

Proyecto

Tipo de producto

Fecha

Usuarios y objetivos

¿Quién usará esto? ¿Qué necesita encontrar o hacer?

Contenido principal

¿Qué tipos de contenido existen? ¿Cuáles son los más críticos?

Tareas críticas (top 5)

¿Qué 5 tareas realiza el usuario más frecuentemente?

Restricciones y requisitos

¿Qué limitaciones técnicas, de negocio o de usuario hay?

Principios de organización elegidos

¿Por qué se organiza el contenido de esta forma y no de otra? Documenta la decisión.

Herramienta

Constructor visual de sitemap

Añade páginas y organízalas por nivel. El árbol se construye automáticamente. Nivel 0 = raíz, Nivel 1 = secciones principales, Nivel 2 = subsecciones, Nivel 3 = páginas internas.

Añadir página

Añade el nodo raíz (Nivel 0) para empezar a construir el sitemap.

Sugerencia KOA: empieza por el nodo raíz (Home), luego las secciones de nivel 1 (navegación principal), y de ahí hacia adentro. Mantén el nivel 1 con máximo 7 elementos (Ley de Hick).

Taxonomía

Taxonomía y etiquetas del sistema

Define las categorías, etiquetas y filtros que organizan el contenido. Usa el lenguaje del usuario, no el interno.

Categorías principales

Etiquetas / Tags

Filtros de búsqueda

Regla de oro de la taxonomía: si tienes que explicar qué entra en una categoría, el nombre no es bueno. Las categorías deben ser evidentes para el usuario, no para el equipo.

Patrones

Patrones de navegación recomendados

Navegación global

Siempre visible. Secciones de primer nivel. Máx. 7 elementos. En móvil: hamburguesa o bottom nav.

Inicio

›

Servicios

›

Casos

›

Blog

›

Contacto

Breadcrumb

Para estructuras de 3+ niveles. Muestra la ruta completa y permite volver a cualquier nivel.

Inicio

›

Servicios

›

Diseño UI

›

Proceso

Tabs / Pestañas

Para contenido del mismo nivel jerárquico que el usuario alterna frecuentemente. Máx. 5 tabs.

General

Facturación

Equipo

API

Cuándo usar cada patrón

Header nav: web corporativa, ecommerce, marketing.
Bottom nav: apps móviles con 3–5 secciones principales.
Sidebar nav: dashboards, paneles de control, apps de productividad.
Tabs: contenido paralelo o configuración multi-sección.

Errores comunes de navegación

Menú con más de 7 elementos de nivel 1.
Etiquetas con jerga interna que el usuario no reconoce.
No indicar en qué sección está el usuario actualmente.
Mezclar patrones de navegación (tabs + sidebar + menú) sin criterio.

Validación

Checklist de validación de IA

Antes de wireframear o diseñar, verifica que la arquitectura de información está sólida.