Introducción a UX

21
Interfaces de usuario y Usabilidad Disclaimer: Lamentablemente (para el autor) nada de esto su creación, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).

Transcript of Introducción a UX

Page 1: Introducción a UX

Interfaces de usuario y Usabilidad

Disclaimer: Lamentablemente (para el autor) nada de esto su creación, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).

Page 2: Introducción a UX
Page 3: Introducción a UX

Experiencia de Usuario (UX)

• Conjunto de factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generación de una percepción positiva o negativa de dicho servicio, producto o dispositivo.

http://es.wikipedia.org/wiki/Experiencia_de_usuario

Page 4: Introducción a UX

Experiencia de Usuario (UX)

• Conjunto de factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generación de una percepción positiva o negativa de dicho servicio, producto o dispositivo.

http://es.wikipedia.org/wiki/Experiencia_de_usuario

Page 5: Introducción a UX

Diferentes visiones

• Concepto de reciente aplicación• No existe una única definición consensuada• Diferentes definiciones y modelos propuestos

Page 6: Introducción a UX

Factores que componen la UX

• Factores: – relativos al diseño (HW, SW, usabilidad, diseño deinteracción, accesibilidad, diseño gráfico y visual,

calidad de los contenidos, buscabilidad o encontrabilidad, utilidad, etc) – relativos a las emociones, sentimientos, construcción y transmisión de la marca, confiabilidad del

producto, etc.

Imagen: Arhippainen y Tähti (2003). Capturing user experience for product design. IRIS26, the 26th Information Systems Research Seminar in Scandinavia. Porvoo, Finland, 9-12 August 2003. Disponible en: http://www.vtt.fi/virtual/adamos/material/arhippa2.pdf

Page 7: Introducción a UX

Elementos de la UX

Page 8: Introducción a UX

Elementos de la UX (detalle)Web como una interface de software Web como sistema hipertexto

Diseño Visual Tratamiento gráfico de elementos de interface (look y look and feel)

Diseño Visual Tratamiento visual del texto, elementos gráficos y componentes de navegación

Diseño de Interface

Diseño de elementos de interface para facilitar la interacción del usuario y la funcionalidad

Diseño de Navegación

Diseño de elementos de interface para facilitar los movimientos del usuario a través de la arquitectura de información

Diseño de Información

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

Diseño de Información

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

Diseño de Interacción

Desarrollo de aplicaciones de flujo para facilitar las tareas del usuario, definiendo cómo el usuario interactúa con las funcionalidades del sitio

Arquitectura deInformación

Diseño estructural del espacio de información para facilitar el acceso intuitivo al contenido

Especificacio-nes Funcionales

Descripción detallada de las funcionalidades que el sitio debe cumplir para cumplir las necesidades del usuario

Requisitos de Contenido

Definición de elementos de contenido requieridos para cumplir con las necesidades de los usuarios

Necesidades del Usuario

Metas externas, identificadas a través de investigaciones, etno/tecno/psicográficas

Necesidades del Usuario

Metas externas, identificadas a través de investigaciones, etno/tecno/psicográficas

Objetivos del Sitio

Metas internas Objetivos del Sitio

Metas internas

Orientado a las tareas Orientado a la información

Page 9: Introducción a UX

El iceberg de la UX

(Trevor van Gorp , http://www.affectivedesign.org/)

Page 10: Introducción a UX

El paraguas de la UX

(uxnet.org)

Page 11: Introducción a UX

Muchas disciplinas conforman la UX

(www.montparnas.com, 2006)

Page 12: Introducción a UX

Análisis de la UX

• En base a siete facetas o propiedades que debe cumplir un sitio web:– Útil, – Usable, – Deseable, – Encontrable, – Accesible, – Creíble y – Valioso.

(Morville, 2004)

Page 13: Introducción a UX

UX en base a Satisfacción y No frustración

(Yusef Montero)

Page 14: Introducción a UX

Teoría de conjuntos evolutivos

El IA Institute hizo su propia teoría de conjuntos con la intención de poner orden en un aparente caos de responsabilidades.

Page 15: Introducción a UX

Visión multilateral de la UX

Accesibilidad

Diseño de interacción

Usabilidad

Arquitectura de

información

Objetivos estratégicos

Diseño Visual

Monitoreo de Uso

(Luis Barbosa Santos, 2007)

Page 16: Introducción a UX

Rueda de la UX

(Francisco Tosete Herranz, 2003)

Page 17: Introducción a UX

Y por qué es importante todo eso?

Page 18: Introducción a UX

Recuerda…• "Los productos tecnológicos que no funcionan

de la manera que las personas esperan las hace sentir estúpidas - aún cuando efectivamente hayan logrado lo que se propusieron."

Jesse James Garett, 2002

Page 19: Introducción a UX

Recuerda…• "Los productos tecnológicos que no funcionan

de la manera que las personas esperan las hace sentir estúpidas - aún cuando efectivamente hayan logrado lo que se propusieron."

Jesse James Garett, 2002

Y a nadie le gusta que lo hagan sentir estúpido…

Page 20: Introducción a UX

Ordenando las piezas…

Page 21: Introducción a UX

En este curso…Diseñaremos un portal teniendo en cuenta factores y roles de UX

Arquitectura de información

Usabilidad

Diseño de interacción

Movilidad

Accesibilidad

Estándares

Wireframes, Diseño de interacción, Bocetos•Planificación•Diseño conceptual

Prototipo•HTML •CSS •JS • …

Disciplinas / factores