2. QUE ES IHC?
Conocido también como Human Computer Interaction (CHI)
“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”
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).
3. OBJETIVOS DE LA IHC
Para hacer sistemas interactivos hace falta
1. Comprender los factores tales como psicológicos, ergonómicos,
organizativos, sociales, .. que determinan como la gente trabaja y
hace uso de los computadores.
2. Desarrollar herramientas y técnicas que ayuden a los
diseñadores a conseguir que los sistemas informáticos séanlos
idóneos según las actividades a las cuales se quieran
Aplicar.
3. Conseguir una interacción eficiente, efectiva y segura, tanto
a nivel individual como de grupo.
4. QUE 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.
5. QUE 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.
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.
6. 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 desafíos
muy distintos.
7. QUE 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.
Debemos tomar como "buena interfaz" aquella que le brinde al usuario
una mejor experiencia. Una buen interfaz deberá:
1. Contener información relevante para el usuario.
2. No mostrar información o mensajes que no aportan.
3. Minimizar las acciones del usuario para realizar su cometido
4. Facilitar la ubicación de información
5. Lo más importe! … darle el control al usuario.
8. 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
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.
9. HISTORIA
El uso de programas dejaron 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 como son:
Línea de comandos (lenguaje nada parecido al
humano)
Menús de opciones
Formularios
Manipulación directa (manejo de “objetos”)
10. 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
(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
11. (1960 -1970). La evolución de los circuitos integrados de silicio, que
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.
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 10 minutos…
Douglas Engelbart invento el ratón
12. (1968)
Equipo de Engelbart utilizó ventanas en las interfaces 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
(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”
13. (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
Windows 1.0
• Versión Inicial, rápidamente retirada • Poco más tarde La más conocida,
arregla los fallos • Sistema en forma de actualización vía diskette • Pocas
mejoras, tecla "Ñ" y tildes añadidas
14. Windows 3.1
• Windows NT 3.1: la versión inicial de Windows NT
• Windows NT Advanced Server 3.1: Es para servidores más importantes, y
soporta 32 bits para trabajar con mayor eficacia.
Windows 95
• Windows 95 es un sistema operativo con interfaz gráfica de usuario híbrido
de entre 16 y 32 bits. Fue publicado el 24 de agosto de 1995 por la empresa
de software Microsoft con notable éxito de ventas. Durante su desarrolo se
conocio como Windows 4 o por el nombre Chicag
15. Windows 98
• En Windows 98 la administración de archivos es tan fácil como explorar las
páginas del World Wide Web. Así hizo más fácil buscar y encontrar la
información que desee, tanto si reside en su propio equipo, como si está en
una red o en Internet.
Windows Me
• Iconos.- Los iconos son elementos gráficos pequeños que se asocian con
una aplicación que se ejecutará si se hace doble clic en este.
• Fichas.- Las fichas son elementos que crean un menú: en la ventana se
mostrará diferente contenido, según la ficha que se elija.
• Botones de radio.- le permiten elegir de una lista de posibilidades, de las
cuales sólo se puede elegir una por vez.
16. Windows Xp
• Colores brillantes. • Botón "Cerrar" en forma de "Cruz" de color Rojo. •
Botones estándar de colores en las barras de herramientas de Windows e
Internet Explorer. • Un rectángulo azul translúcido en la selección de los
archivos.
Windows Vista
• Equivalente a Windows XP Home Edition. Incluye una versión del tema
Aero más liviana, que no proporciona los efectos de transparencia Glass, Flip
3D o las vistas previas de las ventanas en la barra de inicio.
Windows 7
• El equipo de desarrollo de la interfaz Ribbon de Microsoft Office 2007 formó
parte activa en el rediseño de algunos programas y características de
Windows 7, y dicha interfaz se incluyó en las herramientas Paint y Wordpad.
Windows 8
• Pantalla Inicio: El cambio más visible. Una nueva colorida interfaz encima
del escritorio clásico.
• Apps: Son aplicaciones específicas de la pantalla de inicio, ocupan toda la
pantalla y pueden acoplarse hasta 4 en la misma pantalla. Es posible
cerrarlas con una X en la parte superior derecha.