39
Arquitectura de Información Diseñando experiencias de usuario con bases sólidas Juan David Saab Arquitecto de Información

Arquitectura de información, construyendo UX con bases sólidas

Embed Size (px)

DESCRIPTION

Una nueva versión de la charla sobre Arquitectura de Información. Esta vez incluye un poco de contexto con respecto a UX y un poco de desarrollo conceptual. Al final la base práctica y central de la disciplina permanece casi sin cambios a través del tiempo. ------- /// --------- /// ---- A new version of the Information Architecture speak. Now It includes a few about the context with User Experience (UX) and a short about the concepts of IA. Finally the discipline remains with similar basis and metodologyes across the time.

Citation preview

Page 1: Arquitectura de información, construyendo UX con bases sólidas

Arquitectura de InformaciónDiseñando experiencias de usuario con bases sólidas

Juan David SaabArquitecto de Información

Page 2: Arquitectura de información, construyendo UX con bases sólidas

¿En quién se centra el diseño?

Page 3: Arquitectura de información, construyendo UX con bases sólidas

“Hemos logrado un diseño realmente innovador”

Page 4: Arquitectura de información, construyendo UX con bases sólidas
Page 5: Arquitectura de información, construyendo UX con bases sólidas

Lo anterior es un síntoma de...

Diseño Centrado en el Diseñador

Page 6: Arquitectura de información, construyendo UX con bases sólidas

“La parte funcional está bien, cumplimos con los casos de uso”

Page 7: Arquitectura de información, construyendo UX con bases sólidas

Lo anterior es un síntoma de...

Diseño Centrado en el Desarrollador

Page 8: Arquitectura de información, construyendo UX con bases sólidas

“Yo quiero algo más dinámico. ¿No le podemos poner musiquita?”

Page 9: Arquitectura de información, construyendo UX con bases sólidas

“Ninguno de los 30 campos del formulario de registro sobra, necesitamos recopilar datos”

“Es que si usamos vínculos externos en una misma ventana perdemos usuarios”

“¿Cómo?... El área de Desarrollo, Macro Gestión y Posicionamiento Socio-estratégico no está en el menú

principal”

Page 10: Arquitectura de información, construyendo UX con bases sólidas

Lo anterior es un síntoma de...

Diseño centrado en el Cliente

Page 11: Arquitectura de información, construyendo UX con bases sólidas
Page 12: Arquitectura de información, construyendo UX con bases sólidas

¿Planes... de estudio?

Page 13: Arquitectura de información, construyendo UX con bases sólidas

¿Planes... de estudio?

Page 14: Arquitectura de información, construyendo UX con bases sólidas

El cliente NO siempre tiene la razón

Page 15: Arquitectura de información, construyendo UX con bases sólidas

Diseño Centrado en el Usuario

DCU

Page 16: Arquitectura de información, construyendo UX con bases sólidas

Un enfoque en el cual se ubica al usuario en el centro de cualquier decisión de diseño.

Organización Usuarios

Page 17: Arquitectura de información, construyendo UX con bases sólidas

Un enfoque en el cual se ubica al usuario en el centro de cualquier decisión de diseño.

Organización UsuariosPersonas

Page 18: Arquitectura de información, construyendo UX con bases sólidas

¿Qué hace realmente bueno a un sitio web?

Page 19: Arquitectura de información, construyendo UX con bases sólidas

Los elementos de la Experiencia de Usuario (UX)

Una definición basada en una serie de capas o niveles...

Jesse James Garret (2000) - http://www.jjg.net/elements/pdf/elements.pdf

Page 20: Arquitectura de información, construyendo UX con bases sólidas

Panel de Morville

Una definición basada en la convergencia de facetas...

Peter Morville (2004) - http://semanticstudios.com/publications/semantics/000029.php

Page 21: Arquitectura de información, construyendo UX con bases sólidas

Arquitectura de Información y su aporte a la Experiencia de usuario

Page 22: Arquitectura de información, construyendo UX con bases sólidas

¿Cuánto afecta una mala AI a los usuarios?

Jakob Nielsen (2009) - http://www.useit.com/alertbox/ia-failures.html

Page 23: Arquitectura de información, construyendo UX con bases sólidas

¿Qué es Arquitectura de Información?

Page 24: Arquitectura de información, construyendo UX con bases sólidas

Una disciplina que trata de organizar contenidos y objetos, describirlos claramente y brindar a las personas mecanismos para poder encontrarlos

Arquitectura de Información

“”

Page 25: Arquitectura de información, construyendo UX con bases sólidas

El arte de hacer la información fácil de encontrar

Page 26: Arquitectura de información, construyendo UX con bases sólidas

¿Porqué es importante la Arquitectura de Información?

Page 27: Arquitectura de información, construyendo UX con bases sólidas

¿Qué debemos conocer?

ContextoUsuarios

Contenido

Page 28: Arquitectura de información, construyendo UX con bases sólidas

¿Cómo hacer una AI?

Page 29: Arquitectura de información, construyendo UX con bases sólidas

Una de las tantas formas...

En 7 Pasos

Page 30: Arquitectura de información, construyendo UX con bases sólidas

1Documento Guía

El fundamento

Antecedentes

Objetivos del sitio

Objetivos de conversión

Usuarios y sus necesidades

Lluvia de ideas

ContextoUsuarios

Page 31: Arquitectura de información, construyendo UX con bases sólidas

2Benchmarking

Conociendo el contexto

Selección de sitios

Definición de criterios

Evaluación cuantitativa

Evaluación cualitativa

Comparativo y conclusiones

ContextoContenido

Page 32: Arquitectura de información, construyendo UX con bases sólidas

3Personajes

Conociendo profundamente a los usuarios

Definición de perfiles

Definición de escenarios

Tareas clave

Motivaciones

Factores de riesgo

ContextoUsuariosContenido

Page 34: Arquitectura de información, construyendo UX con bases sólidas

4Estudio SEO

Posicionamiento desde la perspectiva UX

Inventario inicial de palabras clave

Determinación de potencial

Palabras clave principales

Contenidos sugeridos

ContextoUsuariosContenido

Page 35: Arquitectura de información, construyendo UX con bases sólidas

5Inventario de contenidos

¿Qué tenemos y qué necesitamos?

Contenidos actuales

Objetivos de los usuarios

Contenidos sugeridos por sitios pares

Inventario final

Contenido

Page 36: Arquitectura de información, construyendo UX con bases sólidas

6Blueprints

Entender claramente la dimensión del sitio web

Estructuración y rotulado inicial

Definición de mapa provisional

Pruebas sobre mapa provisional

Propuesta final de mapa de navegación

Page 37: Arquitectura de información, construyendo UX con bases sólidas
Page 38: Arquitectura de información, construyendo UX con bases sólidas

7Wireframes

Las maquetas o bocetos

Necesidades de los usuarios

Estructuras de navegación

Prototipos de baja resolución

Pruebas con usuarios

Prototipos finales

Page 39: Arquitectura de información, construyendo UX con bases sólidas

¡Gracias!

Juan David [email protected]

Skype: juan.saabwww.juansaab.co

@juansaab

www.usabilidadaldia.com