User experience design

USER EXPERIENCE DESIGN Diseñando la experiencia de usuario

en interfaces interactivas

•  La evolución de internet ha cambiado la forma en que trabajamos, vivimos, aprendemos, nos divertimos y más.

•  Evolución usuarios internet: de 360 millones en 2000 a 1800 millones en 2010

•  El acceso multiplataforma y la difusión de los nuevos smartphones no tiene marcha atrás.

•  Los usuarios colaboran e intercambian información de forma ágil.

•  El consumidor actual es informado e inteligente: crossumer y prossumer.

Estamos ante un nuevo escenario

Con nuevas formas de comunicarnos, relacionarnos, experimentar y compartir.

Lo más importante son las personas, debemos centrar

nuestro enfoque ahora más que nunca en ellas.

¿Cómo?

•  Generar nuevas formas de relacionarnos con nuestros usuarios, clientes, consumidores.

•  Buscar nuevas formas de transmitir mensajes.

•  Potenciar la interacción del consumidor con la marca a través de una experiencia directa.

•  Conectar con el consumidor a través de la red.

En este contexto la experiencia de usuario cobra

una nueva dimensión.

¿Qué es la experiencia de usuario?

•  La sensación, sentimiento, respuesta emocional y satisfacción del usuario respecto a un producto, resultado de interactuar con el producto y su proveedor (la marca).

•  Una experiencia positiva de usuario está en directa relación con una percepción positiva de la marca.

¿Y qué conseguimos si generamos experiencias positivas?

¡Engagement!

¡la vinculación de los usuarios con tu marca!

Diagrama de los elementos de la experiencia de usuario

1.Objetivos. 2.Brand

experience. 3.Las

necesidades de usuario

4.Necesidades de contenidos.

5.Especificaciones funcionales

6.Arquitectura de información.

7.Diseño de interacción

8.Diseño de interfaz:

Información + navegación

9.Diseño visual

Etapa 1

  1. Objetivos del sitio Corporativos, de negocio, comunicación etc.   2. Brand experience online Atributos de marca que queremos que se identifiquen a Medio plazo con la experiencia de uso.   3. Necesidades de usuario Identificadas a través de la investigación de los usuarios.

Etapa 2

4. Requerimientos de contenido Elementos de contenido requeridos para

satisfacer las necesidades de usuario.

5. Especificaciones funcionales Set de herramientas que el sitio debe

incluir para satisfacer las necesidades del usuario.

Etapa 3

6. Arquitectura de la información Diseño estructural del espacio de información

para facilitar el acceso intuitivo al contenido.

7. Diseño de interacción Desarrollo del flujo de las aplicaciones para

facilitar las tareas del usuario, definiendo cómo el usuario interactúa con la funcionalidad del sitio.

Etapa 4

8. Diseño de interfaz: navegación e información

Diseño de los elementos de la interfaz para facilitar la navegación e interacción del usuario .

Diseño de la presentación de la información para facilitar la comprensión.

Etapa 5

9. Diseño visual Look & feel Tratamiento gráfico de los elementos de la

interfaz. Diseño emocional.

MITOS Y LEYENDAS DE LA EXPERIENCIA DE USUARIO

La gente lee el contenido de las webs.

Todas las páginas deben ser accesibles en máximo 3 clicks.

La gente no escrolea.

Diseño es hacer que tu web se vea bien.

La accesibilidad es cara y complicada.

Los sitios accesibles son feos.

Una buena fotografía mejora la experiencia de usuario.

El diseño tiene que ser original.

Si tu diseño es bueno, los “pequeños detalles” no importan.

Necesitas rediseñar tu sitio periódicamente.

Los iconos mejoran la usabilidad.

Tú eres igual a tus usuarios.

Un buscador solucionará los problemas de navegación.

El homepage es la página más importante.

Flash es malo.

No necesitas el contenido para diseñar el website.

Si funciona para Amazon, funciona para ti.

Los test de usabilidad son caros.

Referencias •  Steve Krug  Don’t Make Me

"ink •  Jakob Nielsen eye-tracking

study from 2008 •  David Hamill Stop Counting

Clicks •  "e myth of the page fold:

evidence from user testing •  Paging vs. Scrolling: Looking

for the Best Way to Present Search Results

•  Prioritizing web usability. •  Deciding When Graphics Will

Help (and When "ey Won’t)

•  "e Myth of Originality: Why things that many deem original are actually not

•  "e $300 Million Button •  Design is in the Details •  Fresh vs. Familiar: How

Aggressively to Redesign •  "e Importance Of Labels •  Are developers people? •  30 Usability Issues to Be

Aware of

¡GRACIAS!

HUGO CAMPODÓNICO hugocampodonico@gmail.com