Arquitectura de informacion

Lectura
12 min~2 min lectura
Objetivo de la lección

Arquitectura de Informacion (AI) La AI organiza y estructura el contenido de forma que los usuarios puedan encontrar lo que buscan.

Puntos de control
  • Arquitectura de Informacion (AI)
  • Componentes de AI
  • Card Sorting
  • Patrones de navegacion

Arquitectura de Informacion (AI)

La AI organiza y estructura el contenido de forma que los usuarios puedan encontrar lo que buscan.

Componentes de AI

  • Organizacion: Como se agrupan los contenidos
  • Etiquetado: Como se nombran las cosas
  • Navegacion: Como se mueven los usuarios
  • Busqueda: Como encuentran contenido

Sitemap

Diagrama jerarquico de todas las paginas.

Home
├── Productos
│   ├── Categoria A
│   │   ├── Producto 1
│   │   └── Producto 2
│   └── Categoria B
├── Nosotros
│   ├── Historia
│   └── Equipo
├── Blog
│   ├── Articulo 1
│   └── Articulo 2
├── Contacto
└── Mi Cuenta
    ├── Perfil
    ├── Pedidos
    └── Configuracion

Card Sorting

Tecnica para entender como usuarios agrupan contenido.

Card Sorting Abierto:
- Das tarjetas con contenidos
- Usuarios crean sus propias categorias
- Revelas estructuras mentales

Card Sorting Cerrado:
- Das tarjetas Y categorias predefinidas
- Usuarios clasifican en categorias
- Validas tu estructura propuesta

Patrones de navegacion

  • Global: Menu principal siempre visible
  • Local: Navegacion dentro de una seccion
  • Contextual: Links relacionados con el contenido
  • Breadcrumbs: Rastro de migas de pan
  • Filtros: Refinar resultados

User Flow

Diagrama de flujo de usuario:

[Landing] --> [Ver Productos] --> [Detalle]
                                      |
                                      v
                               [Agregar Carrito]
                                      |
                                      v
                   [Login?] --Si--> [Checkout]
                      |                 |
                      No                v
                      |          [Confirmar Pago]
                      v                 |
                  [Registro]            v
                      |            [Gracias!]
                      v
                  [Checkout]

Practica de portfolio

Convierte esta leccion en evidencia real: arma una entrega pequena que puedas mostrar en una entrevista, en LinkedIn o en tu portfolio. Trabaja con un caso propio o con una empresa ficticia, pero deja claro el problema, la decision y el resultado.

  • Entregable: una captura, documento, repositorio o tablero con el resultado final.
  • Checklist: objetivo, pasos seguidos, criterio de calidad y mejora pendiente.
  • Mini-rubrica: si otra persona lo revisa, debe entender que hiciste, por que y como repetirlo.
Laboratorio de práctica

Antes de marcar esta lección como completa, escribí una evidencia breve para UX Design Basics: un ejemplo, una decisión, una captura, una mini demo o una nota que puedas reutilizar en portfolio.

Reflexión rápida

¿Qué cambiarías en tu forma de trabajar después de aplicar arquitectura de informacion?

De lección a portfolio

Convertí esta lección en un caso visual para portfolio.

Mostrá proceso, criterio y resultado: problema, referencia, decisión de diseño y pieza final. Eso hace que el perfil parezca profesional.

Paso 1

Armá una pieza o pantalla antes/después con el concepto aplicado.

Paso 2

Explicá por qué elegiste layout, jerarquía, color o componente.

Paso 3

Exportá una imagen limpia y sumala a tu portfolio o LinkedIn.

Newsletter Cursalo

Recibí rutas y cursos nuevos

Sumate para recibir recursos orientados a empleo y portfolio.

  • Rutas de empleo
  • Cursos prácticos
  • Portfolio y entrevistas

Sin spam. También podés entrar con tu cuenta para guardar progreso. Iniciá sesión