¿Quieres saber que hace realmente bueno a un Sitio Web? Diseño Web Centrado en el Usuario.

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

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

3. “Hemos logrado un concepto realmente
innovador”

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

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

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

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

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

9. “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”

10. Diseño Centrado en el
Usuario

11. “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...

12. ¿Cómo hacerlo?

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

14. ¡Iterativos!

15. Experiencia de Usuario
UX

16. No solo Usabilidad

17. ¿Quién interviene?

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

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

20. ¿Cómo hacerlo?

21. Una de las tantas
formas...
En 7 Pasos

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

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

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

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

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

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

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

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

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

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