UX Design Basics
UX Design Basics Texto Leccion

Arquitectura de informacion

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 ├── Blo
Tiempo de estudio
12 Min

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.

Texto Leccion 1/13
Estas viendo
Arquitectura de informacion
Hablar por WhatsAppContactar por WhatsApp