¿Qué hace realmente bueno a un sitio Web?

Diseño Web Centrado en el Usuario

Juan David SaabArquitecto de Información

@juansaab

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

Web?

“Hemos logrado un concepto realmente innovador”

Diseño Centrado en el Diseñador

Lo anterior era un ejemplo de...

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

Diseño Centrado en el Desarrollador

Lo anterior era un ejemplo de...

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

Diseño Centrado en el Cliente

Lo anterior era un ejemplo de...

“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) Experto SEODesarrollador

Roles y relación con las facetas de UX

@astromario

¿Cómo hacerlo?

Una de las tantas formas...

En 7 Pasos

1 Documento GuíaEl Fundamento

- Antecedentes- Objetivos del sitio- Objetivos de conversión- Usuarios y sus necesidades- Lluvia de ideas

2 BenchmarkingAprendiendo de la competencia

- Selección de sitios- Definición de criterios- Evaluación cuantitativa- Evaluación cualitativa- Comparativo y conclusiones

3 PersonajesConociendo 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 SEMDejarse encontrar

- Análisis SEO de la competencia- Definición de la estrategia

6 BlueprintsEntender 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!Libro recomendado:

Communicating DesignDan Brown

http://communicatingdesign.com/

¡Gracias!

Juan David Saabjuansaabvanegas@gmail.com

Skype: juan.saabwww.juansaab.com.co

@juansaab

www.usabilidadaldia.com