interacción hombre-máquina principios de diseño de interfaces prof. adelaide bianchini depto. de...
TRANSCRIPT
![Page 1: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/1.jpg)
Interacción Hombre-Máquina
Principios dediseño de Interfaces
Prof. Adelaide BianchiniDepto. de Computación y Tecnología de la Información
Universidad Simón Bolívar - Caracas. Mayo 2008
![Page 2: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/2.jpg)
Interacción Hombre-Máquina
Estilos de interfaces
Los estilos de interfaces predominantes son:
• La interfaz por línea de comandos• Menús y formularios• Manipulación directa - GUI• Interfaces con interacción asistida
![Page 3: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/3.jpg)
Interacción Hombre-Máquina
Objetivos de una buena interfaz:
• Maximizar la velocidad de aprendizaje
• Minimizar la tasa de errores
• Maximizar la velocidad de uso
• Estética adecuada
![Page 4: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/4.jpg)
Interacción Hombre-Máquina
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 5: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/5.jpg)
Interacción Hombre-Máquina
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
Diseño centrado en el usuario
Principios
Reglas
• Estándares
• Directrices Guías de estilo
![Page 6: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/6.jpg)
Interacción Hombre-Máquina
Principios
Son conceptos de muy alto nivel que deben ser utilizados en el diseño de aplicaciones.
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 7: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/7.jpg)
Interacción Hombre-Máquina
Aliviar la carga cognitiva• Confiar en el reconocimiento• Proporcionar pistas visuales• Proporcionar opciones por defecto• Proporcionar atajos
Principios – A modo de ejemplo
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 8: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/8.jpg)
Interacción Hombre-Máquina
Aliviar la carga cognitiva• Promover la sintaxis objeto–acción• Emplear metáforas del mundo real• Emplear la revelación progresiva para
evitar abrumar al usuario.• Promover la claridad visual
Principios – A modo de ejemplo (cont.)
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 9: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/9.jpg)
Interacción Hombre-Máquina
Reglas de diseñoGuían al diseñador con el fin de incrementar la “usabilidad”. Se clasifican en estándares y directrices.
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 10: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/10.jpg)
Interacción Hombre-Máquina
EstándaresSon requisitos, reglas o recomendaciones basadas en principios probados y en práctica.
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 11: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/11.jpg)
Interacción Hombre-Máquina
Directrices
Las directrices recomiendan acciones que se basan en un conjunto de principios de diseño.
Son más específicas que los principios y requieren menos experiencia para entenderlas e interpretarlas que éstos.
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 12: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/12.jpg)
Interacción Hombre-Máquina
Guías de estiloLlamadas también guías corporativas. Están basadas en principios y contienen directrices que se concretan a muy bajo nivel.
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 13: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/13.jpg)
Interacción Hombre-Máquina
Guías de estiloLlamadas también guías corporativas. Están basadas en principios y contienen directrices que se concretan a muy bajo nivel.
Las guías de estilo corporativas se centran en presentaciones comunes, comportamientosy técnicas que deben ser implementadas por todos los productos en una compañía.
¿Cómo diseñar para mejorar la interacciónhombre-máquina y lograr buenas interfaces?
![Page 14: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/14.jpg)
Interacción Hombre-Máquina
Algunos principios de diseño de interfaces
![Page 15: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/15.jpg)
Interacción Hombre-Máquina
Algunos principios de diseño de interfaces gráficas
Consistencia
La consistencia en una interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicación a otra.
![Page 16: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/16.jpg)
Interacción Hombre-Máquina
Consistencia
La consistencia en una interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicación a otra.
La consistencia en las interfaces gráficas ayuda a los usuarios a aprender y reconocer fácilmente el lenguaje gráfico de esa interfaz.
Algunos principios de diseño de interfaces gráficas
![Page 17: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/17.jpg)
Interacción Hombre-Máquina
Consistencia
La consistencia en el comportamiento de una interfaz significa que los usuarios aprenden cómo hacer las cosas, por ejemplo apuntar y seleccionar, una sola vez.
Ejemplos: • Mismas palabras o códigos utilizados• Posición u orden de controles y botones
Algunos principios de diseño de interfaces gráficas
![Page 18: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/18.jpg)
Interacción Hombre-Máquina
Consistencia
Más ejemplos:
• Ítems de un menú colocados siempre en la misma posición
• Comandos como Ayuda, siempre disponibles
• Consistencia con el sistema de operación y otros programas
Algunos principios de diseño de interfaces gráficas
![Page 19: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/19.jpg)
Interacción Hombre-Máquina
Mantener Informado al usuario
Aspectos:
• Qué está haciendo el sistema
• Como se interpretan los comandos del usuario
• El usuario debe saber en cada momento que está sucediendo
Algunos principios de diseño de interfaces gráficas
![Page 20: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/20.jpg)
Interacción Hombre-Máquina
Mantener Informado al usuario
Tipos de retroalimentación:
• Respuesta a un comando del usuario: movimiento del cursos, selección de un menú, etc.
• Estado actual: brocha seleccionada, color, posición, dirección de la carpeta (directorio), scroll bars
Algunos principios de diseño de interfaces gráficas
![Page 21: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/21.jpg)
Interacción Hombre-Máquina
Mantener Informado al usuario
Tipos de retroalimentación:
• Procesamiento por parte de la máquina: instantáneos, cursores de espera, diálogos explicativos, barras de progreso.
Algunos principios de diseño de interfaces gráficas
![Page 22: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/22.jpg)
Interacción Hombre-Máquina
Mantener Informado al usuario
Algunos principios de diseño de interfaces gráficas
![Page 23: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/23.jpg)
Interacción Hombre-Máquina
Control del usuario
El usuario y no el computador (o aplicación) inicia y controla las actividades.
Algunos principios de diseño de interfaces gráficas
![Page 24: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/24.jpg)
Interacción Hombre-Máquina
Interacción simple y natural
• Minimizar elementos de interfaz
• Menos para aprender, para equivocarse, distraerse
Algunos principios de diseño de interfaces gráficas
![Page 25: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/25.jpg)
Interacción Hombre-Máquina
Interacción simple y natural
• Orden natural de la información Agrupar gráficamente la información
relacionada El orden de acceso a la información debe ser
como el usuario la espera Esconder o eliminar información irrelevante
o usada ocasionalmente
Algunos principios de diseño de interfaces gráficas
![Page 26: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/26.jpg)
Interacción Hombre-Máquina
Interacción simple y natural
• Utilizar el lenguaje del usuario
Usar terminología e iconografía familiar al usuario
Traducir los mensaje de error al lenguaje del usuario
Algunos principios de diseño de interfaces gráficas
![Page 27: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/27.jpg)
Interacción Hombre-Máquina
Tolerancia
• Posibilidad de ofrecerle al usuario la capacidad de recuperarse de los errores ¿Ejemplo?
• Nunca ofrecer un comando que lleve a un mensaje como “Comando Ilegal” ¿Ejemplo?
• Utilizar controles que impidan introducir datos erróneos ¿Ejemplo?
Algunos principios de diseño de interfaces gráficas
![Page 28: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/28.jpg)
Interacción Hombre-Máquina
Algunos ejemplos de mecanismos
Algunos principios de diseño de interfaces gráficas
![Page 29: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/29.jpg)
Interacción Hombre-Máquina
Algunos ejemplos de mecanismos
Algunos principios de diseño de interfaces gráficas
![Page 30: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/30.jpg)
Interacción Hombre-Máquina
Algunosejemplosdemecanismos
Algunos principios de diseño de interfaces gráficas
![Page 31: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/31.jpg)
Interacción Hombre-Máquina
Tolerancia
• Proveer recuperación de errores. Modalidades
Deshacer : ¿Cuándo?
Abortar: ¿Cuándo?
Cancelar: ¿Cuándo?
Algunos principios de diseño de interfaces gráficas
![Page 32: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/32.jpg)
Interacción Hombre-Máquina
Satisfacer múltiples niveles de habilidad
• Usuarios casuales Incorporar tutoriales, wizards, prompts,
ayudas (¿tipos?) Modo simple: esconder los comandos
complejos Manipulación directa Uso de valores por defecto
Algunos principios de diseño de interfaces gráficas
![Page 33: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/33.jpg)
Interacción Hombre-Máquina
Satisfacer múltiples niveles de habilidad
• Usuarios expertos Atajos de teclado Líneas de comando Modo experto Eliminación de prompts y diálogos de
advertencia Interfaz extensible y personalizable
Algunos principios de diseño de interfaces gráficas
![Page 34: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/34.jpg)
Interacción Hombre-Máquina
Minimizar la memorización
• Promover el reconocimiento
• Basarse en la visibilidad de los objetos
• Uso de menúes, íconos, diálogos, mensajes, palabras.
Algunos principios de diseño de interfaces gráficas
![Page 35: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/35.jpg)
Interacción Hombre-Máquina
Integridad estética
La información se encuentra organizada en forma adecuada y consistente con los principios de diseño visual.
El número de elementos y su respectivo comportamiento debe ser limitado para aumentar la “usabilidad” de la interfaz.
Algunos principios de diseño de interfaces gráficas
![Page 36: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/36.jpg)
Interacción Hombre-Máquina
Integridad estética
Se debe asegurar de mantener la semántica del lenguaje gráfico o del lenguaje asociado a la interfaz.
No cambiar el significado de los objetos que son estándares.
Algunos principios de diseño de interfaces gráficas
![Page 37: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/37.jpg)
Interacción Hombre-Máquina
Veamos como aplicar algunos de estos principios e los objetos y mecanismos
Algunos principios de diseño de interfaces gráficas
![Page 38: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/38.jpg)
Interacción Hombre-Máquina
Objetos de las interfaces
![Page 39: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/39.jpg)
Interacción Hombre-Máquina
Objetos de las interfaces gráficas
VentanasMenúesÍconosBotonesCamposetc.
![Page 40: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/40.jpg)
Interacción Hombre-Máquina
Objetos de las interfaces gráficas
Ventanas
![Page 41: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/41.jpg)
Interacción Hombre-Máquina
Objetos de las interfaces gráficas
Ventanas tipo diálogo
![Page 42: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/42.jpg)
Interacción Hombre-Máquina
Tipos de ventanas y diálogos
![Page 43: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/43.jpg)
Interacción Hombre-Máquina
Tipos de ventanas y diálogos
![Page 44: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/44.jpg)
Interacción Hombre-Máquina
Mensajes
![Page 45: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/45.jpg)
Interacción Hombre-Máquina
Mensajes
![Page 46: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/46.jpg)
Interacción Hombre-Máquina
Palabras claves
![Page 47: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/47.jpg)
Interacción Hombre-Máquina
Palabras claves
![Page 48: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/48.jpg)
Interacción Hombre-Máquina
Objetos
List box
Seleccionar uno o más ítems de la lista
![Page 49: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/49.jpg)
Interacción Hombre-Máquina
Seleccionar solo un ítems de la lista
Drop down list box
Objetos
![Page 50: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/50.jpg)
Interacción Hombre-Máquina
Combo box Mezcla entre drop list o list box incorporando un campo de texto
¿Ejemplo?
Objetos
![Page 51: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/51.jpg)
Interacción Hombre-Máquina
Combo box Mezcla entre drop list o list box incorporando un campo de texto
Ejemplo:
Barra para ingresar URL en los browsers(Mozilla e Internet Explorer)
Objetos
![Page 52: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/52.jpg)
Interacción Hombre-Máquina
Más mecanismos y objetos de interfaz
![Page 53: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/53.jpg)
Interacción Hombre-Máquina
Menúes
Más mecanismos y objetos de interfaz
![Page 54: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/54.jpg)
Interacción Hombre-Máquina
Íconos
Más mecanismos y objetos de interfaz
![Page 55: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/55.jpg)
Interacción Hombre-Máquina
Botones
Más mecanismos y objetos de interfaz
![Page 56: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/56.jpg)
Interacción Hombre-Máquina
Campos
Más mecanismos y objetos de interfaz
![Page 57: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/57.jpg)
Interacción Hombre-Máquina
Resumen
Más mecanismos y objetos de interfaz
![Page 58: Interacción Hombre-Máquina Principios de diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad](https://reader036.vdocumento.com/reader036/viewer/2022081518/5528bde4497959977d8fb2aa/html5/thumbnails/58.jpg)
Interacción Hombre-Máquina
Algunos principios de diseño de interfaces gráficas
Continuará .....