Cap1 FundamentosIHC

FUNDAMENTOS DE LA
IHC (Primera Parte )

Corina Flores Villarroel
UMSS Carrera de Informtica
Corina Flores V. -UMSS
Contenido
Objetivos
Introduccin
Antecedentes
Qu es IHC?
Objetivos de la IHC
Qu estudia la IHC?
Qu se entiende por interfaz?
Contenido
Algo sobre la historia
IHC disciplina inter/multidisciplinar
Componentes de una interfaz
Nuevas interfaces y tendencias actuales
Estilos y paradigmas de interaccin
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 evolucin de IHC
Distinguir el aporte de otras disciplinas a la IHC
Antecedentes
La 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.
Antecedentes
Se 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 e
implementacin de sistemas informticos interactivos
para el uso de los seres humanos, y con el estudio de los
fenmenos mas importantes con los que est relacionado

Qu 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 comunicativo
significados a esos smbolos Booth(1989).

Objetivos de la IHC
Para hacer sistemas interactivos hace falta
[PRE94]:

1. 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 ...

Objetivos de la IHC
Para hacer sistemas interactivos hace falta [PRE94]:

2. 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.

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 mquina
El impacto organizacional.
Qu se entiende por interfaz?

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

Dos tareas
1) Transferir informacin del usuario a la
computadora
2) Comunicar informacin de la
computadora al usuario.

Qu 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.

Qu es una buena interfaz?

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

1. Contener informacin relevante para el usuario.
2. No mostrar informacin o mensajes que no aportan.
3. Minimizar las acciones del usuario para realizar su cometido
4. Facilitar la ubicacin de informacin
5. Lo ms importe! darle el control al usuario.
Importancia de una buena interfaz?

Bsicamente 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

Por qu hablar?
Podemos aprender de experiencias pasadas
Conocer el modelo de la evolucin
Entender y apreciar a dnde hemos llegado
Inspirarnos y motivarnos para dar nuevos pasos

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 intuitivas
Lnea de comandos (lenguaje nada parecido al humano)
Mens de opciones
Formularios
Manipulacin directa (manejo de objetos)
(1943)

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

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

(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.

(1945)

Computadoras digitales (1930-1940) solo disponibles
para 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

(1960)

(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

(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.

(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.

(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 minutos
Douglas Engelbart invento el ratn
(1968)

(1968)

Equipo de Engelbart utiliz ventanas en las interfaces
ALAN 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 / NOTEBOOK
(70s)

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

Bajo el concepto WYSIWYG

What You See Is What You Get

(1972)

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.

Caractersticas del Xerox Star
1.Interfaz grfica 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.

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.


Lisa

Lisa fue rpidamente reemplazada por el Macintosh I.

Mac I

Programa Macpaint
(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.0

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


HASTA AHORA interfaces basadas en WIMP
W Ventanas
I Iconos
M Mens
P Punteros

SE BUSCA interfaces tridimensionales con poder de
reconocimiento de
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).
Presente

Presente o futuro cercano?

Interfaces grficas comandadas por gestos
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 comandos
Interfaz 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 point
Un 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 usuario
La IU de un sistema de software

Media, entre el sistema y el usuario . O entre
distintos usuarios
Integra, la representacin de la parte accesible al
sistema y las tcnicas de interaccin
Determina, la usabilidad del sistema
Adems, involucra a diferentes disciplinas o
especialidades en su diseo.

.

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

Programador individual
Grupo de programadores
Grupo de analistas y programadores
Grupo 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

Actividad interdisciplinaria
Actividad multidisciplinaria
Actividad transdisciplinaria
No es una disciplina cerrada, admite investigacin de
especialistas en diversas reas del conocimiento.

IHC
Informtica
Psicologa
Ergonoma
Lingstica
Inteligencia Artificial
Antropologa
Sociologa
Diseo
Usabilidad
Informtica

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 laborales
Ergonoma

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.
Sociologa

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
http://old.sigchi.org/cdg/cdg2.html
http://oldcomputers.net/
http://computermuseum.50megs.com/cgi/games/playgames.php
http://oldcomputers.net/macintosh.html
http://www.entremaqueros.com/bitacoras/urian/sobre-el-origen-de-la-
interfaz-de-usuario-en-apple/
https://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=ADGEESiC5ZOP8hyJ
0buSRAp5wKhjo8cNZ_ZJWrwfeKZmH7PnVXaGeIR51X1UmPAuoqtqRXX
Fh7XPnVCHcjmr1kiXRv1NvXh35BYFGDFC2eLrN6p2AOKYwMu0knyZj0m
2LSaBvFoirXjT&sig=AHIEtbQWtlZIFc95TAkE2-dKnDI_cn6Rxw
http://www.muycomputer.com/2009/03/13/actualidadespecialesevolucion-
de-la-interfaz-visual_we9erk2xxdd4oidxxxvozxgkdcfmmjlvwle-_joya-
moyysz3o5lyeyrp3ynuqyx
http://courses.iicm.tugraz.at/hci/

Cap1 FundamentosIHC

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Cap1 FundamentosIHC

Cargado por

Copyright:

Formatos disponibles

FUNDAMENTOS DE LA

IHC (Primera Parte )

También podría gustarte