FUNDAMENTOS DE LA IHC Primera Parte Corina Flores

FUNDAMENTOS DE LA IHC (Primera Parte ) Corina Flores Villarroel UMSS – Carrera de Informática Corina Flores V. -UMSS

Contenido • • Objetivos Introducción Antecedentes ¿Qué es IHC? Objetivos de la IHC ¿Qué estudia la IHC? ¿Qué se entiende por interfaz? Corina Flores V. -UMSS

Contenido • • • Algo sobre la historia … IHC disciplina inter/multidisciplinar Componentes de una interfaz Nuevas interfaces y tendencias actuales Estilos y paradigmas de interacción Corina Flores V. -UMSS

Fundamentos de la IHC Objetivos del tema • • • Comprender y describir qué es IHC Definir el concepto de interfaz Objetivos de la IHC Conocer acerca de la evolución de IHC Distinguir el aporte de otras disciplinas a la IHC Corina Flores V. -UMSS

Fundamentos de la IHC Antecedentes La aparición de IHC se produce dentro de un contexto social y organizacional por la necesidad de diferentes tipos de aplicaciones para distintos propósitos. La IHC, surge en el momento en el que las computadoras llegan a manos de usuarios finales no profesionales en la informática. Corina Flores V. -UMSS

Fundamentos de la IHC Antecedentes Se nutre de otras disciplinas entre las que se destacan: la psicología, el diseño, la informática, la ergonomía, la sociología, etc. Tiene un factor tecnológico así como un factor humano Corina Flores V. -UMSS la computadora, el usuario.

Fundamentos de la IHC ¿Qué es IHC? Conocido también como Human Computer Interaction (CHI) Según ACM… “Disciplina relacionada con el diseño, la evaluación e implementación de sistemas informáticos interactivos para el uso de los seres humanos, y con el estudio de los fenómenos mas importantes con los que está relacionado” Corina Flores V. -UMSS

Fundamentos de la IHC ¿Qué es IHC? Se ocupa fundamentalmente del análisis y diseño de interfaces de usuario. Basada en el concepto de interacción. “Intercambio de símbolos (signos) entre dos o más partes, asignando los participantes en el proceso comunicativo significados a esos símbolos” Booth(1989). Corina Flores V. -UMSS

Fundamentos de la IHC Objetivos de la IHC Para hacer sistemas interactivos hace falta [PRE 94]: 1. Comprender los factores tales como psicológicos, ergonómicos, organizativos, sociales, . . que determinan como la gente trabaja y hace uso de los computadores y trasladar esta comprensión para. . . Corina Flores V. -UMSS

Fundamentos de la IHC Objetivos de la IHC Para hacer sistemas interactivos hace falta [PRE 94]: 2. Desarrollar herramientas y técnicas que ayuden a los diseñadores a conseguir que los sistemas informáticos sean los idóneos según las actividades a las cuales se quieran aplicar, para 3. Conseguir una interacción eficiente, efectiva y segura, tanto a nivel individual como de grupo. Corina Flores V. -UMSS

Fundamentos de la IHC ¿Qué estudia la IHC? • El hardware, el software y la repercusión de ambos en la interacción. • Los modelos mentales de los usuarios frente al modelo del sistema. • Las tareas que desempeña el sistema y su adaptación a necesidades del usuario. • El diseño dirigido al usuario, no a la máquina • El impacto organizacional. Corina Flores V. -UMSS

Fundamentos de la IHC ¿Qué se entiende por interfaz? Son los métodos y dispositivos utilizados que posibilitan la comunicación entre el humano y la máquina. Dos tareas … 1) Transferir información del usuario a la computadora 2) Comunicar información de la computadora al usuario. Corina Flores V. -UMSS

Fundamentos de la IHC ¿Qué es la interfaz de una aplicación? Para partir de una definición común, la interfaz se entiende como la "cara visible" de una aplicación: el medio mediante el cual el usuario se comunica con un sistema. Todos los sistemas tienen una interfaz, de diversa índole. Así para: • un programador, la interfaz de una librería es justamente el API. • un programa batch, la interfaz está dada por el modo de invocación en la línea de comandos. • una aplicación Visual, la interfaz es un conjunto de formularios y ventanas. • Y para un sistema web, la interfaz son justamente las páginas que conforman la aplicación. Todas estas interfaces merecen (y deben!) ser pensadas a consciencia, y cada una presenta desafios muy distintos. Corina Flores V. -UMSS

Fundamentos de la IHC ¿Qué es una buena interfaz? Ligado al concepto de diseño de interfaces, aparece la palabra usabilidad, y hace referencia justamente a qué tan simple y cómodo de usar es nuestro sistema. El campo de la usabilidad de aplicaciones es muy amplio, y no solo se refiere al "dibujo lindo de formularios", “de pantallas”, “uso de colores e imágenes”, sino que abarca comportamientos de usuarios, modos de trabajo, etc. Corina Flores V. -UMSS

Fundamentos de la IHC ¿Qué es una buena interfaz? Debemos tomar como "buena interfaz" aquella que le brinde al usuario una mejor experiencia. Una buen interfaz deberá: 1. 2. 3. 4. 5. Contener información relevante para el usuario. No mostrar información o mensajes que no aportan. Minimizar las acciones del usuario para realizar su cometido Facilitar la ubicación de información Lo más importe! … darle el control al usuario. Corina Flores V. -UMSS

Fundamentos de la IHC ¿Importancia de una buena interfaz? Básicamente se puede resumir en tres aspectos que impactan directamente en: 1. Mejora la experiencia del usuario 2. Mejora el tiempo de desarrollo 3. Mejora el mantenimiento Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … ¿Por qué hablar…? • • Podemos aprender de experiencias pasadas Conocer el modelo de la evolución Entender y apreciar a dónde hemos llegado Inspirarnos y motivarnos para dar nuevos pasos Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … Uso de programas dejan de ser un “misterio” para los usuarios no profesionales en informática. Necesario su “popularización” creando programas fáciles de manejar, con interfaces intuitivas… – – Línea de comandos (lenguaje nada parecido al humano) Menús de opciones Formularios Manipulación directa (manejo de “objetos”) Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1943) Computadoras digitales (1930 -1940) solo disponibles para investigadores acelerar cálculos de cómputos (energía balística/energía atómica). El concepto de interfaz surge en paralelo con el primer computador el Eniac en 1943. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1943) ENIAC: sigla del inglés de Electronic Numerical Integrator And Computer (Computador e Integrador Numérico Electrónico), era una máquina gigante, que ocupaba 107 metros cuadrados. Ejecutaba sus procesos con un lenguaje digital (interfaz de comandos en línea) y era utilizada por el Laboratorio de Investigación Balística del Ejército de los Corina Flores V. -UMSS Estados Unidos.

Fundamentos de la IHC Algo sobre la historia … (1945) Computadoras digitales (1930 -1940) solo disponibles para investigadores acelerar cálculos de cómputos (energía balística/energía atómica). Vannevar Bush (1945), inventa el MEMEX basada en la tecnología de microfilms. Tiene una visión más amplia… … Transformar el pensamiento humano Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1960) J. C. R. LICKLIDER, acoplamiento entre las capacidades del hombre y la máquina “man-computer symbiosis” (1963) IVAN SUTHERLAND, explora el potencial comunicación gráfica entre el hombre y la máquina, así: la imagen, gráficos, dibujos, etc. Creó el sistema Sketchpad • Manipulación de objetos gráficos • Utilización de lápiz óptico Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1960 La evolución de los circuitos integrados de silicio, que -1970) redujo el costo y aumentó la potencia de las computadoras, propició la invención de la interfaz gráfica de usuario como se conoce actualmente. El segundo factor que posibilitó la aparición de la IGU (en inglés GUI) fue la creación del mouse por parte de Macintosh. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1960 La evolución de los circuitos integrados de silicio, que -1970) redujo el costo y aumentó la potencia de las computadoras, propició la invención de la interfaz gráfica de usuario como se conoce actualmente. El segundo factor que posibilitó la aparición de la IGU (en inglés GUI) fue la creación del mouse por parte de Macintosh. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1963 -1965) DOUGLAS ENGELBART (1963) y TED NELSON (1965), basados en el concepto de MEMEX elaboraron el rol de la computadora en la construcción y manipulación de estructuras complejas de textos interconectados Ted Nelson Douglas Engelbart 10 minutos… invento el ratón Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1968) Equipo de Engelbart utilizó ventanas en las interfaces (1968) ALAN KAY y ADELE GOLBERG, proyectos: • Máquina reactiva (Reactive engine), • Libro dinámico (Dynabook) Sueño de un dispositivo lo mas pequeño y portable al estilo de un libro de notas, con salida visual y auditiva. Interfaces de manipulación directa PORTATILES / NOTEBOOK Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (70´s) Editores de textos (EMACS) Lenguaje de programación OO (SMALLTALK) Ventanas múltiples Hojas de cálculo Bajo el concepto … WYSIWYG “What You See Is What You Get” Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (1972) En 1972 Xerox creó "Xerox Alto" el primer computador con un sistema operativo de interfaz gráfica, diseñado para laboratorios. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … En 1979 aparece otro computador que mejora algunos aspectos de Alto, el "Xerox 8810 Star Information System" más conocido como "Xerox Star" diseñado por Xerox Corporation. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … Características del Xerox Star 1. Interfaz gráfica de usuario basada en ventanas, iconos, carpetas 2. La pantalla con bitmaps en lugar de solo texto. 3. El concepto de "Escritorio" donde se ubican las aplicaciones de trabajo. 4. El uso intensivo en la computadora de un mouse de tres botones. 5. El concepto de arrastrar-y-soltar. 6. A este proyecto se le llamó "The Office of the Future" (La Oficina del Futuro) y el avance de tal lo dirigió David Liddle. Corina Flores V. -UMSS

Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … Posteriormente Macintosh compró parte de Xerox e implementó su tecnología. Lisa fue el primer computador personal comercial con interfaz gráfica. Con su venta Macintosh quería hacer más entendible y accesible el sistema. Pero el precio se acercaba a los 10 mil dólares por unidad. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … Lisa fue rápidamente reemplazada por el Macintosh I. Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … Mac I Corina Flores V. -UMSS

Programa Macpaint Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … (80´s) • Apple Macintosh Computers … interfaces mas humanas • GUI´s para UNIX -> X-Windows y gestores de ventanas (Motif, Open Windows, KDE, Gnome) • La serie de versiones de Windows (Windows 3. 1, 95, 98, 2000, NT, XP • IBM -> OS/2, WARP Corina Flores V. -UMSS

Fundamentos de la IHC n A partir de las ideas trabajadas por Macintosh, Microsoft implementa en sus sistemas interfaces gráficas. Windows 1. 0 Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … Se comenzó la masificación de la GUI. El Star produjo una gran influencia en el mundo de los ordenadores, por ejemplo: el Apple Lisa, el Apple Macintosh, GEM de Digital Research, Microsoft Windows, Atari ST, Commodore Amiga, Elixer, Metaphor Systems, Interleaf, Microsoft OS/2, Sun. OS, KDE, Ventura Publisher y Ne. XTSTEP. Para conocer algo más sobre historia, te invito a visitar la página http: //www. muycomputer. com/2009/03/13/actualidadespecialesevolucion-de-lainterfaz-visual_we 9 erk 2 xxdd 4 oidxxxvozxgkdcfmmjlvwle-_joyamoyysz 3 o 5 lyeyrp 3 ynuqyx Corina Flores V. -UMSS

Fundamentos de la IHC Algo sobre la historia … HASTA AHORA … interfaces basadas en WIMP W Ventanas I Iconos M Menús P Punteros SE BUSCA … interfaces tridimensionales con poder de reconocimiento de … Corina Flores V. -UMSS

Fundamentos de la IHC Retos de la GUI… n A medida que la tecnología cambia los referentes gráficos en los cuales se fundamentan las GUI actuales tendrán que evolucionar para mantenerse funcionales (metáforas). Corina Flores V. -UMSS

Fundamentos de la IHC Presente … Corina Flores V. -UMSS

Fundamentos de la IHC Presente o futuro cercano? … Interfaces gráficas. Corina comandadas por gestos Flores V. -UMSS

Fundamentos de la IHC Investigar, curiosear acerca de las nuevos planteamientos de interfaces (por ej. Interfaces comandadas por gestos u otras posibles) que han surgido en estos tiempos actuales, a parte de las dos formas de comunicación usuario-máquina: – Línea de comandos – Interfaz gráfica de usuario Ilustrar con ejemplos concretos (por lo menos dos) Corina Flores V. -UMSS

Fundamentos de la IHC Para la entrega del día martes 10 de abril, deben elaborar ya sea: – Una presentación en power point – Un documento. pdf o. doc Cuyo contenido sea una síntesis, un comentario acerca de lo que han investigado, ilustrando con ejemplos concretos encontrados. Es importante que el trabajo aporte bibliografía ya sea a enlaces Web o a artículos científicos como mínimo tres. Corina Flores V. -UMSS

Fundamentos de la IHC Roles de una interfaz de usuario La IU de un sistema de software – Media, entre el sistema y el usuario …. O entre distintos usuarios – Integra, la representación de la parte accesible al sistema y las técnicas de interacción – Determina, la usabilidad del sistema – Además, involucra a diferentes disciplinas o especialidades en su diseño. . Corina Flores V. -UMSS

Fundamentos de la IHC El diseño de una interfaz de usuario es una actividad interdisciplinaria Los actores en el proceso de desarrollo de software, históricamente: • • Programador individual Grupo de programadores Grupo de analistas y programadores Grupo interdisciplinario . Corina Flores V. -UMSS

Fundamentos de la IHC Para el diseño de Ius se requiere un equipo que incluya al usuario, especialistas del dominio de la aplicación y especialistas de otras disciplinas Actividad interdisciplinaria Actividad multidisciplinaria Actividad transdisciplinaria Corina Flores V. -UMSS

Fundamentos de la IHC disciplina “inter/multidisciplinar” – No es una disciplina cerrada, admite investigación de especialistas en diversas áreas del conocimiento. Lingüística Ergonomía Diseño Sociología Psicología IHC Informática Antropología Inteligencia Artificial Usabilidad Corina Flores V. -UMSS

Fundamentos de la IHC disciplina “inter/multidisciplinar” – Informática • Proporciona conocimiento sobre capacidad de la tecnología. • Desarrollo de técnicas, heurísticas, etc, para el diseño desarrollo y mantenimiento. – Psicología cognitiva • Comportamiento humano y proceso mental – Psicología social y organizativa • Influencia de las estructuras sociales y organizativas en las prácticas laborales Corina Flores V. -UMSS

Fundamentos de la IHC disciplina “inter/multidisciplinar” – Ergonomía • Diseño y definición de artefactos para distintos entornos de trabajo, de ocio, domésticos, etc… que se ajusten a las capacidades de los usuiarios. Asu vez esta disciplina se divide en Ergonomia Física y Ergonomía Cognitiva – Lingüística • Lenguajes de comandos (sintaxis y semántica) • Internacionalización – Diseño • Producción en serie de objetos útiles y bellos. Corina Flores V. -UMSS

Fundamentos de la IHC disciplina “inter/multidisciplinar” – Sociología • Estudio de costumbres y tradiciones de pueblos • Tendencias culturales – Usabilidad • Hacer que los sistemas sean usables, eficientes, y satisfactorios – Antropología • Cultura y creencias – Inteligencia Artificial • Agentes inteligentes Corina Flores V. -UMSS

Fundamentos de la IHC disciplina “inter/multidisciplinar” n n n http: //old. sigchi. org/cdg 2. html http: //oldcomputers. net/ http: //computermuseum. 50 megs. com/cgi/games/playgames. php http: //oldcomputers. net/macintosh. html http: //www. entremaqueros. com/bitacoras/urian/sobre-el-origen-de-lainterfaz-de-usuario-en-apple/ Corina Flores V. -UMSS

Fundamentos de la IHC disciplina “inter/multidisciplinar” n n n https: //docs. google. com/viewer? a=v&q=cache: l 26 j. XGj 2 rd. AJ: www. chr 5. com/ investigacion/investiga_igu/igu_aproximacion_semiocognitiva_by_chr 5. pdf+&hl=es&gl=bo&pid=bl&srcid=ADGEESi. C 5 ZOP 8 hy. J 0 bu. SRAp 5 w. Khjo 8 c. NZ_ZJWrwfe. KZm. H 7 Pn. VXa. Ge. IR 51 X 1 Um. PAuoqtq. RXX Fh 7 XPn. VCHcjmr 1 ki. XRv 1 Nv. Xh 35 BYFGDFC 2 e. Lr. N 6 p 2 AOKYw. Mu 0 kny. Zj 0 m 2 LSa. Bv. Foir. Xj. T&sig=AHIEtb. QWtl. ZIFc 95 TAk. E 2 -d. Kn. DI_cn 6 Rxw http: //www. muycomputer. com/2009/03/13/actualidadespecialesevolucionde-la-interfaz-visual_we 9 erk 2 xxdd 4 oidxxxvozxgkdcfmmjlvwle-_joyamoyysz 3 o 5 lyeyrp 3 ynuqyx http: //courses. iicm. tugraz. at/hci/ Corina Flores V. -UMSS