¿Qué hace realmente
bueno a un sitio Web?
Diseño Web Centrado en el Usuario
@juansaab
Juan David Saab
Arquitecto de Información

¿En quién se está
centrando el Diseño
Web?

“Hemos logrado un concepto realmente
innovador”

Lo anterior era un ejemplo de...
Diseño Centrado en el
Diseñador

“Pero está funcionando, nosotros acá lo
probamos”

Lo anterior era un ejemplo de...
Diseño Centrado en el
Desarrollador

“Quiero algo más dinámico, no me le
puede poner musiquita”

Lo anterior era un ejemplo de...
Diseño Centrado en el
Cliente

“Ninguno de los 30 campos del formulario de registro
sobra, es que necesitamos recopilar datos”
“Es que si usamos vínculos externos en una misma ventana
perdemos usuarios”
“Es que el área de Desarrollo, Macro Gestión y
Posicionamiento Socio-estratégico no está en el menú
principal”

Diseño Centrado en el
Usuario

“Es una metodología de diseño, en la que se
involucra al usuario durante todo el proceso de
diseño y desarrollo del Sitio Web”
El secreto está en poner en armonía los
objetivos de una organización con las
necesidades de sus usuarios...

¿Cómo hacerlo?

Análisis
Diseño y Ejecución
Evaluación

¡Iterativos!

Experiencia de Usuario
UX

No solo Usabilidad

¿Quién interviene?

Arquitecto de Información Diseñador de Interacción Diseñador de Interfaz
(Gráfico)
Periodista Digital (Contenidos) Desarrollador Experto SEO

Roles y relación con las facetas de UX
@astromario

¿Cómo hacerlo?

Una de las tantas
formas...
En 7 Pasos

1 Documento Guía
El Fundamento
- Antecedentes
- Objetivos del sitio
- Objetivos de conversión
- Usuarios y sus necesidades
- Lluvia de ideas

2 Benchmarking
Aprendiendo de la competencia
- Selección de sitios
- Definición de criterios
- Evaluación cuantitativa
- Evaluación cualitativa
- Comparativo y conclusiones

3 Personajes
Conociendo a los usuarios... “de verdad”
- Definición de fichas a elaborar
- Definición de escenarios
- Necesidades
- Atributos clave
- Factores de riesgo

http://wwff.thespacer.net/blog/template-de-personajes-personas/

4 Contenido
¿Con qué contamos y qué necesitamos?
- Contenidos actuales
- Contenidos de la competencia
- Necesidades de los usuarios
- Propuesta de contenidos

5 Estudio SEO y SEM
Dejarse encontrar
- Análisis SEO de la competencia
- Definición de la estrategia

6 Blueprints
Entender claramente la dimensión del sitio
- Estructura provisional
- Pruebas sobre la estrategia
provisional
- Definición de estructura

7 Wireframes
¿Existen planos para sitios Web?
- Necesidades de los usuarios
- Estándares de facto
- Maquetas previas
- Pruebas con usuarios
- Maquetas “definitivas”

Libro recomendado: ¡Libro!
Communicating Design
Dan Brown
http://communicatingdesign.com/

¡Gracias!
@juansaab
Juan David Saab
juansaabvanegas@gmail.com
www.usabilidadaldia.com Skype: juan.saab
www.juansaab.com.co