Arquitectura de Información

Aprende a organizar, estructurar y etiquetar el contenido de tu producto para que sea fácil de encontrar y usar.

La Arquitectura de Información (AI) es la disciplina que se enfoca en organizar, estructurar y etiquetar el contenido de manera que sea fácil de encontrar y usar. Es el esqueleto invisible que sostiene toda la experiencia del usuario.

Una buena arquitectura de información es fundamental para la usabilidad. Cuando los usuarios pueden encontrar lo que buscan fácilmente, la experiencia es satisfactoria. Cuando no pueden, incluso el diseño más hermoso fracasa.

  • La AI define cómo se estructura el contenido y cómo los usuarios navegan a través de él.
  • Organización: Cómo agrupamos y categorizamos el contenido
  • Etiquetado: Cómo nombramos los elementos de navegación
  • Navegación: Cómo los usuarios se mueven por el sistema
  • Búsqueda: Cómo los usuarios encuentran contenido específico

Qué es la Arquitectura de Información

La AI define cómo se estructura el contenido y cómo los usuarios navegan a través de él.

  • Organización: Cómo agrupamos y categorizamos el contenido
  • Etiquetado: Cómo nombramos los elementos de navegación
  • Navegación: Cómo los usuarios se mueven por el sistema
  • Búsqueda: Cómo los usuarios encuentran contenido específico
  • La AI afecta directamente la usabilidad, la accesibilidad y la experiencia general

Estructuras de organización

Existen diferentes maneras de organizar el contenido, y la elección depende del tipo de información y las necesidades del usuario.

Card Sorting

El card sorting es una técnica de investigación que ayuda a determinar cómo los usuarios esperan encontrar la información.

  • Crea tarjetas con nombres de contenido (páginas, secciones, features)
  • Pide a usuarios que agrupen las tarjetas de manera que tenga sentido para ellos
  • Pide que nombren cada grupo creado
  • Analiza los patrones: ¿qué contenidos se agrupan juntos consistentemente?
  • Usa los resultados para informar tu estructura de navegación

Principios de etiquetado

Las etiquetas deben ser claras, consistentes y familiares para los usuarios.

  • Usa lenguaje del usuario, no lenguaje técnico o interno
  • Sé consistente: mismo término para mismo concepto en todo el sitio
  • Sé conciso: nombres cortos pero descriptivos
  • Evita jerga técnica y abreviaturas confusas
  • Incluye palabras clave de búsqueda cuando sea apropiado
  • Testea las etiquetas con usuarios reales

Tree Testing

El tree testing es una técnica para validar la estructura de navegación propuesta.

  • Presenta solo la estructura de navegación (sin diseño visual)
  • Pide a usuarios que encuentren items específicos
  • Mide: éxito en encontrar, tiempo, errores
  • Identifica confusión en la navegación
  • Itera hasta lograr una tasa de éxito aceptable (85%+ es buen objetivo)

Sistemas de navegación

  • Navegación global: Links principales visibles en todas las páginas
  • Navegación local: Links específicos de la sección actual
  • Breadcrumbs: Muestra la ubicación actual y permite volver
  • Barra de búsqueda: Para encontrar contenido específico rápidamente
  • Menú hamburguesa: Navegación colapsada, común en móvil
  • Navegación contextual: Links relacionados dentro del contenido
UX
05

Arquitectura de Información

Aprende a organizar, estructurar y etiquetar el contenido de tu producto para que sea fácil de encontrar y usar.

Código del tema: ia

📘 Teoría

Qué es la Arquitectura de Información

La AI define cómo se estructura el contenido y cómo los usuarios navegan a través de él.

  • Organización: Cómo agrupamos y categorizamos el contenido
  • Etiquetado: Cómo nombramos los elementos de navegación
  • Navegación: Cómo los usuarios se mueven por el sistema
  • Búsqueda: Cómo los usuarios encuentran contenido específico
  • La AI afecta directamente la usabilidad, la accesibilidad y la experiencia general

Estructuras de organización

Existen diferentes maneras de organizar el contenido, y la elección depende del tipo de información y las necesidades del usuario.

1

Jerárquica (Tree)

Estructura de padre-hijo. Ej: Inicio > Productos > Electrónica > Teléfonos. La más común y intuitiva.

2

Secuencial

Contenido en un orden específico. Ej: wizard de checkout, tutoriales paso a paso. Útil para procesos.

3

Matricial

Múltiples formas de acceder al mismo contenido. Ej: filtrar por categoría, marca, precio simultáneamente.

4

Base de datos

Contenido etiquetado con metadata. Ej: blog posts con tags, productos con atributos. Permite búsqueda y filtrado avanzado.

Card Sorting

El card sorting es una técnica de investigación que ayuda a determinar cómo los usuarios esperan encontrar la información.

  • Crea tarjetas con nombres de contenido (páginas, secciones, features)
  • Pide a usuarios que agrupen las tarjetas de manera que tenga sentido para ellos
  • Pide que nombren cada grupo creado
  • Analiza los patrones: ¿qué contenidos se agrupan juntos consistentemente?
  • Usa los resultados para informar tu estructura de navegación

Principios de etiquetado

Las etiquetas deben ser claras, consistentes y familiares para los usuarios.

  • Usa lenguaje del usuario, no lenguaje técnico o interno
  • Sé consistente: mismo término para mismo concepto en todo el sitio
  • Sé conciso: nombres cortos pero descriptivos
  • Evita jerga técnica y abreviaturas confusas
  • Incluye palabras clave de búsqueda cuando sea apropiado
  • Testea las etiquetas con usuarios reales

Tree Testing

El tree testing es una técnica para validar la estructura de navegación propuesta.

  • Presenta solo la estructura de navegación (sin diseño visual)
  • Pide a usuarios que encuentren items específicos
  • Mide: éxito en encontrar, tiempo, errores
  • Identifica confusión en la navegación
  • Itera hasta lograr una tasa de éxito aceptable (85%+ es buen objetivo)

Sistemas de navegación

  • Navegación global: Links principales visibles en todas las páginas
  • Navegación local: Links específicos de la sección actual
  • Breadcrumbs: Muestra la ubicación actual y permite volver
  • Barra de búsqueda: Para encontrar contenido específico rápidamente
  • Menú hamburguesa: Navegación colapsada, común en móvil
  • Navegación contextual: Links relacionados dentro del contenido

🧪 Aprende probando

Ejemplo Ejercicio: Card sorting para un e-commerce Crea un card sorting para un sitio de e-commerce. Incluye 30-40 tarjetas de contenido (productos, páginas de información, account settings, etc.). Recluta 5+ participantes y analiza cómo agrupan los items. Identifica los grupos más consistentes y las áreas de confusión.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre UX.

Test de UX

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .