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               4.Necesidades de    6.Arquitectura      8.Diseño de
 experience.         
      contenidos.
     de información.
      interfaz:
                                                                                9.Diseño visual
    3.Las                5.Especificaciones     7.Diseño de      Información +
necesidades de              funcionales
       interacción
      navegación
   usuario
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       •      e Myth of Originality: Why
      ink
                              things that many deem
•  Jakob Nielsen eye-tracking           original are actually not
   study from 2008
                                   •      e $300 Million Button
•  David Hamill Stop Counting
   Clicks
                         •    Design is in the Details
•     e myth of the page fold:     •    Fresh vs. Familiar: How
   evidence from user testing
          Aggressively to Redesign
•  Paging vs. Scrolling: Looking
   for the Best Way to Present     •      e Importance Of Labels
   Search Results
                 •    Are developers people?
•  Prioritizing web usability.
    •    30 Usability Issues to Be
•  Deciding When Graphics Will          Aware of
   Help (and When ey Won’t)
¡GRACIAS!
HUGO CAMPODÓNICO
hugocampodonico@gmail.com

User experience design

  • 1.
    USER EXPERIENCE DESIGN Diseñandola experiencia de usuario en interfaces interactivas
  • 2.
    •  La evoluciónde 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.
  • 3.
    Estamos ante unnuevo escenario Con nuevas formas de comunicarnos, relacionarnos, experimentar y compartir.
  • 4.
    Lo más importanteson las personas, debemos centrar nuestro enfoque ahora más que nunca en ellas.
  • 5.
  • 6.
    •  Generar nuevasformas 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.
  • 7.
    En este contextola experiencia de usuario cobra una nueva dimensión.
  • 8.
    ¿Qué es laexperiencia 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.
  • 9.
    ¿Y qué conseguimossi generamos experiencias positivas?
  • 10.
    ¡Engagement! ¡la vinculación delos usuarios con tu marca!
  • 11.
    Diagrama de loselementos de la experiencia de usuario 1.Objetivos. 2.Brand 4.Necesidades de 6.Arquitectura 8.Diseño de experience. contenidos. de información. interfaz: 9.Diseño visual 3.Las 5.Especificaciones 7.Diseño de Información + necesidades de funcionales interacción navegación usuario
  • 12.
    Etapa 1   1. Objetivosdel 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.
  • 13.
    Etapa 2 4. Requerimientosde 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.
  • 14.
    Etapa 3 6. Arquitecturade 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.
  • 15.
    Etapa 4 8. Diseñode 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.
  • 16.
    Etapa 5 9. Diseñovisual Look & feel Tratamiento gráfico de los elementos de la interfaz. Diseño emocional.
  • 17.
    MITOS Y LEYENDASDE LA EXPERIENCIA DE USUARIO
  • 18.
    La gente leeel contenido de las webs.
  • 19.
    Todas las páginasdeben ser accesibles en máximo 3 clicks.
  • 20.
    La gente noescrolea.
  • 21.
    Diseño es hacerque tu web se vea bien.
  • 22.
    La accesibilidad escara y complicada.
  • 23.
  • 24.
    Una buena fotografíamejora la experiencia de usuario.
  • 25.
    El diseño tieneque ser original.
  • 26.
    Si tu diseñoes bueno, los “pequeños detalles” no importan.
  • 27.
    Necesitas rediseñar tusitio periódicamente.
  • 28.
    Los iconos mejoranla usabilidad.
  • 29.
    Tú eres iguala tus usuarios.
  • 30.
    Un buscador solucionarálos problemas de navegación.
  • 31.
    El homepage esla página más importante.
  • 32.
  • 33.
    No necesitas elcontenido para diseñar el website.
  • 34.
    Si funciona paraAmazon, funciona para ti.
  • 35.
    Los test deusabilidad son caros.
  • 36.
    Referencias •  Steve Krug Don’t Make Me •  e Myth of Originality: Why ink things that many deem •  Jakob Nielsen eye-tracking original are actually not study from 2008 •  e $300 Million Button •  David Hamill Stop Counting Clicks •  Design is in the Details •  e myth of the page fold: •  Fresh vs. Familiar: How evidence from user testing Aggressively to Redesign •  Paging vs. Scrolling: Looking for the Best Way to Present •  e Importance Of Labels Search Results •  Are developers people? •  Prioritizing web usability. •  30 Usability Issues to Be •  Deciding When Graphics Will Aware of Help (and When ey Won’t)
  • 37.
  • 38.