MEMBER

Presentación bajo licencia Creative CommonsAtribución 2.5 Argentinahttp://creativecommons.org/licenses/by/2.5/ar

#33B5E5

#0099CC

#AA66CC

#9933CC

#99CC00

#669900

#FFBB33

#FF8800

#FF4444

#CC0000

Q W2 E

3 R4 T Y U I

A S D F G H J K

Z X C V B N M@sbustelo

User Experience:Touch vs. tOuch!Santiago BusteloDirector de diseño, KambricaIxDA Latin America Regional Coordinator

UBA Facultad de Ciencias Exactas16 de abril, 2014

MEMBER

Me presento…

• Santiago Bustelo, diseñador de interacción.• Fundador y Director de Diseño, Kambrica.

• Fundador y Coordinador IxDA Buenos Aires y Coordinador Regional de IxDA en Latinoamérica. Organizador de los principales eventos de UX en Argentina desde 2010 y de Interaction South America 2014.

• Desde 1997 he participado en proyectos de diseño y desarrollo para Microsoft, Staples, Coca-Cola, HP, TetraPak, MetLife, HSBC, Telefónica, Jumbo, Molinos, Banco Santander, Bumeran.com, Guía Óleo y Universidad de Stanford, entre otros.

• He dictado presentaciones y talleres sobre Usabilidad, Diseño de Interacción y Experiencia de Usuario (UX) desde el año 2001 en Argentina, Brasil, Colombia, EEUU, Canadá, Irlanda y Holanda.

Evolución en Experiencia de Usuario •MEMBER

IxDA (Interaction Design Association)

• Organización abierta, voluntaria y gratuita, con la misión de liberar a la condición humana de las malas experiencias que la desafían, avanzando la disciplina de Diseño de Interacción.

• Foro global, más de 76.000 miembros, 160 grupos locales, 36 grupos en América Latina.

• En Argentina:• Buenos Aires: ixda.com.ar• Córdoba: ixdaCba.com.ar• Corrientes / Resistencia:

facebook/IxdaCorrientesResistencia• La Plata: ixdaLaPlata.com.ar• Mar del Plata: @IxDAMDQ• Mendoza: ixdaMza.com.ar• Rosario: ixdaRosario.com.ar• Tucumán: ixdaTucuman.com.ar

3

ixda.org

Evolución en Experiencia de Usuario •MEMBER

¿Qué cambió en los últimos 20 años?

4

Evolución en Experiencia de Usuario •MEMBER

Leer el diario1993 2013

5

Evolución en Experiencia de Usuario •MEMBER

1993 2013

Buscar trabajo

6

Evolución en Experiencia de Usuario •MEMBER

1993 2013

Trabajo administrativo

7

Evolución en Experiencia de Usuario •MEMBER

1993 2013

Hacer las compras

8

Evolución en Experiencia de Usuario •MEMBER

1993 2013

Reencontrarse con compañeros de escuela

9

Evolución en Experiencia de Usuario •MEMBER

El mundo digital que nosotros construimos

10

• Great Power: los diseñadores y desarrolladores somos los arquitectos e ingenieros de una sociedad de información.

• Great responsibility: En un mundo cada vez más conectado e interdependiente, los diseñadores y desarrolladores tenemos la llave para lograr que cada producto o servicio interactivo sea usable y accesible para todas las personas, sin importar el nivel de alfabetización digital y las capacidades físicas, sensoriales, e intelectuales que tengan.

¿Qué mundo queremos construir?

Foto: Ed Yourdon

Evolución en Experiencia de Usuario •MEMBER

User Experience (UX)

“ Inventé el término porque pensé que interfaz y usabilidad eran demasiado limitados. Quise cubrir todos los aspectos de la experiencia de una persona con un sistema, incluyendo el diseño industrial, gráficos, la interfaz, la interacción física, y el manual. Don Norman

12

Evolución en Experiencia de Usuario •MEMBER

Factores que componen UX

13

time pressure,

pressure of success and fail,

explicit and implicit requirements, etc.

sex, fashion,

habits, norms, language,

symbols, religion, etc.

time, place,

accompanying persons,

temperature, etc.

cultural factorssocial factors

values,

emotions,

expectations,

prior experiences,

physical characteristics,

motor functions,

personality,

motivation,

skills,

age, etc.

user

usability,

functions,

size, weight,

language, symbols,

aesthetic characteristics,

usefulness,

reputation,

adaptivity,

mobility,

etc.

product

context of use

INTERACTION

User Experience

Arhippainen, L., Tähti, M. (2003). Empirical Evaluation of User Experience in Two Adaptative Mobile Application Prototypes. Proceedings of the 2nd International Conference on Mobile and Ubiquitous Multimedia, 10–12 December, 2003, Norrköping, Sweden.

Espacio de diseño

Impacto

Funcionalidad

Prototipado

Versión candidataa de nitiva

Procesosfront-end

Arquitecturade Información

Ing. deUsabilidad

Simplicidad

Consistencia

Marketing

Comunicacionesde Marketing

Diseñoestético

Diseño deidentidad Aspecto y

comportamiento

Interfaz

Guía de estilo

Plan denegocios

Oferta

Argumentocomercial

Performance

Diseño deInteracción

Diseño deInformaciónDiseño de

Interacción

Análisisde negocio

DesarrolloVisual

UX

Tecnología

UX

Negocio Diseño

Disciplinasprincipales

Usabilidad

Arquitecturade información

Diseño deInteracción

V0.5 © 2009 by Information Architects, Inc.

Evolución en Experiencia de Usuario •MEMBER

• Diseño de Experiencias (UX)• Dirigir la forma en que se siente una persona usando un producto, sistema o

servicio.• Diseño de Servicios

• Planificar y organizar personas, infraestructura, comunicación y componentes materiales de un servicio para mejorar su calidad y relación con sus clientes.

• Diseño de Interacción (IxD) • Define el modelo de operación de productos interactivos para lograr mejores

experiencias para más usuarios.• Diseño de Interfaces

• Define los elementos concretos empleados en la interacción.• Diseño visual

• Define lenguaje, carácter e identidad visual del producto.

ABSTRACTO

CONCRETO

UX y Diseño: definir cómo es, cómo funciona y cómo luce un producto digital

15

Evolución en Experiencia de Usuario •MEMBER

Diseño de Interacción: el usuario como procesador

• Modelo de operación:

• Secuencias de pasos (algoritmo)que el usuario debe descubrir y ejecutarpara lograr una tarea

• Relevamiento y pruebas con usuarios para elaborar modelos válidos versus hipótesis sin comprobar

16

Evolución en Experiencia de Usuario •MEMBER

Forma versus Función

1 2 3 4

5 6

7 8 9 10 11 12

13

14

15 16 17 18 19 20 21

22 23

24

25 26 27 28 29 30 31

17

Evolución en Experiencia de Usuario •MEMBER

Forma y Función

19

D L M M J V S

26 27 28 29 30 31 1

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28 29

30 31 2 3 4 5 6

Evolución en Experiencia de Usuario •MEMBER

• La usabilidad de una interfaz es una medida de la efectividad, eficiencia y satisfacción con la cual determinados usuarios pueden alcanzar determinados objetivos en un entorno particular con dicha interfaz.(ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997)

Usabilidad

21

Evolución en Experiencia de Usuario •MEMBER

Diseño y Usabilidad como Calidad

• Son atributos cualitativos intrínsecos al producto

• Como la performance, no se pueden “agregar”.

• Son afectados por todos los que construyen el producto.

• Siempre ocurren

• A un producto no le “falta” diseño o usabilidad. En todo caso, su diseño o usabilidad son malos.

• Hay diseños intencionales… y diseños que se cometen

22

Evolución en Experiencia de Usuario •MEMBER

Experiencias accidentales:la experiencia del usuario como riesgo

23

“ Nadie quiere creer que ofrece un producto de mala calidad o deficiente, porque nadie se propone un mal diseño como meta. Es siempre un riesgo. Los malos diseños y malas experiencias suceden”.

(Kaleem Khan, consultor de UX)

Efectividad: Incorporando al usuario

Evolución en Experiencia de Usuario •MEMBER

Eficiencia: análisis y cuantificación

25

Evolución en Experiencia de Usuario •MEMBER

Satisfacción: experiencia óptima

Simplificación del modelo de Mihaly Csikszentmihalyi

Frustración

Fluencia

desafío

habilidad

Aburrimiento

26

Evolución en Experiencia de Usuario •MEMBER

A incorporar y desarrollar para avanzar en UX

• Construir perfiles de usuarios.

• Describir los requerimientos y escenarios de uso desde la perspectiva del usuario final antes de comenzar con el diseño de la interfaz.

• Priorizar la funcionalidad a construir de acuerdo al valor que aporta para el usuario.

• Definir los flujos de navegación del usuario para la resolución de tareas con la interfaz.

• Incorporar instancias de revisión e iteraciones de las interfaces con otras áreas y con la dirección del proyecto.

• Asistir a capacitaciones sobre UX.

27

Evolución en Experiencia de Usuario •MEMBER

Procesos de diseño y desarrollo

28

Evolución en Experiencia de Usuario •MEMBER

Proceso lineal

1. Definición de requerimientos.

2. Diseño y desarrollo a nivel de producción.

3. Entrega.

29

Evolución en Experiencia de Usuario •MEMBER

Proceso lineal interminable

1. Definición de requerimientos.

2. Diseño y desarrollo a nivel de producción.

3. Entrega.

4. No es lo que el cliente quería o lo queel usuario necesitaba,retrocede tres casilleros.

5. Se repite hasta el hartazgo de unao ambas partes.

30

Evolución en Experiencia de Usuario •MEMBER

Problemas bien definidos

• Es posible definir estado inicial, estado deseado, y camino más corto.

• Se aplican algoritmos: secuencias estructuradas de pasos que garantizan “la” solución.

• Metodología secuencial.

• Foco en análisis y documentación.

Problemas complejos

• El problema no es entendido hasta no haberlo resuelto.

• Se trabajan de forma heurística, en un proceso de prueba y error para aproximarse a “una” solución.

• Metodología ágil.

• Foco en entregables.

Entender el tipo de problema

31

Diseño como innovación implica resolver problemas complejos.

Evolución en Experiencia de Usuario •MEMBER

Proceso convergente

1. Objetivos y análisis inicial.

2. Diseño y desarrollo en iteracionesavanzando y validando progresivamenteaspectos del producto, de general a particular.

3. Entrega.

32

Evolución en Experiencia de Usuario •MEMBER

¿Cuándo está terminado el diseño de UX?

• Cuando nos gusta a nosotros

• Cuando funciona como queríamos

• Cuando le gusta al cliente

• Cuando el usuario logra lo que esperábamos

33

Evolución en Experiencia de Usuario •MEMBER

Caso ejemplo:

Explore Chicago

34

Evolución en Experiencia de Usuario •MEMBER

Definición de Objetivo: ¿qué problema le queremos resolver a quién?

35

“Our goal was to develop a mobile application that provides tools for exploration for both Chicago locals and out-of-town travelers”.

Evolución en Experiencia de Usuario •MEMBER

User Matrix

36

Copyright © 2009 linlindesigns.com

Evolución en Experiencia de Usuario •MEMBER

User Profile

37

Copyright © 2009 linlindesigns.com

Evolución en Experiencia de Usuario •MEMBER

User Scenario

38

Copyright © 2009 linlindesigns.com

Evolución en Experiencia de Usuario •MEMBER

User Testing

39

Copyright © 2009 linlindesigns.com

Evolución en Experiencia de Usuario •MEMBER

Sample Screens

40

Copyright © 2009 linlindesigns.com

Evolución en Experiencia de Usuario •MEMBER

Conclusiones

• Pensar en lo que pasa fuera de la pantalla.

• Observar cómo los usuarios operan en la vida real.

• Usabilidad como QA: los problemas de que no identifiquemos y resolvamos, los encontrarán nuestros usuarios.

• Proceso iterativo de análisis y diseño centrado en la operación y necesidades del usuario.

41

User Experience:Touch vs. tOuch!UBA Facultad de Ciencias Exactas

16 de abril, 2014

K a m b r i c aSumate a la Asociación deDiseño de Interacción: ixda.com.ar

MEMBER

www.kambrica.com