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

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

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.

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

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