0
Interfaces de usuario y
Usabilidad

Disclaimer: Lamentablemente (para el autor) nada de esto su creación, su único mérito ...
Experiencia de Usuario (UX)
• Conjunto de factores y elementos
relativos a la interacción del usuario,
con un entorno o di...
Experiencia de Usuario (UX)
• Conjunto de factores y elementos relativos a la
interacción del usuario, con un entorno o
di...
Diferentes visiones
• Concepto de reciente aplicación
• No existe una única definición consensuada
• Diferentes definicion...
Factores que componen la UX

•

Factores:
–
–

relativos al diseño (HW, SW, usabilidad, diseño deinteracción, accesibilida...
Elementos de la UX
Elementos de la UX (detalle)
Web como una interface de software

Web como sistema hipertexto

Diseño Visual

Tratamiento g...
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,
Dese...
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 a...
Visión multilateral de la UX
Accesibilidad
Monitoreo
de Uso
Diseño
Visual

Objetivos
estratégicos

Diseño de
interacción

...
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 -...
Recuerda…
• "Los productos tecnológicos que no funcionan
de la manera que las personas esperan las
hace sentir estúpidas -...
Ordenando las piezas…
En este curso…
Diseñaremos un portal teniendo en cuenta factores y roles de UX

Disciplinas /
factores Arquitectura
de inf...
Introducción a UX
Upcoming SlideShare
Loading in...5
×

Introducción a UX

2,150

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,150
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
43
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Introducción a UX"

  1. 1. 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...).
  2. 2. 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
  3. 3. 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
  4. 4. Diferentes visiones • Concepto de reciente aplicación • No existe una única definición consensuada • Diferentes definiciones y modelos propuestos
  5. 5. 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
  6. 6. Elementos de la UX
  7. 7. 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 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 Interacción Arquitectura de Información Especificaciones Funcionales Desarrollo de aplicaciones de flujo para facilitar las tareas del usuario, definiendo cómo el usuario interactúa con las funcionalidades del sitio Descripción detallada de las funcionalidades que el sitio debe cumplir para cumplir las necesidades del usuario Diseño de elementos de interface para facilitar los movimientos del usuario a través de la arquitectura de información Diseño de la presentación de la información para facilitar la comprensión. Diseño estructural del espacio de información para facilitar el acceso intuitivo al contenido 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 Metas internas Objetivos del Metas internas Sitio Orientado a las tareas Objetivos del Sitio Orientado a la información
  8. 8. El iceberg de la UX (Trevor van Gorp , http://www.affectivedesign.org/)
  9. 9. El paraguas de la UX (uxnet.org)
  10. 10. Muchas disciplinas conforman la UX (www.montparnas.com, 2006)
  11. 11. 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)
  12. 12. UX en base a Satisfacción y No frustración (Yusef Montero)
  13. 13. 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.
  14. 14. Visión multilateral de la UX Accesibilidad Monitoreo de Uso Diseño Visual Objetivos estratégicos Diseño de interacción Usabilidad Arquitectura de información (Luis Barbosa Santos, 2007)
  15. 15. Rueda de la UX (Francisco Tosete Herranz, 2003)
  16. 16. Y por qué es importante todo eso?
  17. 17. 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
  18. 18. 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…
  19. 19. Ordenando las piezas…
  20. 20. En este curso… Diseñaremos un portal teniendo en cuenta factores y roles de UX Disciplinas / factores Arquitectura de información Estándares Usabilidad Accesibilidad Diseño de interacción Movilidad Wireframes, Diseño de interacción, Bocetos •Planificación •Diseño conceptual Prototipo •HTML •CSS •JS •…
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×