ux teoría historia-métodos

Diseño de experiencia de usuario

Teoría, Historia y Método

Rodrigo Ronda León [rronda@infomed.sld.cu]Mayo 2011

Diseñar antes de Construir

Ahorra tiempo, recursos ynos aleja de errores

SOFTWARE

proceso de creación

Experiencia de Usuario

Diseño de Experiencia de Usuario

User Experience (UX)

User Experience Design (UXD)

Experiencia de Usuario

“La percepción y respuesta de una persona como resultado de las expectativas ante o el uso de un producto, sistema o servicio”

“Emociones de usuarios, sus creencias, preferencias, percepciones, respuestasfísicas y psíquicas, comportamientos y logros obtenidos antes, durante y al finalizar el uso.”

ISO FDIS 9241-210:2009. Ergonomics of human system interaction -Part 210: Human-centred design for interactive systems -(formerly known as 13407).

* Donald Norman, Jim Miller, Austin Henderson: What You See, Some of What's in the Future, And How We Go About Doing It: HI at Apple Computer. Proceedings of CHI 1995, Denver, Colorado, USA

Experiencia de Usuario

El término fue dado a conocerpor Donald Norman alrededorde 1995 por un artículotitulado:

Norman es uno de los pioneros del HCI en los años 80 y autor del famoso libro “El diseño de las cosas cotidianas” The Design of Everyday Things, Basic Books

(September 17, 2002)

“User Experience Architect, in the mid-1990s”*

Experiencia de Usuario

Deviene de varios fenómenos:

Ergonomía y Human Factor

HCI (Interacción Humano-Computadora)

Diseño Centrado en Usuario (User-

Centered Design)

Usabilidad

Accesibilidad

Sub-campo o rama de la Experiencia de Usuario.

Diseño de Experiencia de Usuario

Aspecto relacionado con el proceso de creación de un software basándose en los indicadores que influyen en las experiencias que tiene el usuario cuando interactúa con “algo”.

Diseño de Experiencia de Usuario

Término sombrilla que agrupa a varios procesos de diseño; integra varias disciplinas y toma de diferentes ciencias.

Por ejemplo algunos procesos:

• Arquitectura de Información• Diseño de Interacción• Diseño de información

Por ejemplo algunas ciencias:

• Psicología cognitiva• Ciencias de la Información• Ciencias de la Comunicación• Matemáticas

Historia del énfasis en las tecnologías

Juan Francisco Reyeshttp://www.xentido.com/2010/08/¿diseno-de-experiencia-de-usuario-o-diseno-centrado-en-el-usuario/

Jesse James Garret (2000) traducido por Javier Velasco

Los elementos del UX

Nivel 1. Funcionalidad. El producto cumple con una

finalidad o función, soluciona un problema.

Nivel 2. Usabilidad. El producto es fácil, cómodo y

seguro de usar. Es eficiente

Nivel 3. Placer. Cuando un producto ya es fácil de usar,

la siguiente necesidad del consumidor o usuario es que el producto le proporcione algo más, no sólo beneficios funcionales sino también emocionales. El producto es deseable.

Niveles de necesidad

JORDAN P. W. (2000) “Designing pleasurable products. An introduction to the new human factors. Taylor and Francis”. London.

Diseño como proceso comunicativo

Tres círculos de la AIPeter Morville

Panal de la Experiencia de Usuario Peter Morville

Simplicidad como principio de diseño

Interfaces sencillas, donde no haya nada superfluo.

“No se puede experimentar la experiencia hasta que lo

experimente”

Bill Moggridge, IDEO

Ponerse en la posición del usuario

Los mejores diseñadores son los que son capaces de sufrir como usuarios los errores de diseño.

¿Qué es UXD?Un enfoque o una filosofía de diseño.

¿De qué se trata?De diseñar a partir del estudio de los aspectos que influyen y determinan la experiencia que tienen los usuarios con estos sistemas.

¿Cómo se hace?Interactuando con los usuarios, investigándolos, estudiando el contexto de uso, modelando, representando, prototipando, etc.

Concepto

¿Utilidad?Minimiza errores, aumenta la posibilidad del logro del producto, facilita el proceso de creación del producto y satisface al usuario final.

¿Dónde se hace?Diseño de software (en el caso de este curso). Aplicaciones para Web, Desktop, Móvil, etc.

Concepto

Disciplina90 % práctica - 10 % teórica Se aprende haciendo

“Removing testicles is the way to learn to castrate”

Nuestro lema es…

“Depende” (it depends)

No existe nada absoluto en el diseño de software, las cosas pueden cambiar según el contexto, los

contenidos y los usuarios.

Criterio….

“La experiencia está más basada en

la memoria que en la realidad.

Si lo que recuerdas del producto es

maravilloso, serás capaz de perdonar

cualquier situación problemática.”

Donald Norman

METODOLOGÍA

¿Cómo hacer diseño enfocado en la experiencia del usuario?

Etapas. Responden al tiempo transcurrido ¿cuándo?

Actividades o tareas. Responden al proceso ¿qué?

Técnicas. Responden a lo que se hace para lograr los procesos y tarea ¿cómo?

Herramientas. Responden a qué se usa para aplicar las técnicas ¿con qué?

PROCESO

PROCESO

1 INVESTIGACIÓN (obtener toda la

información posible del proyecto, usuarios y producto a diseñar)

ORGANIZACIÓN (proceso cognitivo de procesar toda la información para convertirla en un producto)

DISEÑO (propuesta del diseño del producto a partir de lo organizado)

PRUEBA (comprobación del diseño del producto propuesto)

2

3

4

ETAPAS

PROCESO

• Información relacionada con el proyecto

– Necesidades generales

– Temática del producto

– Objetivos del producto

– Intensión comunicativa del producto (Informar, entretener, alertar)

– Tipología

– Definición general de los usuarios /contexto /contenido

ETAPA INVESTIGACIÓN1

• Estudio de Usuarios (receptores)

– Caracterización (tipología, roles, etc.)

• Perfil de usuarios

– Necesidades (de información, formación, etc.)

– Escenarios

– Tareas de usuarios

ETAPA INVESTIGACIÓN1

• Estudio del contexto.

– Características del contexto de uso (culturales, políticas, económicas, sociales y tecnológicas)

– Definición del modelo de negocio.

– DAFO (FODA)

– Banco de problemas

– Flujograma de procesos y actividades

– Escenarios

– Estudio de mercado, productos similares, etc.

EN CASO DE REDISEÑO DE UN PRODUCTO

– Análisis de uso (Ejemplo: Logs, Google Analytic)

– Evaluación al producto anterior

ETAPA INVESTIGACIÓN1

• Estudio de los contenidos.

– Inventario de recursos

– Mapas de conceptos

– Mapa de contenido

• Estrategia de trabajo, Análisis de recursos de trabajo, Planificación del tiempo de trabajo, etc.

ETAPA INVESTIGACIÓN1

Artefactos generados en esta etapa: Informes y Diagramas

• Representación de todas las estructuras posibles de los contenidos, en correspondencia a las necesidades de usuarios y su contexto.

• Definición de todas las formas de jerarquizar los contenidos.

• Hacer corresponder las estructuras planteadas a las necesidades tanto de emisores (clientes) como de receptores (usuarios).

ETAPA ORGANIZACIÓN2

[ARTE]

Artefactos generados en esta etapa: Diagramas manuscritos y digitales

• Definición de la estructura del producto (diagrama de

organización) (blueprint)(taxonomía)

• Definición del funcionamiento de estas pantallas. (diagrama de funcionamiento) (flow)

• Definición de las pantallas del producto. (diagrama de

presentación) (wireframe)

• Definición de las etiquetas del producto.

• Definición de los servicios que ofrecerá el producto digital.

• Creación de prototipos de bajo y alto nivel

ETAPA DISEÑO3

Artefactos generados en esta etapa: Diagramas digitales y prototipos, informes del producto

• Pruebas de prototipos

• Revisión de diagramas

Técnicas para hacer los test– Crítica de diseño (con usuarios y expertos)

– Test de usuarios (con usuarios potenciales finales)

– Test heurísticos (con expertos)

– Cardsorting (aplicación a otra muestra de usuarios)

ETAPA PRUEBA4

Artefactos generados en esta etapa: Modificaciones a los de la etapa de diseño

• Las técnicas se usan según la necesidad dentro del proceso.

• No están obligatoriamente relacionadas con las actividades ni las etapas.

• Se pueden usar en cualquier momento.

• Se pueden mezclar entre sí – Cardsorting a expertos

– Tormenta de ideas con un Diseño Participativo.

– Encuesta con Análisis de frecuencia de textos.

Técnicas

• Reunión

• Entrevista y Encuesta

• Observación

• Revisión bibliográfica

• Consulta a experto

• Representación y mapeo

Técnicas básicas

• Tormenta de ideas. (brainstorming) (focusgroup)

• Crítica de diseño.

• Diseño participativo.

• Tormenta de necesidades.

• Escenarios.

• Benchmarking. (comparación)(análisis de homólogos)

• Análisis de frecuencia de texto.

Técnicas (principalmente para la búsqueda

de información)

• Organización de tarjetas (cardsorting)

–Agrupación

–Secuencia

–Posición de bloques

• Tabulación de contenidos.

• Diagramas de afinidad.

• Validación de términos.

Técnicas (principalmente para la

organización)

• Análisis de tareas (task analisys).

• Flujogramas.

• Caminara cognitiva (cognitive

walkthrough)

Técnicas (principalmente para el

funcionamiento)

• Diagramación en papel (paper prototype)

• Diagramación del producto:

–Diagrama de organización (blueprint)

–Diagrama de funcionamiento (flow)

–Diagrama de presentación (wireframe)

• Etiquetado

• Prototipado digital

Técnicas (principalmente para el

diseño)