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

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. 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

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

6. 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

7. Elementos de la UX

8. 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

9. El iceberg de la UX
(Trevor van Gorp , http://www.affectivedesign.org/)

10. El paraguas de la UX
(uxnet.org)

11. Muchas disciplinas conforman
la UX
(www.montparnas.com, 2006)

12. 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)

13. UX en base a Satisfacción y No
frustración
(Yusef Montero)

14. 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.

15. 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)

16. Rueda de la UX
(Francisco Tosete Herranz, 2003)

17. Y por qué es importante todo
eso?

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

19. 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…

20. Ordenando las piezas…

21. 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
•…