El documento presenta una introducción al diseño de interfaces hombre-máquina. Explica que la interfaz facilita la comunicación entre el usuario y el computador. Describe los conceptos clave de la interacción hombre-computadora como el análisis del usuario, los canales de comunicación y la integración de la computación en la comunicación humana. También resume los estilos de interfaz e historia clave del desarrollo de interfaces más usables.
Estilos y paradigmas de la Interacción Humano-ComputadorPercy Negrete
En esta presentación podrá encontrar una corta explicación sobre los paradigmas de los que se derivan todos los sistemas de interacción y sus diferentes estilos o maneras que las personas interactúan con un computador.
Evolución de la interacción
Estilos de interacción
- Interfaz por líneas de comandos
- Menús de navegación
- Manipulación directa e
- Interacción asistida
- Lenguaje natural
Paradigmas de interacción
- El computador de sobremesa
- Computación Ubicua
- Realidad Virtual
- Realidad Aumentada
Más información sobre esta presentación en: http://blog.pucp.edu.pe/
Introducción al Diseño de la Interacción Humano-ComputadoraOmar Sosa-Tzec
Introducción a la Interacción Humano Computadora (HCI), su relación con el diseño. Presentación del concepto de Diseño de Interacción y su relación con HCI.
Estilos y paradigmas de la Interacción Humano-ComputadorPercy Negrete
En esta presentación podrá encontrar una corta explicación sobre los paradigmas de los que se derivan todos los sistemas de interacción y sus diferentes estilos o maneras que las personas interactúan con un computador.
Evolución de la interacción
Estilos de interacción
- Interfaz por líneas de comandos
- Menús de navegación
- Manipulación directa e
- Interacción asistida
- Lenguaje natural
Paradigmas de interacción
- El computador de sobremesa
- Computación Ubicua
- Realidad Virtual
- Realidad Aumentada
Más información sobre esta presentación en: http://blog.pucp.edu.pe/
Introducción al Diseño de la Interacción Humano-ComputadoraOmar Sosa-Tzec
Introducción a la Interacción Humano Computadora (HCI), su relación con el diseño. Presentación del concepto de Diseño de Interacción y su relación con HCI.
Esta nueva entrega del curso de Interacción Persona-Ordenador entra en la primera de las fases del modelo de Diseño Centrado en el usuario MIPu+a, que no es otra que la de los requisitos.
En ella se muestran cuales son las principales actividades necesarias para realizar una definición de los requisitos de acorde a las necesidades de los usuarios.
Esta nueva entrega del curso de Interacción Persona-Ordenador entra en la primera de las fases del modelo de Diseño Centrado en el usuario MIPu+a, que no es otra que la de los requisitos.
En ella se muestran cuales son las principales actividades necesarias para realizar una definición de los requisitos de acorde a las necesidades de los usuarios.
Der Vortrag wurde als Webinar für Acquisa/ Haufe am 07.12.2009 gehalten.
Er zeigt auf, wie Unternehmen durch Social Media profitieren können. In welche Units Social Media (hinein) wirkt. Welche Schritte gegangen werden sollten, welche Fallstricke es gibt - und wo eine Agentur wie http://www.wbpr.de helfen kann :)
Resumen Texto Hipertexto e investigación periodistica, ¿ un nuevo campo de investigación? Javier Díaz Noci realizado por estudiantes de la Universidad San Francisco de Quito.
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfsandradianelly
Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestr
1. Interacción Hombre-Máquina Diseño de Interfaces Prof. Adelaide Bianchini Depto. de Computación y Tecnología de la Información Universidad Simón Bolívar - Caracas. Enero 2006
2.
3.
4.
5.
6.
7. Motivación ¿Qué es la Interfaz? “ Medio de comunicación y lenguaje de algo no necesariamente trivial"
8. Motivación ¿Qué es la Interfaz? “ Medio de comunicación y lenguaje, de algo no necesariamente trivial" “ La superficie de contacto entre dos entes disímiles”
9. Motivación ¿Qué es la Interfaz? “ Medio de comunicación y lenguaje, de algo no necesariamente trivial" “ La superficie de contacto entre dos entes disímiles” “ Todos los intercambios que suceden entre la persona y el computador (o cualquier dispositivo)”
10. Motivación ¿Qué es la Interfaz? La interfaz es la parte (hardware y software) del sistema informático que facilita al usuario el acceso a los recursos del computador.
11. Motivación ¿Qué es la Interfaz? La interfaz es la parte (hardware y software) del sistema informático que facilita al usuario el acceso a los recursos del ordenador. Para saber acerca de las interfaces, se requiere conocer las tareas de interacción que puede realizar un individuo.
12. Motivación ¿Qué es la Interfaz? Para saber diseñar interfaces, se requiere conocer algunos aspectos relacionados con los individuos. Es decir, se requiere analizar las peculiaridades de los usuarios.
13. Motivación ¿Qué es la Interfaz? Para saber diseñar interfaces, se requiere conocer algunos aspectos relacionados con los individuos. Es decir, se requiere analizar las peculiaridades de los usuarios. Se requiere además, conocer las características de los dispositivos que se utilizarán.
14. Motivación ¿Qué es la Interfaz? El diseño de interfaces y el diseño de interacción son áreas de interés de la disciplina llamada Factores Humanos ( Human Factors ) , también llamada Interacción Humano-Computador ( HCI – Human-Computer Interaction ).
15. Motivación ¿Qué es la Interfaz? El diseño de interfaces y el diseño de interacción es son áreas de interés de la disciplina llamada Factores Humanos ( Human Factors ) , también llamada Interacción Humano-Computador ( HCI – Human-Computer Interaction ). El objetivo primordial de esta disciplina es desarrollar técnica y métodos para mejorar la interacción entre los humanos y las máquinas (el computador, entre ellas).
17. Aspectos históricos 1963. Ivan Sutherland . SketchPad . El sistema soportaba la manipulación de objetos gráficos mediante un lápiz óptico, permitiendo coger los objetos, moverlos y cambiarles el tamaño utilizando algunas restricciones. 1963. Elgerbart. Diseña el primer “ mouse ”.
18. Aspectos históricos 1968. MIT’s Lincoln Labs . AMBIT/G . Este sistema incluyó representaciones de iconos, reconocimiento de gestos, menús dinámicos con la ayuda de dispositivos apuntadores y selección de iconos apuntándolos.
19. Aspectos históricos Años 70. Xerox PARC . Crearon el modelo y los dispositivos para las interfaces que incluían ventanas, menúes, íconos, botones, etc. Era la antesala de las interfaces que hoy conocemos como manipulación directa. Otro importante hito de aquellas investigaciones fue la idea de WYSIWYG ( What You See Is What You Get )
20. Aspectos históricos 1977. ALAN KAY, Xerox PARC: Dynabook. 1981. Xerox Star . Sale al mercado el primer sistema comercial que hace extenso el uso de la Manipulación Directa: Xerox Star . Le siguen el Apple Lisa en 1982 y el Macintosh en 1984. 1982. Ben Shneiderman , Universidad de Maryland. Acuñó el término “Manipulación directa”, identificando además los distintos componentes.
25. HCI – Human Computer Interaction ¿Cómo diseñar para mejorar la interacción hombre-máquina? Contextos básicos a considerar
26. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Contextos básicos a considerar Físicos relacionados con el hardware y dispositivos de interfaz
27. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Contextos básicos a considerar Físicos relacionados con el hardware y dispositivos de interfaz Sintácticos • presentación de información • secuencia, orden de las acciones
28. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Contextos básicos a considerar Físicos relacionados con el hardware y dispositivos de interfaz Sintácticos • presentación de información • secuencia, orden de las acciones Semánticos • significado de los objetos • significado de las acciones
29. HCI – Human Computer Interaction Máquinas Metáforas Diálogos Diseño Gráfico Dispositivos I/O Áreas de aplicación y tareas Aspectos sociales y organizacionales Usos y contextos Humanos Procesamiento de información Lenguajes y comunicación Ergonomía
30. HCI – Human Computer Interaction HCI Computación Psicología Cognitiva Ergonomía Lingüística Psicología Social Filosofía, Sociología y Antropología Inteligencia Artificial Ingeniería y Diseño
31. Observar al usuario Análisis del usuario Lengua y lenguaje Canales de comunicación Tipos Integración Interacción Primitivas Humanos Procesamiento de información Lenguajes y comunicación Ergonomía
66. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Principios Son conceptos de muy alto nivel que deben ser utilizados en el diseño de aplicaciones.
67.
68.
69. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Reglas de diseño Guían al diseñador con el fin de incrementar la “usabilidad”. Se clasifican en estándares y directrices.
70. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Estándares Son requisitos, reglas o recomendaciones basadas en principios probados y en práctica.
71. ¿Cómo diseñar para mejorar la 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.
72. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Guías de estilo Llamadas también guías corporativas. Están basadas en principios y contienen directrices que se concretan a muy bajo nivel.
73. ¿Cómo diseñar para mejorar la interacción hombre-máquina? Guías de estilo Llamadas 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, comportamientos y técnicas que deben ser implementadas por todos los productos en una compañía.
82. Objetos de las interfaces gráficas Metáforas Es un tropo fundamental de la retórica . Es una descripción de una situación desconocida utilizando una situación conocida. ¿Qué es?
83.
84. Objetos de las interfaces gráficas Metáforas Ejm. (palabras) TV: programas, canales, redes, anuncios, guías, noticias Juegos: reglas del juego, piezas del juego, tablero del juego Árboles: raíces, tronco, ramas, hojas
85. Objetos de las interfaces gráficas Metáforas Existen metáforas verbales, basadas en la utilización de verbos para “denotar” acciones. Ejm. Mover : navegar, conducir, volar Localizar : apuntar Seleccionar : tocar un elemento, poner el dedo sobre.... Crear : añadir (nuevo), copiar Borrar : botar, destruir, perder, cortar
86. Objetos de las interfaces gráficas Metáforas Existen metáforas verbales, basadas en la utilización de verbos para “denotar” acciones. Ejm. Mover : navegar, conducir, volar Localizar : apuntar Seleccionar : tocar un elemento, poner el dedo sobre.... Crear : añadir (nuevo), copiar Borrar : botar, destruir, perder, cortar
87. Objetos de las interfaces gráficas Metáforas Existen metáforas del mundo real Ejms.: Semáforo (¿aplicaciones?) Colores Escritorio (global) Levantamiento y diagramación de textos (acciones) A.K. + S.J.
88. Objetos de las interfaces gráficas Metáforas Utilidad Utilidad práctica : se espera que permita un entendimiento más rápido de la situación desconocida y que acelere el aprendizaje de una herramienta mediante el conocimiento que se tiene del mundo real.
89. Objetos de las interfaces gráficas Metáforas Utilidad comunicacional : La metáfora va creando comunicación mediante su posibilidad de dejar de ser metafórica y convertirse en expresión directa de la lengua, así la metáfora crea lengua ampliando los elementos básicos de comunicación y dando posibilidades nuevas de comunicación.
91. Algunos principios de diseño de interfaces gráficas Consistencia La consistencia en un interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicación a otra.
92. Consistencia La consistencia en un 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
93. 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. Algunos principios de diseño de interfaces gráficas
94. 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
95. Control del usuario El usuario y no el computador (o aplicación) inicia y controla las actividades. Tolerancia Posibilidad de ofrecerle al usuario la capacidad de recuperarse de los errores. Algunos principios de diseño de interfaces gráficas
96. Retroalimentación y diálogo El usuario debe estar constantemente informado de lo que está ocurriendo con los procesos. Diálogo simple al alcance del usuario La información que recibe el usuario debe ser entendible y a su alcance. Algunos principios de diseño de interfaces gráficas
97. 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
98. 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