Clase 1: Introducción a la IPO Introducción...Clase 1: Introducción a la IPO Introducción Un...

Clase 1Clase 13 de Marzo de 2009

Introducción

Interfaces de usuario: Diseño de la interacción1

Clase 1: Introducción a la IPO

Introducción Profesorado

◘ Xavier Ferré Dr Informática FI UPMDr. Informática – FI – UPM

◘ Elena Villalba Dra. Bioingeniería ETSIT – UPM

I i P i d◘ Ignacio PeinadoIng. Telecomunicación. ETSIT – UPM

◘ Lydia GardónDiseñadora gráfica ‐ Lic. Comunicación Audiovisual UPSA.

2Interfaces de usuario: Diseño de la interacción


Introducción Contenidos

◘ Introducción al curso:

◘ Objetivos y metodología del curso

◘ Programación de clases

◘ Introducción a la Interacción persona ordenador

◘ Interfaces de usuario

◘ Usabilidad

◘ Conclusiones

◘ Enlaces recomendados

◘ Listado de proyectos◘ Listado de proyectos

Interfaces de usuario: Diseño de la interacción 3


Introducción Objetivos del curso

◘ Introducción al diseño de la interacción de usuarios.

◘ Introducción a las distintas metodologías de diseño centrado en el usuario, modelado de usuarios y su entorno, análisis y modelado de tareas, técnicas de diseño participativo especificaciones de usabilidad e interfacesdiseño participativo, especificaciones de usabilidad e interfaces.

◘ Introducción al prototipado de baja fidelidad.

M d l í é i d l ió d l bilid d l i i d l◘ Metodologías y técnicas de evaluación de la usabilidad y la experiencia de los usuarios.

◘ La asignatura está orientada hacia los servicios para la gestión de la salud y la◘ La asignatura está orientada hacia los servicios para la gestión de la salud y la mejora de la calidad de vida de todos los ciudadanos.



Introducción Programación de clases (2)

◘ Clase 6 20 de Abril

• Fundamentos de diseño gráficog

◘ Clase 7 27 de Abril

• Accesibilidad y diseño para todosy p

◘ Clase 8 4 de Mayo

• Técnicas de validación.


• Tests de usabilidad

• Taller: Prototipado final digital


• Presentación trabajos

• Evaluación final



Introducción Un poco de historia…




◘ Xerox PARC, mediados de los 70

Alt t l i d d l• Alto computer, el primer ordenador personal.

• Procesador local, pantalla de bits y ratón.

• Interfaz gráfica moderna:

• Editores de texto y gráficos.

• Ventanas de correo electrónico, menús, barras de desplazamiento selección con el ratón etcdesplazamiento, selección con el ratón, etc.

• Redes de área local (Ethernet) para facilitar el uso de recursos compartidos.

◘ Xerox Star (1981) Primer ordenador personal comercial diseñado para “profesionales de la empresa”empresa”.

• Primer GUI, utilizaba muchas ideas desarrolladas en Xerox PARC• Precio: 15000 $


Precio: 15000 $



◘ Apple Lisa (1983), basado en muchas ideas del Star• Predecesor del Macintosh• Predecesor del Macintosh.

• Un poco más barato ($10,000)

• Fracaso comercial.




◘ Macintosh (1984)• Primer ordenador personal p

comercializado con éxito que usaba una GUI y un ratón.

• Precio: 2495$Precio: 2495$

◘ Windows 3.0 (1990)• Primer SO de Microsoft con éxito

comercialcomercial.

• Predecesor de Windows 95.

• … y el resto es historia…







1960’sProgramadores profesionales, “psicología d l ft ”

1960 sdel software”.

1970’s Empresas mainframes línea de1970 s Empresas, mainframes, línea de comandos.

1980’sGrupos de usuario grandes y diversos, “el

1980 sordenador para los demás”.

1990’WWW y más, acceso a la información y

1990’sWWW y más, acceso a la información y sobrecarga.

Computación ubicua inteligencia2000’s

Computación ubicua, inteligencia ambiental, diversidad de tareas, dispositivos, etc…



Introducción ¿Qué es la interacción persona-ordenador?

◘ Disciplina relacionada con el diseño, implementación y evaluación de sistemasinformáticos interactivos para uso de seres humanos y con el estudio de los fenómenos

á l á l dmás importantes con los que están relacionados.• (ACM SIGCHI curricula, 1992)

◘ Human computer interaction (HCI CHI)◘ Human‐computer interaction (HCI, CHI)• En español, IPO

◘ No se limita a la situación clásica de una persona sentada delante de un terminal.◘ No se limita a la situación clásica de una persona sentada delante de un terminal.• Los ordenadores se encuentran en muchas formas

◘ Definición del comportamiento de dispositivos, ambientes y sistemas:• Definición de la forma de los productos en relación a su comportamiento y usos.• Anticipar cómo el uso de dichos productos afectará a las relaciones humanas y al

entendimiento.• Explorar el diálogo entre productos personas y contextosExplorar el diálogo entre productos, personas y contextos.

◘ Los diseñadores de interacción necesitan comprender los objetivos, motivaciones yexpectativas (modelos mentales) de la gente para la diseñan un producto.



Introducción ¿Por qué estudiar la IPO?

◘ La mayoría de los sistemas informáticos son interactivos.

◘ La interfaz es una parte muy importante del éxito o fracaso de una aplicación.◘ La interfaz es una parte muy importante del éxito o fracaso de una aplicación.

◘ Algunos estudios:

• Un 48% del código de una aplicación está dedicado a la interfaz (Myers, 1992)

• Más del 70% del esfuerzo de desarrollo de las aplicaciones interactivas está dedicado a la• Más del 70% del esfuerzo de desarrollo de las aplicaciones interactivas está dedicado a la interfaz (Gartner Group)

Gestión de datos Multimedia

Lógica de la aplicación Interfaz de usuario

Gráficos en 3DEntrada por voz etc.

• El 80% de los costes de mantenimiento de un sistema interactivo son debidos a problemas del usuario con el sistema y no a bugs De estos problemas el 64% son problemas de usabilidadusuario con el sistema y no a bugs. De estos problemas, el 64% son problemas de usabilidad (Pressman, 1992).

• Los ordenadores cada vez son más usados por gente menos preparada.

• Los recursos y conocimientos necesarios para el diseño y desarrollo de interfaces son cada vezLos recursos y conocimientos necesarios para el diseño y desarrollo de interfaces son cada vez mayores.



Introducción Objetivos de la IPO

◘ Desarrollar o mejorar la seguridad, utilidad, efectividad, eficiencia y usabilidad de sistemas que incluyan ordenadoressistemas que incluyan ordenadores.

◘ Para hacer sistemas usables es preciso:

d l f ( ló ó l ) d• Comprender los factores (psicológicos, ergonómicos, organizativos y sociales) que determinan cómo la gente trabaja y hace uso de los ordenadores.

• Desarrollar herramientas y técnicas para ayudar a los diseñadores de sistemas interactivos.

C i i t ió fi i t f ti• Conseguir una interacción eficiente, efectiva y segura.

◘ Los usuarios no han de cambiar radicalmente su manera de ser, sino que los sistemas han de ser diseñados para satisfacer los requisitos del usuario.



Introducción Disciplinas relacionadas

Psicología

P ió

IPOIPO

Diseño

Programación

IngenieríaIPOIPO

Antropología

gdel software

Inteligencia

Ergonomía

Inteligenciaartificial



Introducción Psicología

◘ Ciencia que estudia el comportamiento y los estados de la conciencia de la persona humana, considerada individualmente o como miembro de un grupo social:

• Psicología cognitiva:Trata de comprender el comportamiento humano y los procesos mentales que comporta (Factores humanos).

• Psicología social:Trata de estudiar el origen y las causas del comportamiento humano en un contexto social.

◘ Contribución a la IPO:

• Conocimientos y teorías sobre el comportamiento de las personas y la forma en que y p p y qprocesan la información.

• Metodologías y herramientas para evaluar el grado de satisfacción de las personas con el diseño de la interfaz.



Introducción Diseño

◘ Es la actividad encaminada a conseguir la producción en serie de objetos útiles y visualmente agradables.

◘ Es muy importante para conseguir programas usables.



Introducción Antropología - Etnografía

◘ Es la ciencia que estudia las costumbres y las tradicionesde los pueblos:de los pueblos:

• En los últimos años, algunas de lasmayores compañías americanas estánmayores compañías americanas estánreclutando antropólogos paracomprender mejor a sus clientes y sustrabajadores y para diseñar productosque reflejen mejor las tendenciasque reflejen mejor las tendenciasculturales emergentes.

• Las herramientas de investigaciónetnográfica pueden responder acuestiones sobre organizaciones ymercados que otros métodos nopueden.p



Introducción Ergonomía

◘ Es el estudio de las características físicas de la interacción (por ejemplo, el entorno físico donde se produce)donde se produce).

◘ Su propósito es definir y diseñar herramientas y artefactos para diferentes tipos de ambientes (trabajo o io domésti o)ambientes (trabajo, ocio, doméstico).

◘ El objetivo es maximizar la seguridad, eficiencia y fiabilidad para simplificar las tareas e incrementar la sensación de confort y satisfacción.



Introducción Ergonomía

◘ Ejemplos de aspectos considerados por la ergonomía:

• Organización de los controles y pantallas (para permitir una acción rápida del usuario, que debe poder acceder a todos los controles y ver toda la información sin mover excesivamente el cuerpo).p )

• Información más importante situada a la altura de los ojos.

• Colocación espaciada de los controles.

• Prevención de los reflejos.Prevención de los reflejos.

• Entorno físico de la interacción.

• Aspectos de salud: posición física, tiempo de permanencia ante el ordenador, temperatura, radiación de las pantallas.

• Uso del color (los diferentes colores deben ser distinguibles).



Introducción Inteligencia artificial

◘ Trata de diseñar sistemas que simulen aspectos del comportamiento humano inteligenteinteligente.

◘ Ejemplos de uso en IPO:j p

• Diseño de tutores y sistemas expertos en interfaces inteligentes.

• Diseño de interfaces en lenguaje natural, mediante voz.

• Diseño de agentes inteligentes para simplificar la realización de tareas frecuentes.



Introducción Ingeniería del software

◘ Estudia técnicas de diseño y desarrollo de software.

◘ Sólo con el uso de procedimientos y técnicas de ingeniería se consigue un software de calidad.

◘ Es importante tener en cuenta la ingeniería del software en el desarrollo de un sistema interactivo.



Introducción Interfaces

◘ Las interfaces se encargan de la RELACIÓN FÍSICA y PSICOLÓGICA/COGNITIVA entre la persona y el sistema:persona y el sistema:

• Interacción física (teclado, ratón, pantalla...)

• Interacción cognitiva (lo que se presenta al usuario debe ser comprensible para él)

◘ DEF Interfaz de usuario. Aquella parte del sistema que permite el intercambio de q p q pinformación entre un usuario humano y los componentes hardware o software.

◘ DEF Interfaz gráfica de usuario (Graphical User Interface, GUI). Método de interacción persona‐ordenador a través de metáforas o de una manipulación directa de elementos gráficos y/o widgetsgráficos y/o widgets.



Introducción ¿Cómo deben ser las interfaces?

◘ Ante todo usables.

◘ Multimodales: el usuario es capaz de relacionarse con el sistema de diversas formas para expresar el mismo

tconcepto.

◘ No intrusivas: el usuario siente que controla el sistema.

◘ Adaptativas: se adaptan al contexto físico

y psicológico del usuarioy psicológico del usuario.

◘ Naturales.



Introducción Ejemplos de interfaces



Introducción Usabilidad

◘ Para que un sistema interactivo cumpla sus objetivos tiene que ser usable y accesible a la mayor parte de la población humanamayor parte de la población humana.

◘ La usabilidad es la medida en la que un producto se puede usar por determinados i i bj ti ífiusuarios para conseguir unos objetivos específicos con:

• Efectividad

• Eficiencia

• Satisfacción en un contexto de uso dado



Introducción Usabilidad: Software usable

◘ Software usable: fácil de aprender y fácil de utilizar.

Fá il d tili li l t l• Fácil de utilizar: realiza la tarea para la que se usa.

• Fácil de aprender: permite realizar las tareas rápidamente y sin errores.

◘ Una aplicación usable es la que permite al usuario centrarse en su tarea, no en la aplicación.

Las interfaces se ponen en el medio. No quiero concentrar misenergías en la interfaz me quiero concentrar en mi trabajoenergías en la interfaz, me quiero concentrar en mi trabajo.

(Donald Norman)



Introducción Usabilidad: Comentarios habituales de malos hábitos

◘ Los usuarios no necesitan mejores interfaces sino un mejor entrenamiento.

◘ La usabilidad es subjetiva, no se puede medir.

◘ El diseño de la interfaz está implícito en el diseño del software, no ha de planificarse expresamente.

◘ Si el diseñador está familiarizado con guías de estilo y principios de diseño, hará una buena interfaz.

◘ En el diseño de la interfaz no es necesario llegar hasta el diseño detallado.

◘ La usabilidad aumenta los costes de desarrollo.



Introducción Usabilidad: Principios generales

1. Facilidad de aprendizaje

2. Flexibilidad

3 Consistencia3. Consistencia

4. Robustez

5. Recuperación de errores

6. Tiempo de respuesta

7. Adecuación de las tareas

8 Disminución de la carga cognitiva8. Disminución de la carga cognitiva




1. Facilidad de aprendizaje

◘ El tiempo requerido desde el no conocimiento de una aplicación hasta su uso productivo debe ser mínimo.

◘ Debe proporcionarse ayuda a usuarios intermedios para que alcancen un nivel de conocimiento y uso del sistema máximos.

◘ Para que un sistema sea fácil de aprender debe ser:

• SintetizableEl usuario debe poder evaluar el efecto de operaciones anteriores en el estado actual.

• FamiliarDebe existir una correlación entre los conocimientos que posee el usuario (interacción con el mundo real y con otros sistemas) y los conocimientos requeridos para la interacción en un sistema nuevopara la interacción en un sistema nuevo




2. Flexibilidad

◘ Flexibilidad: multiplicidad de maneras en que el usuario y el sistema pueden intercambiar información.

◘ Parámetros que miden la flexibilidad:

• Control del usuarioEl usuario es quien conduce la interacciónEl usuario es quien conduce la interacción

• Migración de tareasPosibilidad de transferir el control de las tareas entre el usuario y el sistema (ej:

áfi )corrector ortográfico)

• Capacidad de sustituciónPermitir que valores equivalentes puedan ser sustituidos unos por otros (ej: margen q q p p ( j gde una carta)

• AdaptabilidadAdecuación automática de la interfaz al usuario (ej: detección de la repetición deAdecuación automática de la interfaz al usuario (ej: detección de la repetición de secuencias de tareas)




2. Flexibilidad

Có d l l iCómo dar control al usuario:

◘ Permitir deshacer.

◘ Dar a los usuarios control para empezar y terminar las operaciones siempre que sea posible.

◘ Cuando un proceso no se pueda interrumpir, advertir al usuario y visualizar mensajes apropiados durante el proceso.

◘ Permitir suspender una acción y comenzar otra para atender un trabajo inesperado◘ Permitir suspender una acción y comenzar otra para atender un trabajo inesperado.

◘ Proporcionar atajos de teclado para las tareas frecuentes




3. Consistencia

◘ Es un concepto clave en la usabilidad.

◘ Un sistema es consistente si todos los mecanismos que se utilizan son siempre◘ Un sistema es consistente si todos los mecanismos que se utilizan son siempre usados de la misma manera, siempre que se utilicen y sea cual sea el momento en que se haga.

◘ Consejos para diseñar sistemas consistentes:

• Seguir guías de estilo siempre que sea posible.

• Diseñar con un ‘look & feel’ común.

• No hacer modificaciones si no es necesario hacerlas.

• Añadir nuevas funcionalidades al conjunto preexistente en vez de cambiar las ya conocidas.




4. Robustez

◘ El sistema debe permitir al usuario conseguir sus objetivos sin problemas◘ El sistema debe permitir al usuario conseguir sus objetivos sin problemas.

5. Recuperación ante errores

◘ El sistema debe permitir al usuario corregir una acción una vez que ésta ha sido reconocida como erróneareconocida como errónea.

6. Tiempo de respuesta

◘ Tiempo de respuesta: tiempo que necesita el sistema para expresar los cambios de estado al usuarioestado al usuario.

◘ Los tiempos de respuesta deben ser soportables para el usuario.




7. Adecuación de las tareas

El sistema debe permitir todas las tareas que el usuario quiere hacer y en la◘ El sistema debe permitir todas las tareas que el usuario quiere hacer y en la forma en que éste las quiere hacer.

8. Disminución de carga cognitiva

◘ Debe favorecerse en los usuarios el reconocimiento sobre el recuerdo.

◘ Los usuarios no deben tener que recordar abreviaturas y códigos complicados.


Dolphin Plus, herramienta para configuración de sensores de nivel y de flujo industriales


Introducción Conclusiones

◘ La IPO es una disciplina bien asentada.

◘ La interacción como concepto amplio y en la que hay que tener en cuenta todo el entorno.

◘ La interdisciplinariedad de la IPO.

◘ La usabilidad como objetivo fundamental.

◘ Importancia del diseño centrado en el usuario. (Próxima clase)



Introducción Enlaces recomendados

◘ Asociación Interacción Persona Ordenador. Libro virtual: www.aipo.es

◘ Bibliografía IPO: www.hcibib.org

bilid d bl b◘ Usabilidad: www.usableweb.com



Introducción Listado de proyectos para trabajos en equipo

◘ Menú inteligente

◘ Frigorífico inteligente

◘ Carrito de supermercado

Gi i i li◘ Gimnasio inteligente

◘ E‐hogarg

◘ Vida independiente

◘ Gestión de la enfermería de una planta de hospital


Date post:	16-Jul-2020
Category:	Documents
Upload:	others
View:	10 times
Download:	0 times

Clase 1: Introducción a la IPO Introducción...Clase 1: Introducción a la IPO Introducción Un...

Documents