Diseño de Wireframes para Pantallas de Portales Web
Clase 18 de 26 • Curso de Arquitectura de Información con Usaria
Contenido del curso
¿Qué es la Arquitectura de la Información?
- 2

Arquitectura de Información para Productos Digitales
00:15 min - 3

Organización y Estructura en Arquitectura de Información
07:53 min - 4

Diseño de Arquitectura de Información: Contenido, Contexto y Usuarios
15:10 min - 5

Errores Comunes en la Arquitectura de Información Digital
09:57 min - 6

Errores comunes en la arquitectura de sitios web de restaurantes
03:52 min
¿Cómo ayudar al usuario a encontrar el contenido que busca?
¿Cómo construir la Arquitectura de Información ?
- 10

Cómo Construir un Inventario de Contenidos Efectivo
07:30 min - 11

Card Sorting: Técnica para Organizar Contenidos Web
14:17 min - 12

Creación y Organización de Sitemaps para Sitios Web
10:22 min - 13

Rediseño de Arquitectura de Información Web: Mapeo y Análisis
02:42 min - 14

Creación de Wire Flows para la Arquitectura de Información
04:57 min - 15

Flujo de trabajo para encontrar un libro en una librería online
01:26 min - 16

Diseño de Wireframes: Estructura y Jerarquía de Interfaces
10:29 min - 17

Creación de Wireframes de Baja y Media Fidelidad
08:33 min - 18

Diseño de Wireframes para Pantallas de Portales Web
Viendo ahora - 19

Navegación y Orientación en Interfaces: Wirefunding y Breadcrumbs
06:08 min - 20

Diseño de Vocabularios Controlados para Navegación Web
05:17 min
¿Cómo diseñar la experiencia al buscar y extraer información?
- 21

Mejorando la Findability en el Diseño de Información
12:25 min - 22

Diseño Efectivo de Información para Mejorar la Usabilidad
15:43 min - 23

Evaluación de Arquitectura de Información mediante Usabilidad
07:45 min - 24

Evaluación de Arquitectura de Información con Tree Testing
06:04 min - 25

Pruebas de Usabilidad y Tree Testing para Evaluar Arquitectura Web
04:01 min - 26

Consejos Prácticos de Arquitectura de Información Digital
09:33 min
Resumen
En la tercera parte de nuestro proyecto vamos a hacer wireframes para pantallas específicas del sitio que hemos venido trabajando.
Escogeremos una pantalla que tenga importancia dentro del sitio y haremos una lista con todos los elementos que contiene, a continuación le daremos prioridad a cada uno de estos elementos para después empezar a bosquejar el wireframe de la pantalla aplicando todos los conceptos que hemos aprendido hasta este punto.
¡Itera! recuerda la diferencia entre un wireframe de baja fidelidad y uno de alta.