Fundamentos de HCI
Lic. Ivana Harari.
[email protected] Lic. Andrea Keillif – Diego Pae
!niversidad "acional de La Plata
Licencia Creative Commons Fundamentos de HCI por #sp.Lic.Ivana Harari se encuentra $a%o una Licencia Creative Commons
Fundamentos de HCI Human Computer Interaction
*+u, es HCI'Interacci&n Hom$re'Computadora-
%l i"logo %l i"logo o o #nteracción Hombre$Computadora es el intercambio obser!able de in&ormación' datos ( acciones entre un )umano ( la computadora o !ice!ersa* i"logo o #nteracción Hombre$Computadora +la +la
Humano = Un usuario Un grupo de usuarios Una organización Público en general
+la +la
Computadora = Una PC Una LAN Una WAN Una workstation ispositi!o mó!il
•
•
•
•
•
•
•
•
Fundamentos de HCI Human Computer Interaction
*+u, es HCI'Interacci&n Hom$re'Computadora-
%l i"logo %l i"logo o o #nteracción Hombre$Computadora es el intercambio obser!able de in&ormación' datos ( acciones entre un )umano ( la computadora o !ice!ersa* i"logo o #nteracción Hombre$Computadora +la +la
Humano = Un usuario Un grupo de usuarios Una organización Público en general
+la +la
Computadora = Una PC Una LAN Una WAN Una workstation ispositi!o mó!il
•
•
•
•
•
•
•
•
Fundamentos de HCI Human Computer Interaction
HCI en todos los contetos
Fundamentos de HCI Human Computer Interaction
HCI para todos los usuarios
Fundamentos de HCI Human Computer Interaction
HCI como disciplina
HCI es la disciplina dentro de las Cs. de Computaci&n /ue Computaci&n /ue se encarga del dise0o1 evaluaci&n e implementaci&n de sistemas de computaci&n interactivos para el uso humano e inclu2e todos los fen&menos concernientes a ello.
HCI es
multidisciplinar
Fundamentos de HCI Human Computer Interaction #l HCI 2 el Conteto
Muchos factores afectan la calidad de la interfaz del usuario: el usuario, la tecnología, los requerimientos funcionales, el entorno, entre otros.
Fundamentos de HCI Human Computer Interaction Importancia del HCI
La interfa se convirti& en un factor decisivo en la elecci&n del soft3are. Alto 4ndice de 5soft3are chatarra6. 7oft3are desechado por causas de proveer una interfa de mala calidad. #n el entorno de Internet1 se agrava la cantidad de sitios /ue caducan.
#voluci&n del HCI
Fuerte integraci&n de la Inform8tica a otras 8reas disciplinas Aumento 2 heterogeneidad en el espectro de usuarios Avance tecnol&gico relativo a la interacci&n hom$re'm8/uina 9enor costo en hard3are Fuerte estandariaci&n 7istemas con gran componente funcional Inclusi&n de la computaci&n en todos los am$ientes #l auge de Internet 9ultimedia1 group3are1 tele'conferencia1 educaci&n a distancia Comunicaci&n en todos los entornos 2 en todos los momentos
Fundamentos de HCI Human Computer Interaction #l HCI 2 los roles
Varios sujetos intervienen en la interacción (usuarios) y en su construcción (distintos profesionales). ada uno con su !ers!ectiva, o"jetivos, conte#tos y finalidades diferentes.
Fundamentos de HCI :ipos de Di8logo :ipos de di8logo humano'computadora ;Hutchins <=>
$n el 9undo Conversacional se !asa de una eta!a de di%logo a la siguiente de una manera !redeci"le.
&ermite tanto a los desarrolladores del soft'are como a los usuarios visualizar un secuenciamiento lógico y es!ecífico del com!ortamiento.
&or tal motivo el di%logo que genera se denomina Di8logo 7ecuencial.
$ste ti!o de di%logo incluye interacción !reguntares!uesta (request res!onse), lenguajes de comandos, comunicación oral, navegación a travs de men*es y entradas de datos.
Fundamentos de HCI :ipos de Di8logo :ipos de di8logo humano'computadora ;Hutchins <=>
$n el 9undo 9odal el usuario final muestra qu hacer mediante el des!lazamiento y mani!ulación de re!resentaciones visuales de los o"jetos, o sea mediante 9anipulaci&n Directa. &ermite un Di8logo Asincr&nico con muchas o!ciones al mismo tiem!o y la secuenciación de cada camino es inde!endiente de los dem%s. +i%logo asincrónico o di%logo $asado en eventos, con acciones del usuario que inician la secuencia del di%logos. am"in se encuentran los di%logos multi'thread (no lineales) que se refieren a la multi!licidad de caminos de di%logo, de hilos de control, de acciones alternativas dis!oni"les !ara el usuario en un determinado momento -$j."o# de di%logo tro ti!o de di%logo es el concurrente que es un di%logo multithread en el cu%l m%s de un su"di%logo !uede ser desarrollado !aralelamente $j. un reloj funcionando mientras uno est% di"ujando. /dem%s de ha"er muchas alternativas de di%logo, estas est%n a"iertas simult%neamente.
Fundamentos de HCI :ipos de Di8logo :ipos de di8logo humano'computadora ;Hutchins <=>
$jem!lo de di%logo secuencial en &ython
nom=raw_input("Ingrese su Nombre o fin para finalizar:") nom=nom.lower() cantAdultos=0 canters=0 w!ile nom="zzz": ape=raw_input("Apellido:") edad=input("#dad:") canters=canters$% if edad&=%': cantAdultos=cantAdultos$% nom=raw_input("Ingrese otro Nombre o fin para finalizar:") print "la cant de personas entre es: " canters
Fundamentos de HCI :ipos de Di8logo :ipos de di8logo humano'computadora ;Hutchins <=>
$jem!lo de di%logo "asado en eventos en &ython 0 &ilas
start=ilas.Actor.*oton(+start.png, -=%00 =/00) start.conectar_presionado(fcionApretar*oton) start.conectar_sobre(fcionocar*oton) start.cuando_!ace_doble_clic1(fcion2oble3li4uear*oton) 5preiamente definir las funciones de los eentos def fcionApretar*oton: 6. def fcionocar*oton: 6. def fcion2oble3li4uear*oton:
Fundamentos de HCI :ipos de Interfa /ue soportan el HCI :ipos de interfaces del usuario
Interfaces :etuales •
Interfaces ?isuales e Ic&nicas •
7ormas de interacción y visualización !arametriza"les
Interfaces Inteligentes' Interfaces #volutivas •
5nteracción multiusuario gru!al done se incluye coordinación, comunicación y cola"oración entre los mismos. -2345254
Interfaces Adaptativas 2 Adapta$les •
1so de varios sentidos !ara la visualización e interacción
Interfaces Cola$orativas •
Visualización y &rogramación Visual. -2345236, 25M&
Interfaces H8pticas •
1so del te#to como medio de visualización y e#!resión
Mecanismos de inferencia, de evolución. &uede com!ortarse como asistente humano
Interfaces e$ Fi%a 2 9&viles' 9o$ile user Interface •
85 en la 2e"
Fundamentos de HCI Independencia de Di8logo Independencia de Di8logo
Desarrollo del Di8logo entremeclado con la L&gica Computacional atenta con la calidad de la Interfa del !suario •
La hace resistente a cam$ios
•
La oculta con el resto del c&digo
•
#l flu%o de di8logo est8 controlado por el flu%o de control
La Interfa del !suario cuenta con su propia filosof4a de desarrollo
U#
-,%L.$C/00%C1#N23
,em"ntica de Aplicación
C/00%C1%N%,,$0#4%N
La Interfa tiene sus propios o$%etivos1 relacionados con Factores
Fundamentos de HCI Independencia de Di8logo Independencia de di8logo
La Independencia de Diálogo es una definición formal [Ehrich y Hartson, 1981 !ue se "asa en la separación de la Interfa# del $suario del %istema de &plicación desde el inicio del desarrollo'
La Componente de i"logo o #nter&az del Usuario es el so&t ( )ardware 5ue soporta ( permite 5ue el di"logo )ombre$m"5uina se lle!e a
La Componente de Cómputos o Aplicación permite la trans&ormación &uncional o algor6tmica de las entradas en
Fundamentos de HCI Independencia de Di8logo
Independencia de Di8logo
La Independencia de Di8logo se logra a trav,s de la separaci&n epl4cita del Di8logo 2 de la Aplicaci&n en todas las etapas de desarrollo.
La Independencia "B se logra nicamente separando el c&digo de am$as componentes en la etapa de programaci&n.
La evoluci&n de la Interfa como componente de soft3are independiente fue similar a la Independencia de Datos ;7eno EGE>
La Interfa del !suario es considerada una componente de soft3are tan importante como la parte Aplicativa del sistema interactivo.
La Aplicaci&n 7em8ntica no tendr8 mecanismos propios para dialogar con el usuario sino a trav,s de la Interfa del !suario.
Fundamentos de HCI Independencia de Di8logo Independencia de Di8logo
(enta)as
•
Inclusi&n de Factores Humanos 9odulariaci&n :oma de decisiones 9odifica$ilidad #tensi$ilidad 9ultipleaci&n de la Interfa n a E #standariaci&n de la Interfa E a n
*ro"lemáticas
•
Aumento del Jrado de Comunicaci&n e Interacci&n entre roles. #l usuario como part4cipe del desarrollo de la !I. 5Posi$le6 decrecimiento de la Performance del sistema final. #l #s/uema de ?inculariaci&n 2 los Protocolos de
Fundamentos de HCI Independencia de Di8logo Independencia de Di8logo
+tras enta)as
La Interfa re/uiere de su propio Ciclo de ?ida
#isten decisiones de dise0o propias 2 un grado de participaci&n de usuarios no eistentes en el desarrollo de la Componente de C&mputos.
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas de la interfa del usuario
Es!uema
ispositi!os de entrada 4entanas /b7etos de interacción
de &l"ert -reen [198.
%s el motor de la U# Control de la lógica ( sencuencia de interacción Control de la sesión ( na!egación de di"logo 9ane7o interno de ob7etos de interacción Protocolos de
%s el di"logo interno
4istas de #nter&az ( Aplicación
/b7etos e8portados
Fundamentos de HCI Independencia de Di8logo Actividades involucradas en el dise0o
%speci&icar ise:ar el look;&eel eterminar estilo de tipos de ise:ar control' secuenciación ( lógica del interacción' tipos de mapeamiento di"logo di"logo ( de inter&az entre ob7etos ise:ar la na!egación ise:ar el look;&eel sem"nticos e #denti&icar los ob7etos computacionales tales Hacer e8pl6cito el interacti!os sistema' identi&icando los como ob7etos sint"cticos ise:ar ser!icios propios de inter&az del usr ob7etos de interacción eterminar el soporte 9odelar los datos propios de la inter&az del de )ardware interacti!o usuario ise:ar el mane7o ( control del )ardware interacti!o %speci&icar tipo de asistencia ise:ar aspectos de adaptación' inteligencia'
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas de la interfa del usuario.
Es!uema
de De"orah Hi/ [1980
Cont.
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas de la interfa del usuario. Cont.
Es!uema
%n&atiza sobre 0oles inter!inientes
de De"orah Hi/ [1980
20%%N
9uestra utilización de Herramientas propias
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas 9onol4ticas de la interfa del usuario
+escom!onen a la 15 en niveles l&gicos o en capas, c9u con servicios que !rovee a la ca!a su!erior y que requiere de la ca!a inferior.
a modularización en capas de a$stracci&n !ermite ocultamiento de información e inde!endencia.
9ane7adores de ispositi!os
,istema de 4entanas
/b7etos de #nteracción
Control de i"logo
Corazón .uncional
9a(or ni!el de Abstracción
ada ca!a es cliente 2 servidora, y de"e !roveer un ma!eo, un "inding y un !rotocolo entre las ca!as inferior y su!erior de sta.
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas 9onol4ticas de la interfa del usuario
4on modelos lingu4sticos que analizan a la 15 como un lenguaje de interacción en vez de un lenguaje de !rogramación.
+etectan el nivel l,ico1 sintais 2 la sem8ntica entre las com!onentes de una interfaz.
5nicialmente se trató de transferir conocimiento de la generaci&n autom8tica de compiladores en generación autom%tica de la interfaz.
4e de!endía de un An8lisis 7ecuencial de e#!resiones de entrada y de una Dicotom4a diferenciada entre la $ntrada y la 4alida
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas 9onol4ticas de la interfa del usuario
;o son adecuadas !ara la 9anipulaci&n Directa, ni cualquier otro di%logo asincrónico, donde: •
•
•
•
$l usuario dialoga con com!onentes individuales m%s que con el sistema entero 1na e#!resión de entrada !uede evolucionar en !aralelo con una e#!resión de salida $l !roveer 7eed"ac< 5nmediato o"liga a interactuar entre las ca!as en forma muy fluida, intensa y muy ligada entre sí. 4e utilizan acciones físicas como arrastres, reacciones interactivas, efectos visuales que no tienen inherencia secuencial.
4e requiere de arquitecturas que descentralicen los niveles lógicos y que construyan una organización modular de la 5nterfaz, alrededor de la noción de Agentes.
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas "o 9onol4ticas 9odelos 9ultiagentes
1n Agente es una entidad de !rocesamiento de información com!leta, incluye: • • • •
rece!tores de eventos, transmisores de eventos, una memoria !ara mantener su estado, y un !rocesador que iterativamente !rocesa eventos de entrada, actualiza su !ro!io estado y !roduce eventos de salida.
4e!aran los conce!tos y las tcnicas de interacción dentro de cada nivel de a"stracción es!ecificado !or un agente.
Modelan la 5nterfaz mediante la organiaci&n de agentes y la distri"ución de res!onsa"ilidades entre los agentes coo!erantes.
$stos agentes reaccionan antes estímulos e#ternos que a su vez !rovocan reacciones. 7uncionan con est4mulo'respuesta.
os agentes se comunican entre sí. /quellos que dialogan con el usuario son denominados o$%etos de presentaci&n o interactivos
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas "o 9onol4ticas 9odelos 9ultiagentes
odelo
(2' odel3(ie432ontroller' [-ol"erg 85 9odela algún aspecto de la realidad Codi&ica la &uncionalidad de la aplicación
9 4
C
e&ine la inter&az entre una aplicación espec6&ica ( una clase de usuario !6a un dispositi!o Piden ( dan a los 9odels in&ormación del usuario ,e responsabilida de la presentación
0ecepciona las entradas del usuario
Pro!ee un con7unto de &unciones independientes del )ardware
•
Versatilidad en el Manejo de los "jetos, !or ej. ; Vie's !ara = Model
•
a com!onte de Presentaci&n > ?ie3 Controller
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas "o 9onol4ticas 9odelos 9ultiagentes
odelo
*&2' *resentación3&"stracción y 2ontrol [2outa# 98 %s el comportamiento obser!able del agente Codi&ica la entrada ( salida
P
A C
%s el corazón &uncional del agente #mplementa el comportamiento del agente independiente de los medios %s la representación de la imagen
Liga una abstracción a una presentación Controla el comportamiento ( el di"logo 9antiene secuencia de acciones ( de di"logo 0ecuerda el estado local Permite interrelación entre agentes
•
a com!onte de &resentación > &resentación del /gente
•
a com!onente de +i%logo > ontrol del /gente
Fundamentos de HCI Independencia de Di8logo Ar/uitecturas "o 9onol4ticas 9odelos 9ultiagentes
odelo •
*&2' *resentación3&"stracción y 2ontrol [2outa# 98
$ste modelo estructura recursivamente un sistema interactivo como una jerarquía de agentes A
P
Ni!el ,uperior
C
Ni!el #ntermedio o de #nter&az Ni!el #n&erior o Widgets •
$l nivel su!erior re!resenta a la om!onente de
Fundamentos de HCI !M
Dise0o de #periencia de !suario !M
La E/periencia de $suario se "asa en la capacidad de poder influir positiamente en el usuario de una interfa#6 persuadir y esta"lecer una cone/ión con 7l a tra7s de un diseo y una forma comunicacional intencional para cada uno de los elementos de la misma' -eneralmente se disea el producto pero no se disea la e/periencia de su uso' %e disea su funcionalidad y su est7tica6 su funcionamiento y su forma, pero no se disea para garanti#ar !ue estos sean perci"idos satisfactoriamente por el usuario en un conte/to de
Fundamentos de HCI !M !M 2 las 8reas involucradas
E/isten arias áreas dentro de $ : Diseo de Interacción, E/periencia de $suario, Diseo (isual, Diseo -ráfico, Estrategia de 2ontenidos, &r!uitectura de la Información'
Fundamentos de DC! !M Dise0o de #periencia de !suario !M
;odas las ramas del H2I se de"en unir para lograr una completa y funcional e/periencia de usuario' ás allá de las perspectias espec
>El parag?as de $@
Fundamentos de DC! !M Dise0o de la #periencia de !suario
&lgunas
componentes "ásicas de $:
Aacilidad: B2uan fácil es para los usuarios entender tu interfa#C
Eficiencia: $na e# entendido el diseo, B2uánto tardan en cumplir las tareas "ásicasC
ecorda"ilidad: 2uando un usuario regresa despu7s de un periodo de tiempo Bu7 tan complicado les resulta oler a FconectarseG con la interfa#C
Errores: B2uántos errores comenten tus usuarios, cuán graes sonC y !u7 tan fácil pueden corregirseC
%atisfacción: Bu7 tan "ien y cómodos se sientenC
$tilidad o *roductiidad: B2uánto de la aplicación usanC
Fundamentos de HCI DC!
Dise0o centrado en el usuario DC!
El proceso de poner en práctica la creación de ese Fcontacto engancheengagementG del usuario, garanti#ado una e/periencia $ eficiente, se llama D2$' El concepto de D2$ es: ;ener en cuenta al usuario en todas las etapas metodológicas del desarrollo del producto interactio' 2omo dice -arrett:
;he implications of this simple concept, ho4eer, are surprisingly comple/'
Fundamentos de HCI !sa$ilidad !sa$ilidad
Es la con)unción de cualidades u o")etios !ue de"e cumplir la interfa# del usuario de un producto
Fundamentos de HCI !sa$ilidad !sa$ilidad
La $sa"ilidad es la medida de la calidad de la e/periencia de un usuario cuando interact=a con un producto o sistema' %e mide estudiando la relación entre las herramientas >de un %itio e" ser
Fundamentos de HCI !sa$ilidad B$%etivos de la Interfa del !suario
CAL#A de U,/
7implicidad •
7%cil a!rendizaje y utilización
•
7orma de e#!resión entendi"le !ara el usuario
Flei$ilidad de la Interfa • •
onsistencia en la !resentación y e#!resión de conce!tos
:ransparencia •
7orma de interacción !reesta"lecida y !lanteada en trminos del usuario, no de la a!licación
Confia$ilidad •
4e considera a los dos agentes interactuantes equi!ara"les
Visualización !ermanente del estado y com!ortamiento del sistema
#rgonom4a •
/da!tación al estilo y !erfil del usuario
Fundamentos de HCI !sa$ilidad !ser friendl2 E<)
!sa$ilit2
+ualit2 in use
N))O
Podemos definir la usa$ilidad como la medida en la cual un !roducto !uede ser usado !or usuarios es!ecíficos !ara conseguir o"jetivos es!ecíficos con efectividad, eficiencia y satisfacci&n en un conte#to de uso es!ecificado
#fectividad se entender% la !recisión y la !lenitud con las que los usuarios alcanzan los o"jetivos es!ecificados.
#ficiencia
7atisfacci&n se entender% la ausencia de incomodidad y la actitud !ositiva en el uso del !roducto. 4e trata, !ues, de un fact
Usabilidad
ca!acidad !ara lograr un fin em!leando los mejores mecanismos, medios y recursos !osi"les.
Fundamentos de HCI !sa$ilidad Calidad de uso !sa$ilidad
significa que la gente que utilice un !roducto !ueda realizar r%!ida y facilmente sus tareas. $sta definición descansa en cuatro !untos:
(=) la usa"ilidad significa centrarse en el usuario?
(@) que la gente que use un !roducto lo haga de forma !roductiva?
(A) los usuarios son gente ocu!ada que tiene que hacer cosas? y
(B) son los usuarios los que deciden cuando un !roducto es f%cil de usar. Canice (6inny) Dedish and Cose!h +umas, A Practical Guide to Usability Testing , =EEE, !. B
Fundamentos de HCI I7B EN=
Fa usa$ilidad se refiere a la ca!acidad de un soft'are de ser comprendido, aprendido, usado y ser atractivo !ara el usuario, en condiciones es!ecíficas de usoF = ' E B N F E C : 7 B D ! I B P
Ealuación cualitatia
Fundamentos de HCI I7B NQE'EE
F!sa$ilidad es la efectividad, eficiencia y satisfacci&n con la que un !roducto !ermite alcanzar o"jetivos es!ecíficos a usuarios es!ecíficos en un conte#to de uso es!ecíficoF E E ' Q E 7 B N F # B 7 B C I P
Ealuación cuantitatia
Fundamentos de HCI De !sa$ilidad a Calidad de !so
I%+ 91JK31: usa"ility
I%+ 9J51311: usa"ility
I%+ 91JK35: !uality in use
Fundamentos de HCI !sa$ilidad' 9,tricas
>I%+ 9J51311, 1995@
•
Fundamentos de HCI !sa$ilidad' 9,tricas
>I%+ 91JK35, J5@
•
Fundamentos de HCI !sa$ilidad' 9,tricas Principios de "ielsen
•
Di8logo simple 2 natural
Lengua%e del usuario
9inimiar el uso de la memoria del usuario
Consistencia
Feed$ac
7alidas evidentes
9ensa%es de error
Prevenci&n de errores
Ata%os
A2udas
Fundamentos de HCI !sa$ilidad < eglas de oro para el dise0o de la interfa 7hneiderman
onsistencia 4hortcuts 7eed"ac< informativo Guen diseHo del di%logo Manejo de error sim!le Deversa de acciones ontrol !or !arte del usuario Minimizar memoria del usuario
Fundamentos de HCI !sa$ilidad First Principles of Interaction design :ognaini
/ntici!ation /utonomy olor Glindness onsistency +efaults $fficiency of the user $#!lora"le 5nterfaces 7ittIs la' 8uman 5nterface "jects atency reduction
:rac state
J
•
?isi$le navigation
Learna$ilit2
•
!se of metaphors
•
Protect usersR 3or
•
eada$ilit2
•