Introducción a CHI

Introducción a CHI
Un poco de Historia
¾ 2ª G.Mundial Sociología
Programación
Ergonomics Research
Society 1949
Inteligencia
¾ Human Factors
Diseño
Artificial
IPO
¾ Man-machine
Ingeniería
¾ Entre los años 70 y
Psicología
del Software
80 algunos grupos de
Ergonomía
psicólogos .....
Evolución (1)
¾ Manipulación Directa de Objetos Gráficos
¾ 1963. Ivan Sutherland. MIT PhD thesis:
SketchPad
¾ 1966-1967. William Newman (Primer widget)
¾ 1975. David Canfield Smith. Stanford PhD thesis
on Pygmalion (Icono)
¾ 1981. Primer sistema commercial que usa
Manipulación Directa: Xerox Star
¾ 1982. Ben Shneiderman (University of Maryland).
Evolución (2)
¾ El ratón
¾ 1965. El primer ratón se desarrolló en los
laboratorios SRI
¾ 1968. Doug Engelbart. (usos del ratón)
¾ 1970. Xerox PARC popularizó el ratón como un
dispositivo de entrada.
¾ 1981. Se comercializa por primera vez como
parte del Xerox Star. Más tarde aparece en el
Apple Lisa (1982), y en el Apple Macintosh (1984)
Evolución (3)
¾Ventanas:
¾1968. Engelbart. Demostró el uso de
múltiples ventanas
¾1969. Alan Kay. University of Utah PhD
thesis.
¾ 1974. Stanford University. Sistema
COPILOT.
¾1974. MIT. Editor de textos EMACS.
¾1974. Xerox PARC.
Definición
• Disciplina relacionada con el diseño,
implementación y evaluación de sistemas
informáticos interactivos para uso de
seres humanos y con el estudio de los
fenómenos mas importantes con los que
está relacionado.
The Join Task Force on Computing Curricula
2001 (IEEE & ACM)
Historia
• Vannevar Bush (1945)
– Director of the Office of Scientific Research And
Development, fue consejero del Truman y Roosevelt.
Al finalizar la 2ª Guerra mundial escribió un artículo
para “Atlantic Monthly en el que proponía un cambio de
dirección de las investigaciones hacia la manipulación,
almacenamiento y acceso a la información
• Douglas Englebart (1950)
http://www.ibiblio.org/pioneers/englebart.html
(BUSCAR)
Breve Historia (Myers)
• Interacción básica
– Manipulación Directa de objetos gráficos WYSIWYG
(what you see is what you get)
– El ratón
– Las Ventanas
• Aplicaciones
–
–
–
–
–
Programas de diseño gráfico
Edición de Texto
Hojas de cálculo
Hipertexto
Reconocimiento de gestos
Evolución
de los
sistemas
GUI
Manipulación Directa de Objetos Gráficos
• 1963. IVAN SUTHERLAND. Tesis doctoral en el MIT:
SketchPad [SUT63]. El sistema SketchPad 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.
• 1966-1967. WILLIAM NEWMAN. William Newman’s
Reaction Handler [NEW68]. Este sistema fue creado en
el Imperial College de Londres y permitía la
manipulación directa de gráficos. Introduzco los “Light
Handles”, una forma de potenciómetro gráfico que fue,
con toda probabilidad, el primer widget.
• 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.
Manipulación Directa (II)
• 1975. DAVID CANFIELD SMITH. Tesis doctoral en
Stanford: Pygmalion [SMI75]. Acuñó por primera vez el
término Icono.
• Años 70. Xerox PARC. Muchas de las técnicas de
interacción de interfaces de manipulación directa (por
ejemplo, la forma como se selecciona el texto, como se
manipulan los objetos, etc.) se hicieron populares a raíz de
la investigación llevada a cabo por el laboratorio de Xerox
PARC.
• Otro importante hito de aquellas investigaciones fue la idea
de WYSIWYG (what you see is what you get) , idea que ha
llegado hasta nosotros a través de procesadores de texto
como Microsoft Word 2000.
Manipulación Directa (III)
• 1977. ALAN KAY, Xerox PARC: Dynabook. En este
artículo, ALAN KAY acuñó el término de interfaces de
manipulación directa [KAY77]
• 1981. Xerox Star. Sale al mercado el primer sistema
comercial que hace extenso el uso de la Manipulación
Directa: Xerox Star [SMI82].
• Le siguen el Apple Lisa en 1982 [WIL83] y el Macintosh
en 1984 [WIL84].
• 1982. BEN SHNEIDERMAN, Universidad de Maryland.
BEN SHNEIDERMAN acuñó el término “Manipulación
directa”, identificando además los distintos componentes
El ratón
• 1965. NLS. El primer ratón se desarrolló en los laboratorios
SRI, como parte del proyecto NLS (financiado por ARPA,
NASA y Rome ADC), como sustituto económico de los
lápices ópticos que habían sido usados desde 1954.
• 1968. DOUG ENGELBART. Algunos de los usos actuales
del ratón fueron demostrados ya en 1968, dentro del
proyecto NLS, en un film [ENG68].
• 1970. Xerox PARC popularizó el ratón como un dispositivo
de entrada práctico.
• 1981. Xerox Star. Se comercializa por primera vez como
parte del Xerox Star. Más tarde aparece en el Apple Lisa
(1982), y en el Apple Macintosh (1984).
Ventanas (I)
•
•
•
•
•
•
•
•
•
1968. ENGELBART. El uso de múltiples ventanas fue demostrado por
ENGELBART, dentro del proyecto NLS [ENG68].
1969. ALAN KAY. Tesis doctoral en Universidad de Utah. ALAN KAY
propuso la idea de ventanas traslapadas [KAY69].
1974. Stanford University. Sistema COPILOT.
1974. MIT. Editor de textos EMACS.
1974. Xerox PARC. Los sistemas Smalltalk [GOL79] e InterLisp [TEI77],
introdujeron el uso de las ventanas traslapadas.
1979. Lisp Machines Inc. Uno de los sistemas comerciales que primero
introdujo el uso de ventanas fue en Lisp Machines Inc. (LMI) y en
Symbolics Lisp Machines.
1981. Xerox PARC. El Cedar Window Manager fue el gestor de ventanas
con más relevancia de la época [SWI86].
1981. Xerox Star. Xerox Star fue el primer sistema comercial que
popularizó las ventanas. En sus primeras versiones no utilizaba ventanas
traslapadas. Sólo permitía ventanas principales y no superpuestas.
Ventanas (II)
•
•
•
•
•
•
1981. Xerox Star. Xerox Star fue el primer sistema comercial que
popularizó las ventanas. En sus primeras versiones no utilizaba ventanas
traslapadas. Sólo permitía ventanas principales y no superpuestas.
1982. Apple Lisa. Junto al Xerox Star(1981), el Apple Lisa también ayudó
a popularizar el uso de ventanas. Este sistema utilizaba ventanas
traslapadas.
• 1983. Carnegie Mellon University’s Information Technology Center. Al
anterior gestor de ventanas, le siguió el Andrew.
1983. Lee Lorenzen & Dan Meyer. Primera versión de GEM (Graphical
Environment Manager) Desktop para Atari.
1984. Apple Macintosh. El Apple Macintosh, junto con sus predecesores
(Xerox Star en 1981 y Apple Lisa en1982), ayudó a popularizar el uso de
las ventanas en las aplicaciones informáticas. Este sistema utilizaba
ventanas traslapadas.
• 1984. MIT. El sistema de ventanas estándar X Window (que utilizan muy a
menudo los sistemas UNIX), fue desarrollado en 1984 por investigadores
del MIT [SCH86].
Ventanas (III)
• 1985. Lee Lorenzen & Dan Meyer. Segunda versión de
GEM Desktop, para Atari Amstrad PC1512.
• 1985. MicroSoft. Sale la primera versión de MSWindows (1.0) sobre MSDOS.
• 1988 Lee Lorenzen & Dan Meyer. Tercera –y última–
versión de GEM Desktop. Disponible para PC y ya
disponía de un Programmers Toolkit y de un Editor de
Textos.
• 1992. MicroSoft. MS-Windows for WorkGroups (3.1).
• 1995. MicroSoft. MS-Windows NT 3.51 y MS-Windows
95.
• Posteriores 2000, XP….
La Interfaz
• NEGROPONTE en su libro “Being digital” nos
da una definición muy sencilla:
“La interfaz es el sitio donde los bits y las
personas se encuentran”
• La interfaz es una parte muy importante del
éxito o fracaso de una aplicación
– La interfaz es del 47% al 60% de las líneas de
codigo. McIntyre, 90
– Un 48% del codigo de la aplicación está dedicado al
desarrollo de la interfaz. Myers, 92
La Interfaz (II)
Gestión de datos
Multimedia
Gráficos en 3D
Entradaes por voz etc..
Lógica de la
aplicación
interfaz de usuario
Interfaz: Objetos cotidianos
(Captación intuitiva ) - Affordance
• Concepto técnico que se refiere a las propiedades de los
objetos – que tipos de operaciones y manipulaciones se
pueden hacer a un objeto en particular. (affordable.asequible)
– Hace las cosas visibles
– Proporciona indicaciones de cómo se puede usar algo
– Proporciona indicaciones de para que es una cosa
– Objetivo: el uso de un objeto es evidente simplemente
mirándolo
• Visual, instrucciones incluidas
• El objeto no necesita instrucciones para su uso, el mismo son las
instrucciones
Recapitulamos: Definiciones
• Lenguaje de entrada para el usuario, un
lenguaje de salida para el ordenador y un
protocolo para la interacción.
• Los aspectos del sistema con los que el usuario
entra en contacto.
• Una interfaz es una superficie de contacto y refleja las
propiedades físicas de los que interactuan, se tienen
que intuir las funciones a realizar y nos da un balance de
poder y control
• Donde los bits y las personas se encuentran
(Negroponte, 1994)
Cambio de postura
Paradigma de la interacción
versus
Paradigma del algoritmo
Interdisciplinaridad
Sociología
Diseño
Programación
IPO
Inteligencia
Artificial
Ingeniería
del Software
Psicología
Ergonomía
Enlaces (I)
• TOCHI .- Transaction on HumanComputer Interaction
http://www.acm.org/pubs/tochi/
• Parc (Palo Alto Research Center)
http://www.parc.com/default.php
• ACM SIGCHI Curricula for HumanComputer Interaction
http://sigchi.org/cdg/cdg2.html
Enlaces(II)
•
Buscador.- Palabras clave:
–
–
Human-Computer Interaction
Computer-Human Interaction
•
http://www.isrc.umbc.edu/HCIHandbook/
•
Sitios web sobre la Historia de HCI.- http://hcibib.org/hcisites/HISTORY.html
•
Breve histora de las tecnologías en la interacción personacomputador.- http://www-2.cs.cmu.edu/~amulet/papers/uihistory.tr.html
Historia de la Inteligencia Artificial.http://www.aaai.org/AITopics/html/history.html
El legado de los laboratorios Parc.- http://www.parc.com/about/history/
•
•
•
La hiostoria de Sigchi en fotos.http://turing.acm.org:18080/photolib/index.jsp
Enlaces (III)
•
Recursos en web.- http://www.ida.liu.se/labs/aslab/groups/um/hci/
•
Grupo de Interés de Computer-Human Interaction (CHISIG).http://www.chisig.org/default.asp?Section=Home
•
Computer-Human Interaction and Collaboration (CHICO).chico.inf-cr.uclm.es
•
Artículos sobre chi.http://encyclopedia.thefreedictionary.com/Computerhuman%20interaction
Enlaces (añadidos)
• Conceptos
http://www.ainda.info/que_es_HCI.html
• Usabilidad
http://www.ainda.info/que_es_HCI.html
• Arquitectura de la Información
http://www.ainda.info/que_es_AI.html
Enlaces (añadidos)
• Las historia de windows:
http://www.yucatan.com.mx/especiales/co
mputadoras/regreso_a_clases/5.asp