Introducción a UX

Post on 13-Jun-2015

2.093 views 2 download

Transcript of 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...).

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

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

Diferentes visiones

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

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

Elementos de la 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

El iceberg de la UX

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

El paraguas de la UX

(uxnet.org)

Muchas disciplinas conforman la UX

(www.montparnas.com, 2006)

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)

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

(Yusef Montero)

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.

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)

Rueda de la UX

(Francisco Tosete Herranz, 2003)

Y por qué es importante todo eso?

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

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…

Ordenando las piezas…

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