Volver al curso

UX Design Basics

leccion
8 / 13
beginner
8 horas
Wireframing y Prototipado

Arquitectura de informacion

Lectura
12 min~2 min lectura

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]