Interfaces de usuario y
Usabilidad
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
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
de
Informació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
Necesidade
s del
Usuario
Metas externas, identificadas a
través de investigaciones,
etno/tecno/psicográficas
Objetivos del
Sitio
Metas internas Objetivos
del Sitio
Metas internas
El iceberg de la UX
(Trevor van Gorp ,
El paraguas de la UX
(uxnet.org
Muchas disciplinas conforman la UX
(www.montparnas.com,
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,
Rueda de la UX
(Francisco Tosete Herranz,
Ordenando las piezas…
 ¿Cómo se relacionan estas disciplinas?
10
minutos
En grupos
Facultad de Ingeniería y
Tecnologías
Ingeniería y Licenciatura en Informática
Silvia Da Rosa
sdarosa@ucu.edu.uy
C.C.
www.mutuaspalabras.blogspot.com

Más contenido relacionado

PDF
Usabilidad para principiantes
PPTX
Cookies art.22.2 LSSI-CE
PDF
Experiencia usuaria - Visión global
PPT
Gestión de proyectos web de gobierno orientados al ciudadano
PPT
Recomendaciones Para Comunicadores
PPT
Guion multimedia
PDF
Congreso latinoamericano de ciegos tic y diseño universal
PPTX
Creación de contenido accesible
Usabilidad para principiantes
Cookies art.22.2 LSSI-CE
Experiencia usuaria - Visión global
Gestión de proyectos web de gobierno orientados al ciudadano
Recomendaciones Para Comunicadores
Guion multimedia
Congreso latinoamericano de ciegos tic y diseño universal
Creación de contenido accesible

Destacado (13)

PPTX
Estándares Web. Algunos "axiomas".
PPTX
Accesibilidad web por principios - Principio 1: Perceptible
PPTX
Imagenes accesibles
PPTX
Una introducción a la accesibilidad para comunicadores
PPTX
HCI
PPTX
Introducción a la accesibilidad web
PPTX
Accesibilidad web por principios - Principio 2: Operable
PPTX
7 wcag2.0 para comunicadores - Accesibilidad parte 3
PPTX
1.2 Componentes de la accesibilidad web
PPTX
1.1 Introducción a la accesibilidad web
PPTX
Accesibilidad web por principios - Principio 4: robusto
PPTX
6 wcag2.0 para comunicadores - semantica
PPTX
Accesibilidad web por principios - Principio 3: Comprensible
Estándares Web. Algunos "axiomas".
Accesibilidad web por principios - Principio 1: Perceptible
Imagenes accesibles
Una introducción a la accesibilidad para comunicadores
HCI
Introducción a la accesibilidad web
Accesibilidad web por principios - Principio 2: Operable
7 wcag2.0 para comunicadores - Accesibilidad parte 3
1.2 Componentes de la accesibilidad web
1.1 Introducción a la accesibilidad web
Accesibilidad web por principios - Principio 4: robusto
6 wcag2.0 para comunicadores - semantica
Accesibilidad web por principios - Principio 3: Comprensible
Publicidad

Similar a UX (20)

PPTX
Introducción a UX
PPTX
Arquitectura de la Información y Usabilidad - Clase 1
PDF
PDF
¿Existe UX en Internet de las Cosas?
PPT
Arquitectura de la informacion3
KEY
User Experience UX
PDF
Arquitectura de la información 01
PDF
Usabilidad en Aplicaciones Web
PDF
Usabilidad en Aplicaciones Web
PPTX
UX no es diseño gráfico
PPTX
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
DOCX
Interfaz grafica
PPTX
Clasificacion-y-Tipos-de-Interfaz-Grafica-Web.pptx
PPT
Actividad 4 - Grupo 1
PPT
Usabilidad y diseño centrado en la experiencia del usuario
PDF
Clase no 3
ODP
Creacion web
PPTX
Capitulo 19 Modelado De DiseñO
PDF
Usabilidad y Experiencia de Usuario
PPT
Diseño de información, navegación e interfaces
Introducción a UX
Arquitectura de la Información y Usabilidad - Clase 1
¿Existe UX en Internet de las Cosas?
Arquitectura de la informacion3
User Experience UX
Arquitectura de la información 01
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
UX no es diseño gráfico
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
Interfaz grafica
Clasificacion-y-Tipos-de-Interfaz-Grafica-Web.pptx
Actividad 4 - Grupo 1
Usabilidad y diseño centrado en la experiencia del usuario
Clase no 3
Creacion web
Capitulo 19 Modelado De DiseñO
Usabilidad y Experiencia de Usuario
Diseño de información, navegación e interfaces
Publicidad

Más de tayzee (16)

PDF
Checklist accesibilidad wcag 2.0
DOCX
Documentos accesibles (word, ppt, pdf)
PPTX
4 introducción a wcag2.0
PPTX
Beneficios accesibilidad
PPTX
2 diseño universal
PPTX
1) introducción
DOCX
Costos de la accesibilidad
PPTX
Evaluación de accesibilidad web
PPTX
Introducción a la accesibilidad web
PDF
Accesibilidad Web (Una introducción de 3 horas)
PDF
Para que te encuentren
PPT
Evaluacion de accesibilidad
PPT
Introducción a la evaluación de accesibilidad
PPTX
Accesibilidad y HTML para editores
PPTX
Accesibilidad - Introducción
PPTX
Entregables de la AI
Checklist accesibilidad wcag 2.0
Documentos accesibles (word, ppt, pdf)
4 introducción a wcag2.0
Beneficios accesibilidad
2 diseño universal
1) introducción
Costos de la accesibilidad
Evaluación de accesibilidad web
Introducción a la accesibilidad web
Accesibilidad Web (Una introducción de 3 horas)
Para que te encuentren
Evaluacion de accesibilidad
Introducción a la evaluación de accesibilidad
Accesibilidad y HTML para editores
Accesibilidad - Introducción
Entregables de la AI

Último (20)

DOCX
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
PDF
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
PDF
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
PDF
Introducción a la historia de la filosofía
PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
DOC
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PDF
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
PDF
MODULO I ENFERMERIA BASICA.pdf HIstoria en enfermeria
DOC
Manual de Convivencia 2025 actualizado a las normas vigentes
PDF
IPERC...................................
PDF
Ernst Cassirer - Antropologia Filosofica.pdf
PPTX
BIZANCIO. EVOLUCIÓN HISTORICA, RAGOS POLÍTICOS, ECONOMICOS Y SOCIALES
PDF
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
PPTX
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
PDF
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PDF
Los10 Mandamientos de la Actitud Mental Positiva Ccesa007.pdf
DOCX
PLANES DE área ciencias naturales y aplicadas
PPTX
LAS MIGRACIONES E INVASIONES Y EL INICIO EDAD MEDIA
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
Introducción a la historia de la filosofía
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
MODULO I ENFERMERIA BASICA.pdf HIstoria en enfermeria
Manual de Convivencia 2025 actualizado a las normas vigentes
IPERC...................................
Ernst Cassirer - Antropologia Filosofica.pdf
BIZANCIO. EVOLUCIÓN HISTORICA, RAGOS POLÍTICOS, ECONOMICOS Y SOCIALES
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
Los10 Mandamientos de la Actitud Mental Positiva Ccesa007.pdf
PLANES DE área ciencias naturales y aplicadas
LAS MIGRACIONES E INVASIONES Y EL INICIO EDAD MEDIA

UX

  • 1. Interfaces de usuario y Usabilidad Experiencia de usuario
  • 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. 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. Diferentes visiones  Concepto de reciente aplicación  No existe una única definición consensuada  Diferentes definiciones y modelos propuestos
  • 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
  • 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 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 de Informació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 Necesidade s del Usuario Metas externas, identificadas a través de investigaciones, etno/tecno/psicográficas Objetivos del Sitio Metas internas Objetivos del Sitio Metas internas
  • 8. El iceberg de la UX (Trevor van Gorp ,
  • 9. El paraguas de la UX (uxnet.org
  • 10. Muchas disciplinas conforman la UX (www.montparnas.com,
  • 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. UX en base a Satisfacción y No frustración (Yusef Montero)
  • 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. 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,
  • 15. Rueda de la UX (Francisco Tosete Herranz,
  • 17.  ¿Cómo se relacionan estas disciplinas? 10 minutos En grupos
  • 18. Facultad de Ingeniería y Tecnologías Ingeniería y Licenciatura en Informática Silvia Da Rosa sdarosa@ucu.edu.uy C.C. www.mutuaspalabras.blogspot.com

Notas del editor

  • #2: Introduction to UI and UI components Modeling of users Task modeling Iterative design Writing usable documentation User interface metrics Testing with users
  • #8: Jesse Garret Al definir Elementos de la Experiencia de Usuario (Garret, 2000), establece una dualidad básica: la web fue concebida originalmente como un espacio de información hipertextual, pero el desarrollo de tecnologías de front-end y de back-end cada vez más sofisticadas ha fomentado su uso como interfaz de software a distancia. Esta doble naturaleza a dado lugar a mucha confusión. Por ello se pretende definir términos en el contexto apropiado y aclarar relaciones subyacentes entre estos elementos.
  • #11: Una de las aportaciones de la Experiencia del Usuario es su función de concepto 'paraguas' (Instone; 2005) bajo el que integrar las diferentes disciplinas y roles profesionales implicados en el diseño de productos interactivos - ingeniería de la usabilidad, arquitectura de la información, diseño gráfico, diseño de interacción, diseño de información, etc. –[1]. La Experiencia del Usuario es una extensión de estas disciplinas que introduce una perspectiva más amplia acerca de cómo las personas usan la tecnología (McClelland; 2005). Otra de las aportaciones de la Experiencia del Usuario es su especial énfasis en los aspectos emocionales en la interacción, a partir del cual surgen numerosas propuestas metodológicas para capturar, más allá de la simple evaluación en términos de rendimiento (eficacia y eficiencia), cómo resulta esta experiencia.
  • #12: En el contexto de la Web, Morville (2004) propone el análisis de la Experiencia del Usuario es base a siete facetas o propiedades que debe cumplir un sitio web:Útil, Usable, Deseable, Encontrable, Accesible, Creíble y Valioso. Peter Morville Ilustra las facetas de la Experiencia de Usuario para ayudar a los clientes a entender por qué deben trascender la usabilidad: Útil.  Usable. Necesaria pero no suficiente. Deseable. Nuestra búsqueda de la eficiencia debe ser moderada por una apreciación del poder y el valor de la imagen, identidad, marca, y otros elementos de diseño emocional. Encontrable. Debemos esforzarnos para diseñar sitios Web navegables y objetos localizables, para que los usuarios puedan encontrar lo que necesitan. Accesible. Al igual que nuestros edificios disponen de ascensor y rampas, nuestros sitios web deben ser accesibles para las personas con discapacidad (más del 10%de la población). Hoy en día, es un buen negocio y lo ético. Con el tiempo, se convertirá en la ley. Creíble. Gracias al Proyecto de Credibilidad Web, estamos empezando a comprender los elementos de diseño que influyen en la confianza de los usuarios y creer lo que les decimos. Valioso. Nuestros sitios deben ofrecer valor a nuestros patrocinadores.  Morville postula que es necesario definir prioridades entre las distintas facetas.
  • #13: 2.3.2 Satisfacción y No frustración Yusef Montero Identifica siete factores de diseño (Montero, 2006) y los clasifica como higiénicos o motivadores. Los factores higiénicos impiden la frustración y desmotivación del usuario y constituyen una dimensión desapercibida por el usuario. Los factores motivadores producen satisfacción y motivación de uso y sí son percibidos por el usuario.   Los factores identificados se representan en un diagrama basado en el propuesto por Morville (Morville, 2004) utilizando la misma metáfora de ‘panal’ y compartiendo algunas de los factores
  • #15: En la presentación de Marcelo Luis Barbosa dos Santos de Terra Forum Consultores (Santos, 2007) se presenta “Una visión multilateral de la complejidad de la gestión web y las relaciones entre la multitud de disciplinas del medio”.