Interfaces de usuario [Interacción humano-computadora]

Transcripción

1 Interfaces de usuario [Interacción humano-computadora] M. en C. Sergio Luis Pérez Pérez UAM CUAJIMALPA, MÉXICO, D. F. Trimestre 14-P Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 1 / 41

2 Interacción humano-computadora I La interacción humano-computadora es una disciplina que se encarga del estudio del intercambio de información mediante algún tipo de software y/o hardware entre los humanos y las computadoras. Se enfoca principalmente en el diseño, evaluación e implementación de dispositivos tecnológicos interactivos. El objetivo primordial es que la interacción entre los usuarios de dispositivos electrónicos y éstos sea eficiente, lo cual significa: Minimizar los errores. Incrementar la satisfacción del usuario. Disminuir la frustración referente al uso del dispositivo. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 2 / 41

3 Interacción humano-computadora II Hacer más eficientes y productivas las tareas rutinarias y de trabajo de las personas. Los objetivos específicos pueden ser: Cooperación entre los humanos y máquinas para la realización de algunas tareas. Habilidades específicas para la manipulación de máquinas a través de interfaces. Algoritmos y programas que trabajan con y para la interfaz. Conceptos de ingeniería aplicados al momento de diseñar y construir interfaces. La especificación, diseño e implementación de la interfaz. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 3 / 41

4 Orígenes Orígenes I La invención de los tubos de rayos catódicos y el lápiz óptico dio origen al desarrollo de técnicas para la mejora de la interacción humano-computadora. Una de las primeras técnicas fue desarrollada por Ivan Sutherland con su programa Sketchpad, desarrollado durante su tesis doctoral en Sketchpad fue el primer programa creado para realizar dibujo por computadora. Tarea Moral Leer la introducción del reporte técnico Sketchpad: A man-machine graphical communication system escrito por Ivan Edward Sutherland. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 4 / 41

5 Orígenes II Interacción humano-computadora Orígenes Sutherland, junto con su estudiante Bob Sproull, implementó un sistema de realidad virtual en Dicho sistema permitía a los usuarios, con ayuda de un casco, simular que entraban a una habitación y que podían mirar en todas direcciones. Dynabook, creado por Alan Key en 1968, era una especie de dispositivo electrónico similar a una Tablet. Este dispositivo pretendía acercar a los niños al mundo digital. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 5 / 41

6 Orígenes III Interacción humano-computadora Orígenes Smalltalk, es el resultado de las investigaciones realizadas por Alan Key, Dan Ingalls, Ted Kaehler, Adele Goldberg durante los 70 s en el Palo Alto Research Center de Xerox (Xerox PARC). Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 6 / 41

7 Orígenes IV Interacción humano-computadora Orígenes Es un lenguaje de programación que, además, permite realizar tareas de computación mediante la interacción de objetos virtuales que se comunican a través del paso de mensajes. Un sistema Smalltalk se compone de: Una máquina virtual. Un archivo Imagen que contiene a todos los objetos del sistema. Un lenguaje de programación. Una biblioteca de objetos reusables. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 7 / 41

8 Orígenes Orígenes V Otros dispositivos y conceptos pioneros Primer prototipo de mouse creado por Douglas Engelbart en La metáfora de escritorio introducida por Alan Kay en Uso de ventanas y punteros. Dispositivos de entrada/salida como la impresora. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 8 / 41

9 Como surge la relación humano-computadora? Como surge la relación humano-computadora? I Para entender la interacción humano-computadora es necesario entender el papel de cada una de las partes. El usuario: Los seres humanos tienen una capacidad limitada de procesar información. En el caso de los dispositivos electrónicos la información se procesa principalmente mediante la visión, la audición y el tacto. La información recibida se almacena en la memoria sensorial, la de corto plazo y la de largo plazo. La información es procesada a través del razonamiento y de habilidades adquiridas (ej. resolución de problemas y detección de errores). Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 9 / 41

10 Como surge la relación humano-computadora? Como surge la relación humano-computadora? II Este proceso es afectado por el estado emocional del usuario. Se debe tener en cuenta que los usuarios tendrán habilidades comunes pero habrá otras que variarán según la persona. La computadora: Hay tres aspectos referentes a la computadora que afectan al usuario. El dispositivo en sí puede afectar de diferentes formas al usuario. Los dispositivos de entrada permiten introducir texto, ya sea mediante un teclado, hablando o mediante un escrito escaneado. Los dispositivos de salida permiten visualizar la información, ya sea mediante pantallas o impresiones en papel. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 10 / 41

11 Como surge la relación humano-computadora? Como surge la relación humano-computadora? III Los sistemas de realidad virtual y de visualización con 3D son primordiales en la interacción humano-computadora. Los dispositivos en contacto con el mundo físico (ej. sensores de temperatura, movimiento). La memoria también afecta al usuario, dependiendo de la capacidad de memoria RAM (corto plazo) y de discos magnéticos y ópticos (largo plazo). La capacidad de memoria tiene una relación directa con el formato del documento o del vídeo a visualizar o reproducir. El procesamiento es el tercer aspecto que afecta al usuario. La velocidad de procesamiento afectará el numero de tareas a realizar al mismo tiempo, aunque va ligado a la memoria. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 11 / 41

12 Como surge la relación humano-computadora? Como surge la relación humano-computadora? IV Interacción humano-computadora: La comunicación entre el usuario y la computadora debe ser buena. La interfaz tiene que estar diseñada pensando en las necesidades del usuario. Si no hay entendimiento entre ambas partes entonces la interacción no será posible. Los principales puntos a tener en cuenta para que exista esta relación son: Requisitos de usabilidad. Medidas de usabilidad. Motivaciones de usabilidad. Usabilidad universal. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 12 / 41

13 Requisitos de usabilidad I Requisitos de usabilidad La creación de una interfaz efectiva puede generar sensaciones positivas de éxito. Cuando un sistema interactivo está bien diseñado la interfaz se vuelve transparente, permitiendo a los usuarios enfocarse en su trabajo. Entre mejor sea el trabajo del diseñador más fácil le será al usuario realizar sus tareas. El diseñador debe tener conocimiento acerca de diversas comunidades de usuarios. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 13 / 41

14 Requisitos de usabilidad II Requisitos de usabilidad El estándar U. S. Military Standard for Human Engineering Design Criteria, desarrollado en 1999, establece las metas que debieran alcanzar los diseñadores de interfaces: Lograr el rendimiento exigido por los usuarios del sistema. Minimizar los requisitos de conocimientos y habilidades por parte de los usuarios. Lograr la fiabilidad exigida en las combinaciones usuario-hardware-software. Fomentar la estandarización del diseño dentro del sistema y entre diferentes sistemas. Los requisitos de usabilidad se descubren al momento de realizar el análisis de requisitos dentro del proceso de Ingeniería de Software. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 14 / 41

15 Requisitos de usabilidad Objetivos de usabilidad dentro del análisis de requisitos I Los principales referentes a la usabilidad dentro del análisis de requisitos son: Determinar las necesidades de los usuarios. Asegurar una fiabilidad apropiada. Estimar la estandarización, integración, consistencia y portabilidad adecuadas. Completar los proyectos en tiempo y con costos dentro del presupuesto. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 15 / 41

16 Requisitos de usabilidad Objetivos de usabilidad dentro del análisis de requisitos II Determinar las necesidades de los usuarios Realizar el análisis de tareas: Determinar las tareas habituales. Determinar las tareas ocasionales. Determinar las tareas excepcionales. Determinar las tareas de reparación. La relación entre la interfaz y la funcionalidad debe ser coherente. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 16 / 41

17 Requisitos de usabilidad Objetivos de usabilidad dentro del análisis de requisitos III Asegurar una fiabilidad adecuada Fiabilidad significa que el sistema funcione correctamente al menos con la probabilidad esperada, lo cual implica: Los datos mostrados deben reflejar el contenido de la base de datos. Las actualizaciones deben realizarse correctamente. El sistema debe tener una disponibilidad alta. Se debe garantizar la seguridad, privacidad e integridad de los datos. Debe haber protección contra el acceso no autorizado. Debe haber protección contra errores humanos. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 17 / 41

18 Requisitos de usabilidad Objetivos de usabilidad dentro del análisis de requisitos IV Estimar la estandarización, integración, consistencia y portabilidad I La estandarización son las características comunes de la interfaz a través de las diversas aplicaciones del usuario. La Organización Internacional para la Estandarización (International Organization for Standarization, ISO) tiene publicados decenas de estándares relacionados con la usabilidad. La integración se refiere a que la interfaz debe poder coexistir y colaborar con otros sistemas. La consistencia se refiere a secuencias de acciones, términos, unidades, composiciones, colores y tipografía. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 18 / 41

19 Requisitos de usabilidad Objetivos de usabilidad dentro del análisis de requisitos V Estimar la estandarización, integración, consistencia y portabilidad II Debe existir compatibilidad entre las aplicaciones. La portabilidad se refiere al potencial de convertir datos y compartir interfaces de usuario entre múltiples entornos de software y hardware. Se debe contar con herramientas que permitan generar el código para diferentes sistemas. Los archivos de texto estándar se pueden llevar fácilmente de un entorno a otro. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 19 / 41

20 Requisitos de usabilidad Objetivos de usabilidad dentro del análisis de requisitos VI Completar los proyectos en tiempo y con costos dentro del presupuesto Demorarse en la entrega seguramente incrementará los costos. Si el proyecto es interno, otros proyectos pueden verse afectados. Si es un sistema comercial y es muy caro, puede existir rechazo por parte de los clientes. Si el sistema fue probado adecuadamente las actualizaciones no serán costosas. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 20 / 41

21 Medidas de usabilidad I Medidas de usabilidad Se deben considerar diversas alternativas de diseño, tal que exista flexibilidad para diferentes comunidades de usuario. La base para establecer los objetivos y las medidas de usabilidad es la determinación de la comunidad de usuarios y de las tareas de medición. Las tareas de medición permiten determinar la eficiencia del sitio. Las principales medidas de usabilidad son: tiempo de aprendizaje, velocidad de realización de las tareas, porcentaje de errores de los usuarios, retención con el paso del tiempo y satisfacción subjetiva. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 21 / 41

22 Medidas de usabilidad Medidas de usabilidad II Tiempo de aprendizaje Cuanto tiempo toma para los usuarios promedio el aprendizaje de las acciones referentes a una tarea? Que tan empinada está la curva de aprendizaje? Velocidad de realización de las tareas Cuánto tiempo se tarda en realizar las tareas de medición? Los puntos de referencia (benchmark) son los adecuados? Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 22 / 41

23 Medidas de usabilidad Medidas de usabilidad III Porcentaje de errores de los usuarios Cuántos errores cometen los usuarios al momento de realizar las tareas de medición? Cuáles tipos de errores, cometidos por los usuarios, son los más comunes? Retención con el paso del tiempo Qué tan bien mantienen los usuarios los conocimientos adquiridos referentes a la aplicación? Qué tan intuitivas son las tareas de medición? Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 23 / 41

24 Medidas de usabilidad Medidas de usabilidad IV Satisfacción subjetiva Cuál fue la aceptación general de la interfaz por parte de los usuarios? Cuáles tareas o aspectos de la interfaz fueron los más agradables para los usuarios? Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 24 / 41

25 Motivaciones de usabilidad I Motivaciones de usabilidad La principal motivación de la usabilidad es que cuando las interfaces están bien diseñadas el usuario se ve beneficiado. Algunas otras motivaciones particulares son: Aumentar la satisfacción y comodidad de los usuario. Aumentar la tasa de visitantes y clientes de un sitio web. Disminuir la tasa de errores cometidos por el usuario. Disminuir los costos de asistencia y ayuda al usuario. Incrementar la productividad de los usuarios. Mejorar la imagen y el prestigio de nuestras aplicaciones. Reducir los costos de aprendizaje. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 25 / 41

26 Motivaciones de usabilidad II Motivaciones de usabilidad Reducir los costos de diseño, rediseño y de mantenimiento. Las motivaciones de la usabilidad pueden ser aplicadas a los siguientes tipos de sistemas. Sistemas críticos. Usos industriales y comerciales. Aplicaciones de oficina, domésticas y de entretenimiento. Interfaces de exploración, creativas y cooperativas. Sistemas socio-técnicos. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 26 / 41

27 Motivaciones de usabilidad Motivaciones de usabilidad III Sistemas críticos Son sistemas de alto costo pero que al mismo tiempo deben ofrecer una alta fiabilidad y eficacia. Son aceptables largos periodos de aprendizaje con la finalidad de obtener un uso eficiente de las aplicaciones. La retención se consigue mediante el uso frecuente de la funcionalidades y simulación de actuaciones de emergencia. La satisfacción subjetiva no es importante pues los usuarios generalmente son profesionales motivados. Ejemplos son: sistemas de control de tráfico aéreo, reactores nucleares, servicios energéticos, sistemas de vigilancia (ciudad segura), instrumental médico, operaciones militares. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 27 / 41

28 Motivaciones de usabilidad Motivaciones de usabilidad IV Usos industriales y comerciales En estos sistemas el costo de entrenamiento de los usuarios es alto por lo que la aplicación debe ser fácil de utilizar. Las aplicaciones deben tener soporte para múltiples idiomas e incluso adaptarse a ciertas cuestiones culturales. La calidad del servicio es acorde al costo del sistema. La retención se adquiere con el uso frecuente. La satisfacción subjetiva no es importante. Ejemplos son: la banca, los seguros, el control de inventarios, las reservas de vuelos y hoteles, los cobros por servicios, las terminales de punto de venta. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 28 / 41

29 Motivaciones de usabilidad Motivaciones de usabilidad V Aplicaciones de oficina, domésticas y de entretenimiento El principal objetivo para estas interfaces es la facilidad de aprendizaje, porcentajes de error bajos y la satisfacción subjetiva. Se requieren procedimientos claros y fáciles de recordar. El bajo costo es importante debido a la alta competencia en el mercado. Se puede intentar realizar un diseño en capas, mostrando al principio la funcionalidad básica y permitiendo al usuario escalar hasta funcionalidades más sofisticadas. Ejemplos son: La paquetería de MS office, juegos, paquetes educativos, cajeros automáticos, celulares, dispositivos electrónicos. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 29 / 41

30 Motivaciones de usabilidad Motivaciones de usabilidad VI Interfaces de exploración, creativas y cooperativas I Son sistemas orientados a proveer aplicaciones de tipo intelectual y creativo. En este tipo de sistemas los usuarios suelen ser conocedores del dominio de la tarea. La motivación de los usuarios es alta y también sus expectativas. Las tareas de medición son difíciles de proponer. El uso puede variar entre ocasional a frecuente. Son sistemas difíciles de diseñar y de evaluar. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 30 / 41

31 Motivaciones de usabilidad Motivaciones de usabilidad VII Interfaces de exploración, creativas y cooperativas II Ejemplos de interfaces de exploración son: los motores de búsqueda, la simulación científica, la toma de decisiones en negocios. Ejemplos de entornos creativos son: sistemas de diseño gráfico, estaciones de trabajo para artistas, para programadores, sistemas de composición musical. Ejemplos de interfaces cooperativas son: Microsoft Office Communicator, Hp virtual rooms, google docs, controladores de versiones. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 31 / 41

32 Motivaciones de usabilidad Motivaciones de usabilidad VIII Sistemas sociotécnicos Son sistemas que involucran a mucha gente dentro de largos periodos de tiempo y son comúnmente creadas por el gobierno. Estos sistemas deben tratar con confidencialidad y responsabilidad la información de las personas. Los diseños deben de tomar en cuenta los diferentes niveles de experiencia de los usuarios. Los diseños para los simples usuarios hacen énfasis en la facilidad de aprendizaje. Los diseños para los administradores se interesan por la ejecución rápida de procedimientos complejos. Ejemplos son: verificadores de identidad, informes de crímenes. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 32 / 41

33 Usabilidad universal I Usabilidad universal La comprensión de las diferencias físicas, intelectuales y de personalidad de los usuarios es vital para ampliar la cuota de mercado. En ocasiones las necesidades especiales de un grupo pueden beneficiar a otros. Cuando se realiza un diseño considerando diferentes situaciones de uso se puede producir una mejor aplicación. Lo ideal sería realizar diseños universalmente usables. A continuación se presentan una serie de criterios y consejos que se deben tomar en cuenta para realizar un diseño. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 33 / 41

34 Usabilidad universal Usabilidad universal II Variación en capacidades físicas y lugares de trabajo I Existe un estándar llamado Human Factors Engineering of Computer Workstations el cual menciona los siguientes criterios a considerar ( Superficie de trabajo y altura del soporte de visualización. Espacio para las piernas bajo la superficie de trabajo. Anchura y profundidad de la superficie de trabajo. Posibilidad de ajuste de alturas y ángulos para sillas y superficies de trabajo. Postura, altura y soporte lumbar del respaldo. Disponibilidad de reposa brazos, reposa pies y reposa muñecas. Usar silla de ruedas. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 34 / 41

35 Usabilidad universal Usabilidad universal III Variación en capacidades físicas y lugares de trabajo II El diseño del lugar de trabajo es importante para asegurar la satisfacción de los usuarios, un alto rendimiento y porcentajes de error bajos. Algunos otros aspectos importantes son: Los niveles de iluminación de la pantalla (de 200 a 500 lux). Ajuste del parpadeo de la pantalla. Ruido acústico y vibración en el lugar de trabajo. Temperatura, circulación y humedad del aire. Temperatura del equipo. Lo anterior debe considerarse pues aún el diseño más elegante podría verse afectado por tales factores. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 35 / 41

36 Usabilidad universal Usabilidad universal IV Diversidad de capacidades cognitivas y perceptivas I La capacidad humana de interpretar la entrada sensorial rápidamente y de iniciar acciones complejas hace posible a los sistemas informáticos modernos. La revista Ergonomics Abstracts presenta la siguiente clasificación de los procesos cognitivos: Memoria a corto plazo y operativa. Memoria a largo plazo y semántica. Resolución de problemas y razonamiento. Toma de decisiones y valoración del riesgo. Comunicación y comprensión del lenguaje. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 36 / 41

37 Usabilidad universal V Usabilidad universal Diversidad de capacidades cognitivas y perceptivas II Memoria de búsqueda, de imágenes y sensorial. Aprendizaje, desarrollo de habilidades, adquisición de conocimiento y asimilación de conceptos. Por otro lado, algunos de los factores que afectan al comportamiento perceptivo y motor son: Vigilancia Fatiga Carga perceptiva Aislamiento sensorial Miedo y ansiedad Drogas, tabaco y alcohol Arousal (controla la alerta) Falta de sueño Monotonía y aburrimiento Nutrición y dieta Humor y emoción Ritmos fisiológicos Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 37 / 41

38 Usabilidad universal Usabilidad universal VI Diferencias de personalidad I A algunas personas no les gustan las computadoras o se angustian por causa de ellas, mientras que otros se sienten atraídos por ellas o están ansiosas por usarlas. Carl Gustav Jung conjeturó que hay cuatro tipos de dicotomías: Extroversión frente introversión. Los extrovertidos se centran en los estímulos externos y gustan de la diversidad, mientras que los introvertidos prefieren patrones familiares y confían en sus propias ideas. Sensación frente intuición. Los tipos sensación se sienten atraídos por las rutinas, son meticulosos y disfrutan empleando sus habilidades, mientras los intuitivos les gusta resolver nuevos problemas y descubrir nuevas relaciones. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 38 / 41

39 Usabilidad universal Usabilidad universal VII Diferencias de personalidad II Percepción frente juicio. Los tipos de percepción gustan de aprender sobre nuevas situaciones pero pueden tener problemas en la toma de decisiones, mientras que los tipos juicio gustan trazar un plan cuidadoso y procurarán llevarlo a termino. Sentimiento frente pensamiento. Los tipo sentimiento se preocupan por los demás, buscan ayudarlos y se relacionan bien, mientras que los tipo pensamiento son insensibles, tratan a las personas de forma impersonal y llevan las cosas con orden lógico. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 39 / 41

40 Reglas de usabilidad Web I Reglas de usabilidad Web Existen 5 criterios para considerar un sistema web usable, los cuales son: Rapidez. Las páginas deben cargarse en una media de 5 segundos. Lo más que esperarán los usuarios para ver el contenido de un sitio web son 10 segundos. No todos los usuarios poseen una conexión de fibra óptica. Simple. La navegación debe ser constante a lo largo de las páginas del sitio. No se debe hacer uso excesivo de animaciones, ya que puede cansar la vista. Investigable. Los motores de búsqueda deben buscar el texto real contenido en el sitio. Esto posicionará bien el sitio web en los buscadores. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 40 / 41

41 Reglas de usabilidad Web II Reglas de usabilidad Web Compatible. El sitio web debe ser compatible con todos los navegadores para su fácil usabilidad. Utilice HTML simple siempre que sea posible. Sitio actualizado. El sitio web perderá credibilidad si luce anticuado o la información es muy pasada. Sergio Luis Pérez (UAM CUAJIMALPA) Curso de Interfaces de Usuario 41 / 41