cap1_fundamentosihc (1)

FUNDAMENTOS DE LA IHC (Primera Parte )

Corina Flores VillarroelUMSS Carrera de InformticaCorina Flores V. -UMSS

Corina Flores V. -UMSS

ContenidoObjetivosIntroduccinAntecedentesQu es IHC?Objetivos de la IHCQu estudia la IHC?Qu se entiende por interfaz?Corina Flores V. -UMSS


ContenidoAlgo sobre la historia IHC disciplina inter/multidisciplinarComponentes de una interfazNuevas interfaces y tendencias actualesEstilos y paradigmas de interaccinCorina Flores V. -UMSS


Fundamentos de la IHCObjetivos del temaComprender y describir qu es IHCDefinir el concepto de interfazObjetivos de la IHCConocer acerca de la evolucin de IHCDistinguir el aporte de otras disciplinas a la IHC Corina Flores V. -UMSS


AntecedentesLa aparicin de IHC se produce dentro de un contexto social y organizacional por la necesidad de diferentes tipos de aplicaciones para distintos propsitos.

La IHC, surge en el momento en el que las computadoras llegan a manos de usuarios finales no profesionales en la informtica.Fundamentos de la IHCCorina Flores V. -UMSS


Fundamentos de la IHCAntecedentesSe nutre de otras disciplinas entre las que se destacan: la psicologa, el diseo, la informtica, la ergonoma, la sociologa, etc.

Tiene un factor tecnolgico la computadora,as como un factor humano el usuario.



Qu es IHC?Conocido tambin como Human Computer Interaction (CHI)Segn ACM Disciplina relacionada con el diseo, la evaluacin eimplementacin de sistemas informticos interactivospara el uso de los seres humanos, y con el estudio de losfenmenos mas importantes con los que est relacionado

Corina Flores V. -UMSSFundamentos de la IHC


Fundamentos de la IHCQu es IHC? Se ocupa fundamentalmente del anlisis y diseo de interfaces de usuario.Basada en el concepto de interaccin.Intercambio de smbolos (signos) entre dos o ms partes, asignando los participantes en el proceso comunicativosignificados a esos smbolos Booth(1989).



Fundamentos de la IHCObjetivos de la IHCPara hacer sistemas interactivos hace falta [PRE94]: Comprender los factores tales como psicolgicos, ergonmicos, organizativos, sociales, .. que determinan como la gente trabaja y hace uso de los computadores y trasladar esta comprensin para ...



Fundamentos de la IHCObjetivos de la IHCPara hacer sistemas interactivos hace falta [PRE94]: Desarrollar herramientas y tcnicas que ayuden a los diseadores a conseguir que los sistemas informticos sean los idneos segn las actividades a las cuales se quieran aplicar, para 3. Conseguir una interaccin eficiente, efectiva y segura, tanto a nivel individual como de grupo. Corina Flores V. -UMSS


Qu estudia la IHC?El hardware, el software y la repercusin de ambos en la interaccin.Los modelos mentales de los usuarios frente al modelo del sistema.Las tareas que desempea el sistema y su adaptacin a necesidades del usuario. El diseo dirigido al usuario, no a la mquinaEl impacto organizacional.Corina Flores V. -UMSSFundamentos de la IHC


Fundamentos de la IHCQu se entiende por interfaz?

Son los mtodos y dispositivos utilizados que posibilitan la comunicacin entre el humano y la mquina.

Dos tareas Transferir informacin del usuario a la computadoraComunicar informacin de la computadora al usuario.



Fundamentos de la IHCQu es la interfaz de una aplicacin?

Para partir de una definicin comn, la interfaz se entiende como la "cara visible" de una aplicacin: 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 librera es justamente el API. un programa batch, la interfaz est dada por el modo de invocacin en la lnea de comandos. una aplicacin Visual, la interfaz es un conjunto de formularios y ventanas. Y para un sistema web, la interfaz son justamente las pginas que conforman la aplicacin. Todas estas interfaces merecen (y deben!) ser pensadas a consciencia, y cada una presenta desafios muy distintos.



Qu es una buena interfaz?

Ligado al concepto de diseo de interfaces, aparece la palabra usabilidad, y hace referencia justamente a qu tan simple y cmodo 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 imgenes, sino que abarca comportamientos de usuarios, modos de trabajo, etc.



Fundamentos de la IHCQu es una buena interfaz?

Debemos tomar como "buena interfaz" aquella que le brinde al usuario una mejor experiencia. Una buen interfaz deber:

Contener informacin relevante para el usuario. No mostrar informacin o mensajes que no aportan. Minimizar las acciones del usuario para realizar su cometido Facilitar la ubicacin de informacinLo ms importe! darle el control al usuario.Corina Flores V. -UMSS


Importancia de una buena interfaz?

Bsicamente se puede resumir en tres aspectos que impactan directamente en:

Mejora la experiencia del usuario Mejora el tiempo de desarrollo Mejora el mantenimiento Corina Flores V. -UMSSFundamentos de la IHC


Algo sobre la historia

Por qu hablar?Podemos aprender de experiencias pasadasConocer el modelo de la evolucinEntender y apreciar a dnde hemos llegadoInspirarnos y motivarnos para dar nuevos pasos



Algo sobre la historia Uso de programas dejan de ser un misterio para los usuarios no profesionales en informtica.

Necesario su popularizacin creando programas fciles de manejar, con interfaces intuitivasLnea de comandos (lenguaje nada parecido al humano)Mens de opcionesFormularios Manipulacin directa (manejo de objetos)Corina Flores V. -UMSSFundamentos de la IHC


Algo sobre la historia (1943)

Computadoras digitales (1930-1940) solo disponiblespara investigadores acelerar clculos de cmputos (energa balstica/energa atmica).

El concepto de interfaz surge en paralelo con el primer computador el Eniac en 1943.




ENIAC: sigla del ingls de Electronic Numerical Integrator And Computer (Computador e Integrador Numrico Electrnico), era una mquina gigante, que ocupaba 107 metros cuadrados. Ejecutaba sus procesos con un lenguaje digital (interfaz de comandos en lnea) y era utilizada por el Laboratorio de Investigacin Balstica del Ejrcito de los Estados Unidos.




Computadoras digitales (1930-1940) solo disponiblespara investigadores acelerar clculos de cmputos (energa balstica/energa atmica).

Vannevar Bush (1945), inventa el MEMEX basada en la tecnologa de microfilms. Tiene una visin ms amplia Transformar el pensamiento humano




(1963)

J.C.R. LICKLIDER, acoplamiento entre las capacidades del hombre y la mquina man-computer symbiosis

IVAN SUTHERLAND, explora el potencial comunicacin grfica entre el hombre y la mquina, as: la imagen, grficos, dibujos, etc.

Cre el sistema Sketchpad Manipulacin de objetos grficos Utilizacin de lpiz ptico



Algo sobre la historia (1960 -1970)

La evolucin de los circuitos integrados de silicio, que redujo el costo y aument la potencia de las computadoras, propici la invencin de la interfaz grfica de usuario como se conoce actualmente.El segundo factor que posibilit la aparicin de la IGU (en ingls GUI) fue la creacin del mouse por parte de Macintosh.



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 construccin y manipulacin de estructuras complejas de textos interconectados

Ted Nelson 10 minutosDouglas Engelbart invento el ratnCorina Flores V. -UMSSFundamentos de la IHC



(1968)

Equipo de Engelbart utiliz ventanas en las interfacesALAN KAY y ADELE GOLBERG, proyectos: Mquina reactiva (Reactive engine), Libro dinmico (Dynabook)Sueo de un dispositivo lo mas pequeo y portable al estilo de un libro de notas, con salida visual y auditiva. Interfaces de manipulacin directa

PORTATILES / NOTEBOOKCorina Flores V. -UMSSFundamentos de la IHC


Algo sobre la historia (70s)

Editores de textos (EMACS)Lenguaje de programacin OO (SMALLTALK)Ventanas mltiplesHojas de clculo

Bajo el concepto WYSIWYG What You See Is What You Get




En 1972 Xerox cre "Xerox Alto" el primer computador con un sistema operativo de interfaz grfica, diseado para laboratorios.




En 1979 aparece otro computador que mejora algunos aspectos de Alto, el "Xerox 8810 Star Information System" ms conocido como "Xerox Star" diseado por Xerox Corporation.Corina Flores V. -UMSSFundamentos de la IHC



Caractersticas del Xerox StarInterfaz grfica de usuario basada en ventanas, iconos, carpetasLa pantalla con bitmaps en lugar de solo texto.El concepto de "Escritorio" donde se ubican las aplicaciones de trabajo.El uso intensivo en la computadora de un mouse de tres botones.El concepto de arrastrar-y-soltar. 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. -UMSSFundamentos de la IHC



Posteriormente Macintosh compr parte de Xerox e implement su tecnologa.

Lisa fue el primer computador personal comercial con interfaz grfica. Con su venta Macintosh quera hacer ms entendible y accesible el sistema. Pero el precio se acercaba a los 10 mil dlares por unidad.



Algo sobre la historia Lisa

Lisa fue rpidamente reemplazada por el Macintosh I.Corina Flores V. -UMSSFundamentos de la IHC



Mac I



Programa Macpaint Corina Flores V. -UMSS


Algo sobre la historia (80s)

Apple Macintosh Computers interfaces mas humanas GUIs 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



A partir de las ideas trabajadas por Macintosh, Microsoft implementa en sus sistemas interfaces grficas.Windows 1.0Corina Flores V. -UMSSFundamentos de la IHC


Algo sobre la historia Se comenz la masificacin 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, SunOS, KDE, Ventura Publisher y NeXTSTEP.Para conocer algo ms sobre historia, te invito a visitar la pgina http://www.muycomputer.com/2009/03/13/actualidadespecialesevolucion-de-la-interfaz-visual_we9erk2xxdd4oidxxxvozxgkdcfmmjlvwle-_joya-moyysz3o5lyeyrp3ynuqyx



Algo sobre la historia HASTA AHORA interfaces basadas en WIMPW Ventanas I IconosM MensP Punteros

SE BUSCA interfaces tridimensionales con poder de reconocimiento de Corina Flores V. -UMSSFundamentos de la IHC


Retos de la GUI

A medida que la tecnologa cambia los referentes grficos en los cuales se fundamentan las GUI actuales tendrn que evolucionar para mantenerse funcionales (metforas).Corina Flores V. -UMSSFundamentos de la IHC


Presente



Presente o futuro cercano?

Interfaces grficas comandadas por gestosCorina Flores V. -UMSSFundamentos 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 comunicacin usuario-mquina:

Lnea de comandosInterfaz grfica de usuario

Ilustrar con ejemplos concretos (por lo menos dos)



Para la entrega del da martes 10 de abril, deben elaborar ya sea:

Una presentacin en power pointUn documento .pdf o .doc

Cuyo contenido sea una sntesis, un comentario acerca de lo que han investigado, ilustrando con ejemplos concretos encontrados.Es importante que el trabajo aporte bibliografa ya sea a enlaces Web o a artculos cientficos como mnimo tres.



Roles de una interfaz de usuarioLa IU de un sistema de software

Media, entre el sistema y el usuario . O entre distintos usuariosIntegra, la representacin de la parte accesible al sistema y las tcnicas de interaccinDetermina, la usabilidad del sistemaAdems, involucra a diferentes disciplinas o especialidades en su diseo.

.



El diseo de una interfaz de usuario es una actividad interdisciplinariaLos actores en el proceso de desarrollo de software, histricamente:

Programador individualGrupo de programadoresGrupo de analistas y programadoresGrupo interdisciplinario

.



Para el diseo de Ius se requiere un equipo que incluya al usuario, especialistas del dominio de la aplicacin y especialistas de otras disciplinas

Corina Flores V. -UMSSFundamentos de la IHCActividad interdisciplinariaActividad multidisciplinariaActividad transdisciplinaria


IHC disciplina inter/multidisciplinarNo es una disciplina cerrada, admite investigacin de especialistas en diversas reas del conocimiento.

IHCInformticaPsicologaErgonomaLingsticaInteligencia ArtificialAntropologaSociologaDiseoUsabilidadCorina Flores V. -UMSSFundamentos de la IHC


IHC disciplina inter/multidisciplinarInformtica

Psicologa cognitiva

Psicologa social y organizativa

Proporciona conocimiento sobre capacidad de la tecnologa. Desarrollo de tcnicas, heursticas, etc, para el diseo desarrollo y mantenimiento.

Comportamiento humano y proceso mental Influencia de las estructuras sociales y organizativas en las prcticas laboralesCorina Flores V. -UMSSFundamentos de la IHC


IHC disciplina inter/multidisciplinarErgonoma

Lingstica

Diseo Diseo y definicin de artefactos para distintos entornos de trabajo, de ocio, domsticos, etc que se ajusten a las capacidades de los usuiarios. Asu vez esta disciplina se divide en Ergonomia Fsica y Ergonoma Cognitiva Lenguajes de comandos (sintaxis y semntica) Internacionalizacin Produccin en serie de objetos tiles y bellos.Corina Flores V. -UMSSFundamentos de la IHC


IHC disciplina inter/multidisciplinarSociologa

Usabilidad

Antropologa

Inteligencia Artificial Estudio de costumbres y tradiciones de pueblos Tendencias culturales Cultura y creencias Agentes inteligentes Hacer que los sistemas sean usables, eficientes, y satisfactorios Corina Flores V. -UMSSFundamentos de la IHC


IHC disciplina inter/multidisciplinarhttp://old.sigchi.org/cdg/cdg2.htmlhttp://oldcomputers.net/http://computermuseum.50megs.com/cgi/games/playgames.phphttp://oldcomputers.net/macintosh.htmlhttp://www.entremaqueros.com/bitacoras/urian/sobre-el-origen-de-la-interfaz-de-usuario-en-apple/Corina Flores V. -UMSSFundamentos de la IHC


IHC disciplina inter/multidisciplinarhttps://docs.google.com/viewer?a=v&q=cache:l26jXGj2rdAJ:www.chr5.com/investigacion/investiga_igu/igu_aproximacion_semio-cognitiva_by_chr5.pdf+&hl=es&gl=bo&pid=bl&srcid=ADGEESiC5ZOP8hyJ0buSRAp5wKhjo8cNZ_ZJWrwfeKZmH7PnVXaGeIR51X1UmPAuoqtqRXXFh7XPnVCHcjmr1kiXRv1NvXh35BYFGDFC2eLrN6p2AOKYwMu0knyZj0m2LSaBvFoirXjT&sig=AHIEtbQWtlZIFc95TAkE2-dKnDI_cn6Rxwhttp://www.muycomputer.com/2009/03/13/actualidadespecialesevolucion-de-la-interfaz-visual_we9erk2xxdd4oidxxxvozxgkdcfmmjlvwle-_joya-moyysz3o5lyeyrp3ynuqyxhttp://courses.iicm.tugraz.at/hci/Corina Flores V. -UMSSFundamentos de la IHC


cap1_fundamentosihc (1)

Documents