Ux teoría historia-métodos
-
Upload
rodrigo-ronda -
Category
Design
-
view
312 -
download
0
description
Transcript of Ux teoría historia-métodos
![Page 1: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/1.jpg)
Diseño de experiencia de usuario
Teoría, Historia y Método
Rodrigo Ronda León [[email protected]]Mayo 2011
![Page 2: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/2.jpg)
Diseñar antes de Construir
Ahorra tiempo, recursos ynos aleja de errores
![Page 3: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/3.jpg)
SOFTWARE
proceso de creación
![Page 4: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/4.jpg)
Experiencia de Usuario
Diseño de Experiencia de Usuario
User Experience (UX)
User Experience Design (UXD)
![Page 5: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/5.jpg)
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).
![Page 6: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/6.jpg)
* 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”*
![Page 7: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/7.jpg)
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
![Page 8: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/8.jpg)
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”.
![Page 9: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/9.jpg)
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
![Page 10: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/10.jpg)
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/
![Page 11: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/11.jpg)
Jesse James Garret (2000) traducido por Javier Velasco
Los elementos del UX
![Page 12: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/12.jpg)
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.
![Page 13: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/13.jpg)
Diseño como proceso comunicativo
![Page 14: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/14.jpg)
Tres círculos de la AIPeter Morville
![Page 15: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/15.jpg)
Panal de la Experiencia de Usuario Peter Morville
![Page 16: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/16.jpg)
Simplicidad como principio de diseño
Interfaces sencillas, donde no haya nada superfluo.
![Page 17: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/17.jpg)
“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.
![Page 18: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/18.jpg)
¿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
![Page 19: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/19.jpg)
¿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
![Page 20: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/20.jpg)
Disciplina90 % práctica - 10 % teórica Se aprende haciendo
“Removing testicles is the way to learn to castrate”
![Page 21: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/21.jpg)
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.
![Page 22: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/22.jpg)
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
![Page 23: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/23.jpg)
METODOLOGÍA
¿Cómo hacer diseño enfocado en la experiencia del usuario?
![Page 24: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/24.jpg)
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
![Page 25: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/25.jpg)
PROCESO
![Page 26: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/26.jpg)
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
![Page 27: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/27.jpg)
PROCESO
![Page 28: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/28.jpg)
• 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
![Page 29: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/29.jpg)
• 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
![Page 30: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/30.jpg)
• 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
![Page 31: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/31.jpg)
• 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
![Page 32: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/32.jpg)
• 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
![Page 33: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/33.jpg)
• 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
![Page 34: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/34.jpg)
• 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
![Page 35: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/35.jpg)
• 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
![Page 36: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/36.jpg)
• Reunión
• Entrevista y Encuesta
• Observación
• Revisión bibliográfica
• Consulta a experto
• Representación y mapeo
Técnicas básicas
![Page 37: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/37.jpg)
• 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)
![Page 38: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/38.jpg)
• 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)
![Page 39: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/39.jpg)
• Análisis de tareas (task analisys).
• Flujogramas.
• Caminara cognitiva (cognitive
walkthrough)
Técnicas (principalmente para el
funcionamiento)
![Page 40: Ux teoría historia-métodos](https://reader034.fdocuments.co/reader034/viewer/2022052623/559b564f1a28ab26298b464e/html5/thumbnails/40.jpg)
• 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)