SlideShare a Scribd company logo
1 of 94
Human-Computer Interaction:
Adaptation, Distribution, Evaluation
Jean Vanderdonckt
Louvain School of Management (LSM)
Université catholique de Louvain (UCL)
Place des Doyens, 1 – 1348 Louvain-la-Neuve (Belgium)
jean.vanderdonckt@uclouvain.be
Who is talking?
Jean VANDERDONCKT
• Researcher in Human-Computer Interaction (HCI) since 1988
• Full professor at UCL, Past President of LSM Research Institute
• Co-editor-in-Chief of Springer HCI Series: www.springer.com/series/6033
• Co-editor-in-Chief of SpringerBriefs in HCI: www.springer.com/series/15580
• Associate Editor of ACM TiiS: http://tiis.acm.org/editorial.cfm
• Associate Editor of KAIS:
http://www.springer.com/computer/information+systems+and+applications/journal/10115
• Adv. Board of Interacting with Computers: http://iwc.oxfordjournals.org/
• Coordinator of the UsiXML Consortium: www.usixml.org
3
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
Who is talking?
• Google Scholar: http://scholar.google.com/citations?user=U-FgGrkAAAAJ
• LinkedIn Profile: http://www.linkedin.com/in/jeanvdd
• DBLP: http://www.informatik.uni-trier.de/~ley/pers/hd/v/Vanderdonckt:Jean
• Microsoft Academic: https://academic.microsoft.com/#/detail/2284081945
• Academia Profile: http://uclouvain.academia.edu/JeanVanderdonckt
• ResearchGate: https://www.researchgate.net/profile/Jean_Vanderdonckt2
• YouTube: http://www.youtube.com/results?search_query=usixml
• Slides: http://www.slideshare.net/jeanvdd
• Books: https://www.amazon.com/Jean-Vanderdonckt/e/B01640UKYK
4
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
What is adaptation?
• “The idea of an adaptive interface is straightforward.
Simply, it means that the interface should adapt to the
user; rather than the user adapting to the system”
• Adaptation consists in transforming different aspects
of the systems in different levels, according to the
context of use
– For example: concerning the presentation, the contrast can
be adapted according to the preference of the user
• How to consider all the possible dimensions, levels
and contexts?
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-
25 April 2017)
5
Norcio and Stanley, Adaptive Human-Computer Interfaces: A literature survey and perspectives, IEEE Transactions on Systems, Man and
Cybernetics, Vol 19, n 2, March/April, 1989
Why to adapt?
• ‘One size does not fit all’
• Different contexts of use with different
– Users
• Age, impairments, preferences, profiles…
– Platforms
• Mobile phones, laptops, desktops, idTV…
– Environments
• Levels of light, noise, temperature…
• A context of use: C=(U, P, E)
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
6
Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J.,
A Unifying Reference Framework for Multi-Target User Interfaces, Interacting with Computers, Vol. 15, No. 3, June 2003, pp. 289-308.
Interactive Software evolution: context of use =(U,P,E)
7
time
Platform
User
Environment
Language
What is the situation today?
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle &
Augmentée IVAR'2017 (Alger, 23-25 April 2017)
Diversity of Users
• Able-bodied users
• People with disabilities
– Visual
– Motor
– Cognitive
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
8
Diversity of Users
• Virtual User Modeling and Simulation (VUMS)
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
9
http://www.veritas-project.eu/
Variety of Tasks
• Taxonomy of canonical task types
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
10
González-Calleros, J.M., Guerrero-García, J., Vanderdonckt, J., Muñoz-Arteaga, J., Towards Canonical Task Types for User Interface Design, Proc. of LA-
Web/CLIHC'2009
[Forrester Research,2003]
Multiple Interaction Preferences
• Users want to determine their own path on each platform
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-
25 April 2017)
11
Heterogeneous Platforms
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
12
http://wurfl.sourceforge.net/
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
13
Heterogeneous Platforms
Many Contexts of Use
Location Role Device Experience
Sporting Music selection, clips
Working Travel booking site
Powerful interface for complex operations
Driving Trafic, weather notification
Everywhere connectivity for simple data exchange
Playing
Games
TV is multi-media family device #1
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle &
Augmentée IVAR'2017 (Alger, 23-25 April 2017)
14
15
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
1U, S or a T maintains
up-to-date a series of
goals to ensure user
interface adaptation
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
López-Jaquero, V., Vanderdonckt, J.,
Montero, F., González, P., Towards an
Extended Model of User Interface
Adaptation: the ISATINE framework, Proc.
of EIS’2007
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
Adaptation request
Detection of
adaptation need
Notification for
adaptation request
2
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
16
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
3
Specification by
demonstration
Specification by
demonstration
Specification by
definition
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
17
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
This stage specifies
which entity will apply the
adaptation specified in
the previous stage
4
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
18
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
This stage specifies which
entity will ensure a smooth
transition between the UI
before and after adaptation
5
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
19
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
This stage specifies which
entity will produce meaningful
information in order to facilitate
the understanding of the
adaptation to the other entities
6
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
20
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
Goals for user
Interface adaptation
Meaning of an
input adaptation
Meaning of an
input adaptation
Meaning of an
output adaptation
Specification
of adaptation
Shape of an
input adaptation
Shape of an
output adaptation
Application of
adaptation
INterpretation
of evaluation
Initiative for
adaptation
Evaluation
of adaptation
Interactive
System
Interactive
System
Transition with
adaptation
Adaptation
semantic
distance
in input
Adaptation
articulatory
distance
in input
Adaptation
semantic
distance
in output
Adaptation
articulatory
distance
in output
Gulfofadaptationexecution
Gulfofadaptationevaluation
• The specialization of Norman’s model for adaptation
results into the ISATINE framework:
This stage specifies the
entity responsible for
evaluating the quality of
the adaptation performed
7
THE ISATINE FRAMEWORK
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
21
Definitions
• Multi-target user interface
– Support different contexts of use
• Plastic
• Adaptive
• Adaptable
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
22
Plastic user interface
• Example: the Virtual keyboard
Donatien Grolaux, Peter Van Roy, Jean Vanderdonckt:
QTk - A Mixed Declarative/Procedural Approach for Designing Executable User Interfaces, Proc. of EHCI’2001
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
23
Plastic User interface
• Property of plasticity = adaptation to the context of
use while satisfying predefined usability properties of
interest
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
24
Plasticity
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
25
• NOKIA plastic interface for remote control
Heikki Keränen & Johan
Plomp,
Adaptive Runtime Layout
of Hierarchical UI
Components, Proc. of
NordiCHI’2002
Adaptivity x Adaptability
• Adaptivity
– Automatic
– Adaptive systems
• Adaptability
– Manually
– Adaptable systems
• Complementary approach
– Mixed-initiative
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
26
Personalization
X Customization
• Personalization
– Occurs when the system is adapted regarding user
characteristics
• Customization
– Occurs when the users are able to modify the
application according to their needs
• Both concepts can be considered as a subset
of adaptation
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
27
Graceful degradation
[Florins & Vanderdonckt,2004]
Transformation rules
Add all >>
Add >
<< Remove all
< Remove
>>
>
<<
<
>
<
Group box
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 1
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
• Alternate widgets for the same selection
January
February
March
April
May
June
July
August
September
October
November
December
J F M A M J J A S O N D
30
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
• Alternate widgets for the same selection
31
January February March
Jan Feb Mar Apr Ma
Mar
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
The Painter’s palette
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
32
+ =
Digital Painter’s palette
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
33
Useful area is waisted!
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
34
Migration
• Problem: how to design a UI that adapts to
multiple displays?
Pencil
Palette
Painting
Painting
tool
[Grolaux & Vanderdonckt,2005]
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
35
Migration
36
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
Migration
37
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
UI Migration: DEMIPLAT
• Detach
38
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
UI Migration: DEMIPLAT
• Detach - Migrate
39
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
UI Migration: DEMIPLAT
• Detach - Migrate - Plastify
40
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
UI Migration: DEMIPLAT
• Detach - Migrate - Plastify - Attach
41
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
This is not a floating toolbar
Process
42
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
Computer B
Process
This is migration !
Process
Computer A
43
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
Adaptation: Resources
• Many different resources can be subject to
adaptation
– Content
• Images
• Audio
• Video
• Text
• Widgets
– Presentation
– Navigation
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
44
Taxonomy – User Context
User
Personal
Information
Age Gender Nationality Language
Instruction
Level
Primary
School
Secondary
School
High
School
Graduation
Post-
Graduation
Biometric
Information
Weight
Height
Fingerprint
Voice
Sample
Iris
Head
Diameter
Impairments
Sight
Myopia
Color
Blindness
Blind
Auditory Motor Cognitive
Technological
Background
Novice
user
Intermediary
Advanced
Preferences
Language
Color
Interaction
Mean
Performance
Modality
Media
Type
Emotions
Anxious
Relaxed
Happy
Sad
Status
Online
Offline
Invisible
Stationary
Moving
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
45
Adapting the Presentation
Attach
Augment
Collapse to Zoom
Detach
Distribution
Fish eye
Full-screen
Migration
Mirroring
No-script
Optimize
Overview+Detail
Print
Re-distribution
Re-molding
Re-size
Replace
Single column
TextBox Expansion
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
46
Adapting the Navigation
Accessible Navigation
Annotation of Links
Alphabetical Organization
Alternative Navigation
Chronological Organization
Categorization
Direct Guidance
Generation of Links
Hiding of Links
Hierarchical Organization (within a page)
application)
Linear Structure
Map Adaptation
Mesh Structure
Popularity-based Organization
Search
Simplify Input Controls
Sorting of Links
Suggestion of Links
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
47
Conditional Text
Direction
Frame Based
Filtering
Personalize
Stretch
Suggestion (Recommendation)
Re-size
Adapting the Contents
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
48
Type
Taille
Couleur
Format
Film Image texte
24 bit 8 bit 256 C Echelle de gris Noir et blanc
BMP JPEG GIF (256c)
description
de l’image
9x6 pxls
Résolution
7x5 pxls 6x 3,5 pxls 3x 2,1 pxls
200x200 pxls 100x100 pxls 20x20 pxls
Compression
...
Toncature
ciblée sur le visage
Speed
Quality
+ -
+-
Adaptation Rules
First order: direct
commands
Second order: govern first-
order adaptation rules
Third order: adaptation
strategies to promote or
demote sets of second-order
rules
if (platform = ‘mobile’)
then replace a radio box
by a drop-down list
prefer R1, than R2 if (user = ‘expert’) then
reverse the order of
“prefer R1, than R2”
if (platform = ‘mobile’)
and (entries are limited)
then
replace a radio box with
an edit field with codes
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
49
Context-Aware Design Space
Task
Domain
User
Interaction object
Device
Computing platform
Physical environment
Organization
Application
Presentation
Dialog
Help
Guidance
Tutorial
Design
With respect to what?
What?
Action (Before)
Reaction (After)
Who?
User Mixed System
When?With
what?
At design time
At run time
At both design and
run time
How many?
One
Some
Many
For what?
Initiative
Proposal
Decision
ExecutionSource: Vanderdonckt, J., Grolaux, D., Van Roy, P., Limbourg, Q., Macq, B., Michel, B., A Design Space for Context-Sensitive User Interfaces, Proc. of ISCA 14th Int. Conf. on Intelligent and
Adaptive Systems and Software Engineering IASSE’2005 (Toronto, 20-22 July 2005), International Society for Computers and their Applications, Toronto, 2005, pp. 207-214. (FP6 Similar NoE)
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
50
Context-Aware Design Space
Adaptation
means
Re-molding
Redistribution
• UI re-molding denotes any UI reconfiguration that is perceivable to the user and that results from the application of transformations
on the UI (e.g., insertion, deletion, modification)
• UI redistribution denotes the re-allocation of the UI components to different interaction resources
(e.g., for instance in the Painter's palette, the toolbars may move to a PocketPC until the end of the session)
Source: Grolaux, D., Vanderdonckt, J., Van Roy, P., Attach me, Detach me, Assemble me like You Work, Proc. of INTERACT’2005 (Rome, 12-16 September 2005), M.-F. Costabile, F. Paternò (eds.),
Lecture Notes in Computer Science, Vol. 3585, Springer-Verlag, Berlin, 2005, pp. 198-212.
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
51
Context-Aware Design Space
Adaptation
means
Re-molding
Redistribution
Total level
Dialog space level
Interactor level
UI component
granularity
UI components granularity denotes the smallest software UI unit that can be
affected by re-molding and/or re-distribution
For instance, in Qtk, any individual widget is subject to redistribution
In [Czerwinsky, 2000], any window is subject to redistribution
Source: Melchior, J., Grolaux, D., Vanderdonckt, J., Van Roy, P., A Toolkit for Peer-to-Peer Distributed User Interfaces: Concepts, Implementation, and Applications, Proc. of 1st ACM SIGCHI
Symposium on Engineering Interactive Computing Systems EICS’2009 (Pittsburgh, July 15-17, 2009), ACM Press, New York, 2009, pp. 69-78.
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
52
Context-Aware Design Space
Source: Melchior, J., Grolaux, D., Vanderdonckt, J., Van Roy, P., A Toolkit for Peer-to-Peer Distributed User Interfaces: Concepts, Implementation, and Applications, Proc. of 1st ACM SIGCHI
Symposium on Engineering Interactive Computing Systems EICS’2009 (Pittsburgh, July 15-17, 2009), ACM Press, New York, 2009, pp. 69-78.
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
53
Context-Aware Design Space
Adaptation
means
Re-molding
Redistribution
Total level
Dialog space level
Interactor level
UI component
granularity
State recovery
granularity
Session level
Task level
Action level
State recovery granularity characterizes the effort users must apply to carry on their activity after adaptation has occurred: at the
session level, at the task level or at the action level.
For instance, in Rich Internet Applications
Source: Paternò F. Santoro C. Scorcia A. "Preserving rich user interface state in Web applications across various platforms". Engineering Interactive Systems. Second Conference on Human-
Centered Software Engineering, HCSE 2008 TAMODIA 2008 (Pisa, Italy, 25-26 September 2008). Proceedings, pp. 255 - 262. (LNCS, vol. 5247). Springer.
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
54
Context-Aware Design Space
Adaptation
means
UI
deployment
Re-molding
Redistribution
Total level
Dialog space level
Interactor level
UI component
granularity
State recovery
granularity
Session level
Task level
Action level
Static
Dynamic
UI deployment denotes the installation of the UI components in its environment: static or dynamic
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
55
Context-Aware Design Space
Adaptation
means
Context
of use
UI
deployment
Re-molding
Redistribution
Total level
Dialog space level
Interactor level
UI component
granularity
State recovery
granularity
Session level
Task level
Action level
Static
Dynamic
User
Computing platform
Environment
Coverage of context of use denotes the capability of the UI components to be context-aware: user, platform or environment
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
56
Context-Aware Design Space
Adaptation
means
Technological
space coverage
Context
of use
UI
deployment
Re-molding
Redistribution
Total level
Dialog space level
Interactor level
UI component
granularity
State recovery
granularity
Session level
Task level
Action level
Static
Dynamic
User
Computing platform
Environment
Multi-TS
Inter-TS Intra-TS
Technological space coverage denotes the capability of the UI components to support different working contexts with a set of
associated concepts, body of knowledge, tools, required skills, and possibilities.
Source: Kurtev, I., Bézivin, J., and Aksit, M. (2002) Technological Spaces: an Initial Appraisal. CoopIS, DOA'2002 Federated Conferences, Industrial track, Irvine, 2002,.Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
57
Context-Aware Design Space
Adaptation
means
Technological
space coverage
Context
of use
UI
deployment
Re-molding
Redistribution
Total level
Dialog space level
Interactor level
UI component
granularity
State recovery
granularity
Session level
Task level
Action level
Static
Dynamic
User
Computing platform
Environment
Multi-TS
Inter-TS Intra-TS
No Meta-UI
Meta-UI without negotiation
Meta-UI with negotiation
Plastic Meta-UI
Existence of
a meta-UI
Existence of a meta-UI denotes the capability of a UI to provide a UI for controlling its adaptation.
For instance, the Collapse-to-zoom meta-UI [Baudish et al., 2004]
Source: Coutaz, J. (2006) Meta-User Interfaces for Ambient Spaces. In: Proc. of 4th Int. Workshop on Task Models and Diagrams for User Interface Design Tamodia’2006 (Hasselt, October 23-24,
2006). Lecture Notes in Computer Science, Vol. 4385, Springer, Heidelberg, pp. 1–15.
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
58
1. Diffie
DiffIE
59
Always on
In-situ
New to you
Non-intrusive
Changes to page
since your last visit
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle &
Augmentée IVAR'2017 (Alger, 23-25 April 2017)
Large Screens
Adaptive Layout Template for Effective Web Content Presentation in Large-Screen Contexts
Michael Nebeling, Fabrice Matulic, Lucas Streit and Moira C. Norrie
Proc. 11th ACM Symposium on Document Engineering (DocEng 2011), Mountain View, CA, USA, September 2011
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
60
XDStudio
Progressive
Enhancement
Car rental example
Full example of context-
aware adaptation
• Walkaware = route planning
• Weatheraware = wheather forecasts
• WalkWeather = both combined
• Adaptation to
– User profile
– Platform configuration
– Location and environmental conditions
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
61
https://play.google.com/store/apps/details?id=be.defimedia.android.walkawaremobile&hl=fr
http://windowsphoneapks.com/APK_WalkAware_Windows-Phone.html
http://www.appdropp.com/ios/walkaware/414443781
Decision Table
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
62
Decision Table
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
63
Architectural Approaches
• GUI generation
• Web services
• Client-server
• Model-view-control
• When?
– At the client (arrival)
– At the proxy (on the way)
– At the server (before it is sent)
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
64
Architectural Approach
Using Web services
65
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
Weatheraware
• Adaptation: Mobile, Tablet and Desktop
PC
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
66
For Desktop
67
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
68
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
69
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
70
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
71
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
72
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
73
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
For Tablet PC and iPads
74
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
75
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
76
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
77
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
78
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
79
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
80
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
81
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
82
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
83
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
84
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
85
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
86
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
87
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
88
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
89
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
90
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
91
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017
(Alger, 23-25 April 2017)
Conclusion of Adaptation:
for what?
• Advantages
– Improve task efficiency and effectiveness
• Optimizes task completion time and rate
• Reduces work load
– Positively impacts
• User’s subjective satisfaction
• Accuracy, human performance
• Predictability, situation awareness
• Shortcomings
– Induces user disruption and generates variability
– Loss of control
– Development cost and complexity
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-
25 April 2017)
92
Thank you very much for your
attention
Questions?
Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle &
Augmentée IVAR'2017 (Alger, 23-25 April 2017)
93
Human-Computer Interaction: Adaptation, Distribution, Evaluation

More Related Content

What's hot

2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR SystemsMark Billinghurst
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designMoodLabs
 
Empathic Computing: Developing for the Whole Metaverse
Empathic Computing: Developing for the Whole MetaverseEmpathic Computing: Developing for the Whole Metaverse
Empathic Computing: Developing for the Whole MetaverseMark Billinghurst
 
Research Directions in Transitional Interfaces
Research Directions in Transitional InterfacesResearch Directions in Transitional Interfaces
Research Directions in Transitional InterfacesMark Billinghurst
 
Augmented reality vs. virtual reality differences and similarities
Augmented  reality vs. virtual reality differences and similaritiesAugmented  reality vs. virtual reality differences and similarities
Augmented reality vs. virtual reality differences and similaritiesGlobalTechCouncil
 
Cross-channel ecosystems strategy
Cross-channel ecosystems strategyCross-channel ecosystems strategy
Cross-channel ecosystems strategyAndrea Resmini
 
Augmented Reality (AR)
Augmented Reality (AR)Augmented Reality (AR)
Augmented Reality (AR)Samsil Arefin
 
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...Andy Fawkes
 
Natural Interfaces for Augmented Reality
Natural Interfaces for Augmented RealityNatural Interfaces for Augmented Reality
Natural Interfaces for Augmented RealityMark Billinghurst
 
The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototypingMarcelo Graciolli
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 

What's hot (20)

Hci history
Hci historyHci history
Hci history
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
Empathic Computing: Developing for the Whole Metaverse
Empathic Computing: Developing for the Whole MetaverseEmpathic Computing: Developing for the Whole Metaverse
Empathic Computing: Developing for the Whole Metaverse
 
Research Directions in Transitional Interfaces
Research Directions in Transitional InterfacesResearch Directions in Transitional Interfaces
Research Directions in Transitional Interfaces
 
Augmented reality vs. virtual reality differences and similarities
Augmented  reality vs. virtual reality differences and similaritiesAugmented  reality vs. virtual reality differences and similarities
Augmented reality vs. virtual reality differences and similarities
 
Cross-channel ecosystems strategy
Cross-channel ecosystems strategyCross-channel ecosystems strategy
Cross-channel ecosystems strategy
 
Augmented Reality (AR)
Augmented Reality (AR)Augmented Reality (AR)
Augmented Reality (AR)
 
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
Metaverse Developments, Technologies, and Standards - Towards a Military Meta...
 
UI UX Design Course
UI UX Design CourseUI UX Design Course
UI UX Design Course
 
Natural Interfaces for Augmented Reality
Natural Interfaces for Augmented RealityNatural Interfaces for Augmented Reality
Natural Interfaces for Augmented Reality
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
VIRTUAL REALITY
VIRTUAL REALITYVIRTUAL REALITY
VIRTUAL REALITY
 
The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototyping
 
IOT Networks
IOT NetworksIOT Networks
IOT Networks
 
UX Quiz
UX QuizUX Quiz
UX Quiz
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
Mixed reality
Mixed realityMixed reality
Mixed reality
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 

Similar to Human-Computer Interaction: Adaptation, Distribution, Evaluation

A Methodology for the Development of Vocal User Interfaces
A Methodology for the Development of Vocal User InterfacesA Methodology for the Development of Vocal User Interfaces
A Methodology for the Development of Vocal User InterfacesDavid Céspedes-Hernández
 
Model-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfacesModel-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfacesJean Vanderdonckt
 
90seconds Presentation
90seconds Presentation90seconds Presentation
90seconds Presentationpbihler
 
Optimal Meeting Point Notification for Moving groups of Users in Network Region
Optimal Meeting Point Notification for Moving groups of Users in Network RegionOptimal Meeting Point Notification for Moving groups of Users in Network Region
Optimal Meeting Point Notification for Moving groups of Users in Network RegionIRJET Journal
 
Methodology for the Development of Vocal User Interfaces
Methodology for the Development of Vocal User InterfacesMethodology for the Development of Vocal User Interfaces
Methodology for the Development of Vocal User InterfacesJean Vanderdonckt
 
PhD Trial Lecture: Design guidelines for multi-display environments in comman...
PhD Trial Lecture: Design guidelines for multi-display environments in comman...PhD Trial Lecture: Design guidelines for multi-display environments in comman...
PhD Trial Lecture: Design guidelines for multi-display environments in comman...Simone Mora
 
Breaking the Walls: A Unified Vision on Context-Oriented Software Engineering
Breaking the Walls: A Unified Vision on Context-Oriented Software EngineeringBreaking the Walls: A Unified Vision on Context-Oriented Software Engineering
Breaking the Walls: A Unified Vision on Context-Oriented Software Engineeringkim.mens
 
Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...
Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...
Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...ijceronline
 
Barcelona Global Energy Challenges 2015
Barcelona Global Energy Challenges 2015Barcelona Global Energy Challenges 2015
Barcelona Global Energy Challenges 2015Pau Fonseca
 
TUW-ASE-Summer 2014: Advanced Services Engineering- Introduction
TUW-ASE-Summer 2014: Advanced Services Engineering- IntroductionTUW-ASE-Summer 2014: Advanced Services Engineering- Introduction
TUW-ASE-Summer 2014: Advanced Services Engineering- IntroductionHong-Linh Truong
 
When User Interface Patterns Become Mobile
When User Interface Patterns Become MobileWhen User Interface Patterns Become Mobile
When User Interface Patterns Become MobileJean Vanderdonckt
 
COMP 4010 Lecture12 Research Directions in AR
COMP 4010 Lecture12 Research Directions in ARCOMP 4010 Lecture12 Research Directions in AR
COMP 4010 Lecture12 Research Directions in ARMark Billinghurst
 
Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...Jean Vanderdonckt
 
Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...Serenoa Project
 
Software Development for the Cloud - Trends, Opportunities, and Challenges
Software Development for the Cloud - Trends, Opportunities, and ChallengesSoftware Development for the Cloud - Trends, Opportunities, and Challenges
Software Development for the Cloud - Trends, Opportunities, and ChallengesPhilipp Leitner
 
Smart Sound Measurement and Control System for Smart City
Smart Sound Measurement and Control System for Smart CitySmart Sound Measurement and Control System for Smart City
Smart Sound Measurement and Control System for Smart CityIRJET Journal
 
Cnie Projet Enjeux S Diaporama Banff 2008 Va
Cnie Projet Enjeux S  Diaporama Banff  2008 VaCnie Projet Enjeux S  Diaporama Banff  2008 Va
Cnie Projet Enjeux S Diaporama Banff 2008 Vaguest7e67ab
 
연구실 소개(2014)
연구실 소개(2014)연구실 소개(2014)
연구실 소개(2014)NCLab_KAIST
 
Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...
Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...
Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...IncQuery Labs
 

Similar to Human-Computer Interaction: Adaptation, Distribution, Evaluation (20)

A Methodology for the Development of Vocal User Interfaces
A Methodology for the Development of Vocal User InterfacesA Methodology for the Development of Vocal User Interfaces
A Methodology for the Development of Vocal User Interfaces
 
Model-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfacesModel-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfaces
 
90seconds Presentation
90seconds Presentation90seconds Presentation
90seconds Presentation
 
Optimal Meeting Point Notification for Moving groups of Users in Network Region
Optimal Meeting Point Notification for Moving groups of Users in Network RegionOptimal Meeting Point Notification for Moving groups of Users in Network Region
Optimal Meeting Point Notification for Moving groups of Users in Network Region
 
Methodology for the Development of Vocal User Interfaces
Methodology for the Development of Vocal User InterfacesMethodology for the Development of Vocal User Interfaces
Methodology for the Development of Vocal User Interfaces
 
PhD Trial Lecture: Design guidelines for multi-display environments in comman...
PhD Trial Lecture: Design guidelines for multi-display environments in comman...PhD Trial Lecture: Design guidelines for multi-display environments in comman...
PhD Trial Lecture: Design guidelines for multi-display environments in comman...
 
Breaking the Walls: A Unified Vision on Context-Oriented Software Engineering
Breaking the Walls: A Unified Vision on Context-Oriented Software EngineeringBreaking the Walls: A Unified Vision on Context-Oriented Software Engineering
Breaking the Walls: A Unified Vision on Context-Oriented Software Engineering
 
Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...
Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...
Tools and Techniques for Designing, Implementing, & Evaluating Ubiquitous Com...
 
Barcelona Global Energy Challenges 2015
Barcelona Global Energy Challenges 2015Barcelona Global Energy Challenges 2015
Barcelona Global Energy Challenges 2015
 
TUW-ASE-Summer 2014: Advanced Services Engineering- Introduction
TUW-ASE-Summer 2014: Advanced Services Engineering- IntroductionTUW-ASE-Summer 2014: Advanced Services Engineering- Introduction
TUW-ASE-Summer 2014: Advanced Services Engineering- Introduction
 
When User Interface Patterns Become Mobile
When User Interface Patterns Become MobileWhen User Interface Patterns Become Mobile
When User Interface Patterns Become Mobile
 
COMP 4010 Lecture12 Research Directions in AR
COMP 4010 Lecture12 Research Directions in ARCOMP 4010 Lecture12 Research Directions in AR
COMP 4010 Lecture12 Research Directions in AR
 
Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...
 
Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...Distributed User Interfaces: How to Distribute User Interface Elements across...
Distributed User Interfaces: How to Distribute User Interface Elements across...
 
Software Development for the Cloud - Trends, Opportunities, and Challenges
Software Development for the Cloud - Trends, Opportunities, and ChallengesSoftware Development for the Cloud - Trends, Opportunities, and Challenges
Software Development for the Cloud - Trends, Opportunities, and Challenges
 
Short intro: Chung-Ching Huang
Short intro: Chung-Ching HuangShort intro: Chung-Ching Huang
Short intro: Chung-Ching Huang
 
Smart Sound Measurement and Control System for Smart City
Smart Sound Measurement and Control System for Smart CitySmart Sound Measurement and Control System for Smart City
Smart Sound Measurement and Control System for Smart City
 
Cnie Projet Enjeux S Diaporama Banff 2008 Va
Cnie Projet Enjeux S  Diaporama Banff  2008 VaCnie Projet Enjeux S  Diaporama Banff  2008 Va
Cnie Projet Enjeux S Diaporama Banff 2008 Va
 
연구실 소개(2014)
연구실 소개(2014)연구실 소개(2014)
연구실 소개(2014)
 
Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...
Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...
Towards the Next Generation of Reactive Model Transformations on Low-Code Pla...
 

More from Jean Vanderdonckt

To the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesTo the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesJean Vanderdonckt
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Jean Vanderdonckt
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...Jean Vanderdonckt
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...Jean Vanderdonckt
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...Jean Vanderdonckt
 
Gesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsGesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsJean Vanderdonckt
 
Engineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeEngineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeJean Vanderdonckt
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresEvaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresJean Vanderdonckt
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Jean Vanderdonckt
 
Designing Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsDesigning Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsJean Vanderdonckt
 
Fundamentals of Gestural Interaction
Fundamentals of Gestural InteractionFundamentals of Gestural Interaction
Fundamentals of Gestural InteractionJean Vanderdonckt
 
Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Jean Vanderdonckt
 
User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...Jean Vanderdonckt
 
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...Jean Vanderdonckt
 
Attach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkAttach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkJean Vanderdonckt
 
The Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesThe Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesJean Vanderdonckt
 
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-Defined Gestures with Upper BodyHead and Shoulders Gestures: Exploring User-Defined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper BodyJean Vanderdonckt
 
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesG-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesJean Vanderdonckt
 
Vector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionVector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionJean Vanderdonckt
 
An ontology for reasoning on body-based gestures
 An ontology for reasoning on body-based gestures An ontology for reasoning on body-based gestures
An ontology for reasoning on body-based gesturesJean Vanderdonckt
 

More from Jean Vanderdonckt (20)

To the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesTo the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User Interfaces
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
 
Gesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsGesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOps
 
Engineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeEngineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with Slime
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresEvaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and Measures
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
 
Designing Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsDesigning Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and Pitfalls
 
Fundamentals of Gestural Interaction
Fundamentals of Gestural InteractionFundamentals of Gestural Interaction
Fundamentals of Gestural Interaction
 
Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?
 
User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...
 
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
 
Attach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkAttach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you Work
 
The Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesThe Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV Gestures
 
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-Defined Gestures with Upper BodyHead and Shoulders Gestures: Exploring User-Defined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
 
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesG-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
 
Vector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionVector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture Recognition
 
An ontology for reasoning on body-based gestures
 An ontology for reasoning on body-based gestures An ontology for reasoning on body-based gestures
An ontology for reasoning on body-based gestures
 

Recently uploaded

Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024StefanoLambiase
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3
 
Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024Andreas Granig
 
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptchapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptkotipi9215
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsAhmed Mohamed
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
The Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfThe Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfPower Karaoke
 
software engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxsoftware engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxnada99848
 
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq
 
MYjobs Presentation Django-based project
MYjobs Presentation Django-based projectMYjobs Presentation Django-based project
MYjobs Presentation Django-based projectAnoyGreter
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmSujith Sukumaran
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfAlina Yurenko
 
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样umasea
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEOrtus Solutions, Corp
 
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWhat is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWave PLM
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)OPEN KNOWLEDGE GmbH
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 

Recently uploaded (20)

Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
 
Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024
 
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptchapter--4-software-project-planning.ppt
chapter--4-software-project-planning.ppt
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
The Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfThe Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdf
 
software engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxsoftware engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptx
 
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
 
MYjobs Presentation Django-based project
MYjobs Presentation Django-based projectMYjobs Presentation Django-based project
MYjobs Presentation Django-based project
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
 
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort ServiceHot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
 
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
 
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWhat is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 

Human-Computer Interaction: Adaptation, Distribution, Evaluation

  • 1.
  • 2. Human-Computer Interaction: Adaptation, Distribution, Evaluation Jean Vanderdonckt Louvain School of Management (LSM) Université catholique de Louvain (UCL) Place des Doyens, 1 – 1348 Louvain-la-Neuve (Belgium) jean.vanderdonckt@uclouvain.be
  • 3. Who is talking? Jean VANDERDONCKT • Researcher in Human-Computer Interaction (HCI) since 1988 • Full professor at UCL, Past President of LSM Research Institute • Co-editor-in-Chief of Springer HCI Series: www.springer.com/series/6033 • Co-editor-in-Chief of SpringerBriefs in HCI: www.springer.com/series/15580 • Associate Editor of ACM TiiS: http://tiis.acm.org/editorial.cfm • Associate Editor of KAIS: http://www.springer.com/computer/information+systems+and+applications/journal/10115 • Adv. Board of Interacting with Computers: http://iwc.oxfordjournals.org/ • Coordinator of the UsiXML Consortium: www.usixml.org 3 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 4. Who is talking? • Google Scholar: http://scholar.google.com/citations?user=U-FgGrkAAAAJ • LinkedIn Profile: http://www.linkedin.com/in/jeanvdd • DBLP: http://www.informatik.uni-trier.de/~ley/pers/hd/v/Vanderdonckt:Jean • Microsoft Academic: https://academic.microsoft.com/#/detail/2284081945 • Academia Profile: http://uclouvain.academia.edu/JeanVanderdonckt • ResearchGate: https://www.researchgate.net/profile/Jean_Vanderdonckt2 • YouTube: http://www.youtube.com/results?search_query=usixml • Slides: http://www.slideshare.net/jeanvdd • Books: https://www.amazon.com/Jean-Vanderdonckt/e/B01640UKYK 4 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 5. What is adaptation? • “The idea of an adaptive interface is straightforward. Simply, it means that the interface should adapt to the user; rather than the user adapting to the system” • Adaptation consists in transforming different aspects of the systems in different levels, according to the context of use – For example: concerning the presentation, the contrast can be adapted according to the preference of the user • How to consider all the possible dimensions, levels and contexts? Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23- 25 April 2017) 5 Norcio and Stanley, Adaptive Human-Computer Interfaces: A literature survey and perspectives, IEEE Transactions on Systems, Man and Cybernetics, Vol 19, n 2, March/April, 1989
  • 6. Why to adapt? • ‘One size does not fit all’ • Different contexts of use with different – Users • Age, impairments, preferences, profiles… – Platforms • Mobile phones, laptops, desktops, idTV… – Environments • Levels of light, noise, temperature… • A context of use: C=(U, P, E) Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 6 Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J., A Unifying Reference Framework for Multi-Target User Interfaces, Interacting with Computers, Vol. 15, No. 3, June 2003, pp. 289-308.
  • 7. Interactive Software evolution: context of use =(U,P,E) 7 time Platform User Environment Language What is the situation today? Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 8. Diversity of Users • Able-bodied users • People with disabilities – Visual – Motor – Cognitive Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 8
  • 9. Diversity of Users • Virtual User Modeling and Simulation (VUMS) Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 9 http://www.veritas-project.eu/
  • 10. Variety of Tasks • Taxonomy of canonical task types Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 10 González-Calleros, J.M., Guerrero-García, J., Vanderdonckt, J., Muñoz-Arteaga, J., Towards Canonical Task Types for User Interface Design, Proc. of LA- Web/CLIHC'2009
  • 11. [Forrester Research,2003] Multiple Interaction Preferences • Users want to determine their own path on each platform Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23- 25 April 2017) 11
  • 12. Heterogeneous Platforms Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 12 http://wurfl.sourceforge.net/
  • 13. Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 13 Heterogeneous Platforms
  • 14. Many Contexts of Use Location Role Device Experience Sporting Music selection, clips Working Travel booking site Powerful interface for complex operations Driving Trafic, weather notification Everywhere connectivity for simple data exchange Playing Games TV is multi-media family device #1 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 14
  • 15. 15 • The specialization of Norman’s model for adaptation results into the ISATINE framework: Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation 1U, S or a T maintains up-to-date a series of goals to ensure user interface adaptation THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) López-Jaquero, V., Vanderdonckt, J., Montero, F., González, P., Towards an Extended Model of User Interface Adaptation: the ISATINE framework, Proc. of EIS’2007
  • 16. Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation • The specialization of Norman’s model for adaptation results into the ISATINE framework: Adaptation request Detection of adaptation need Notification for adaptation request 2 THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 16
  • 17. Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation • The specialization of Norman’s model for adaptation results into the ISATINE framework: 3 Specification by demonstration Specification by demonstration Specification by definition THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 17
  • 18. Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation • The specialization of Norman’s model for adaptation results into the ISATINE framework: This stage specifies which entity will apply the adaptation specified in the previous stage 4 THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 18
  • 19. Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation • The specialization of Norman’s model for adaptation results into the ISATINE framework: This stage specifies which entity will ensure a smooth transition between the UI before and after adaptation 5 THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 19
  • 20. Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation • The specialization of Norman’s model for adaptation results into the ISATINE framework: This stage specifies which entity will produce meaningful information in order to facilitate the understanding of the adaptation to the other entities 6 THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 20
  • 21. Goals for user Interface adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation Goals for user Interface adaptation Meaning of an input adaptation Meaning of an input adaptation Meaning of an output adaptation Specification of adaptation Shape of an input adaptation Shape of an output adaptation Application of adaptation INterpretation of evaluation Initiative for adaptation Evaluation of adaptation Interactive System Interactive System Transition with adaptation Adaptation semantic distance in input Adaptation articulatory distance in input Adaptation semantic distance in output Adaptation articulatory distance in output Gulfofadaptationexecution Gulfofadaptationevaluation • The specialization of Norman’s model for adaptation results into the ISATINE framework: This stage specifies the entity responsible for evaluating the quality of the adaptation performed 7 THE ISATINE FRAMEWORK Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 21
  • 22. Definitions • Multi-target user interface – Support different contexts of use • Plastic • Adaptive • Adaptable Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 22
  • 23. Plastic user interface • Example: the Virtual keyboard Donatien Grolaux, Peter Van Roy, Jean Vanderdonckt: QTk - A Mixed Declarative/Procedural Approach for Designing Executable User Interfaces, Proc. of EHCI’2001 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 23
  • 24. Plastic User interface • Property of plasticity = adaptation to the context of use while satisfying predefined usability properties of interest Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 24
  • 25. Plasticity Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 25 • NOKIA plastic interface for remote control Heikki Keränen & Johan Plomp, Adaptive Runtime Layout of Hierarchical UI Components, Proc. of NordiCHI’2002
  • 26. Adaptivity x Adaptability • Adaptivity – Automatic – Adaptive systems • Adaptability – Manually – Adaptable systems • Complementary approach – Mixed-initiative Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 26
  • 27. Personalization X Customization • Personalization – Occurs when the system is adapted regarding user characteristics • Customization – Occurs when the users are able to modify the application according to their needs • Both concepts can be considered as a subset of adaptation Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 27
  • 28. Graceful degradation [Florins & Vanderdonckt,2004]
  • 29. Transformation rules Add all >> Add > << Remove all < Remove >> > << < > < Group box Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 Item 8 Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 Item 1 Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7
  • 30. • Alternate widgets for the same selection January February March April May June July August September October November December J F M A M J J A S O N D 30 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 31. • Alternate widgets for the same selection 31 January February March Jan Feb Mar Apr Ma Mar Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 32. The Painter’s palette Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 32 + =
  • 33. Digital Painter’s palette Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 33
  • 34. Useful area is waisted! Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 34
  • 35. Migration • Problem: how to design a UI that adapts to multiple displays? Pencil Palette Painting Painting tool [Grolaux & Vanderdonckt,2005] Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 35
  • 36. Migration 36 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 37. Migration 37 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 38. UI Migration: DEMIPLAT • Detach 38 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 39. UI Migration: DEMIPLAT • Detach - Migrate 39 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 40. UI Migration: DEMIPLAT • Detach - Migrate - Plastify 40 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 41. UI Migration: DEMIPLAT • Detach - Migrate - Plastify - Attach 41 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 42. This is not a floating toolbar Process 42 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 43. Computer B Process This is migration ! Process Computer A 43 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 44. Adaptation: Resources • Many different resources can be subject to adaptation – Content • Images • Audio • Video • Text • Widgets – Presentation – Navigation Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 44
  • 45. Taxonomy – User Context User Personal Information Age Gender Nationality Language Instruction Level Primary School Secondary School High School Graduation Post- Graduation Biometric Information Weight Height Fingerprint Voice Sample Iris Head Diameter Impairments Sight Myopia Color Blindness Blind Auditory Motor Cognitive Technological Background Novice user Intermediary Advanced Preferences Language Color Interaction Mean Performance Modality Media Type Emotions Anxious Relaxed Happy Sad Status Online Offline Invisible Stationary Moving Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 45
  • 46. Adapting the Presentation Attach Augment Collapse to Zoom Detach Distribution Fish eye Full-screen Migration Mirroring No-script Optimize Overview+Detail Print Re-distribution Re-molding Re-size Replace Single column TextBox Expansion Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 46
  • 47. Adapting the Navigation Accessible Navigation Annotation of Links Alphabetical Organization Alternative Navigation Chronological Organization Categorization Direct Guidance Generation of Links Hiding of Links Hierarchical Organization (within a page) application) Linear Structure Map Adaptation Mesh Structure Popularity-based Organization Search Simplify Input Controls Sorting of Links Suggestion of Links Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 47
  • 48. Conditional Text Direction Frame Based Filtering Personalize Stretch Suggestion (Recommendation) Re-size Adapting the Contents Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 48 Type Taille Couleur Format Film Image texte 24 bit 8 bit 256 C Echelle de gris Noir et blanc BMP JPEG GIF (256c) description de l’image 9x6 pxls Résolution 7x5 pxls 6x 3,5 pxls 3x 2,1 pxls 200x200 pxls 100x100 pxls 20x20 pxls Compression ... Toncature ciblée sur le visage Speed Quality + - +-
  • 49. Adaptation Rules First order: direct commands Second order: govern first- order adaptation rules Third order: adaptation strategies to promote or demote sets of second-order rules if (platform = ‘mobile’) then replace a radio box by a drop-down list prefer R1, than R2 if (user = ‘expert’) then reverse the order of “prefer R1, than R2” if (platform = ‘mobile’) and (entries are limited) then replace a radio box with an edit field with codes Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 49
  • 50. Context-Aware Design Space Task Domain User Interaction object Device Computing platform Physical environment Organization Application Presentation Dialog Help Guidance Tutorial Design With respect to what? What? Action (Before) Reaction (After) Who? User Mixed System When?With what? At design time At run time At both design and run time How many? One Some Many For what? Initiative Proposal Decision ExecutionSource: Vanderdonckt, J., Grolaux, D., Van Roy, P., Limbourg, Q., Macq, B., Michel, B., A Design Space for Context-Sensitive User Interfaces, Proc. of ISCA 14th Int. Conf. on Intelligent and Adaptive Systems and Software Engineering IASSE’2005 (Toronto, 20-22 July 2005), International Society for Computers and their Applications, Toronto, 2005, pp. 207-214. (FP6 Similar NoE) Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 50
  • 51. Context-Aware Design Space Adaptation means Re-molding Redistribution • UI re-molding denotes any UI reconfiguration that is perceivable to the user and that results from the application of transformations on the UI (e.g., insertion, deletion, modification) • UI redistribution denotes the re-allocation of the UI components to different interaction resources (e.g., for instance in the Painter's palette, the toolbars may move to a PocketPC until the end of the session) Source: Grolaux, D., Vanderdonckt, J., Van Roy, P., Attach me, Detach me, Assemble me like You Work, Proc. of INTERACT’2005 (Rome, 12-16 September 2005), M.-F. Costabile, F. Paternò (eds.), Lecture Notes in Computer Science, Vol. 3585, Springer-Verlag, Berlin, 2005, pp. 198-212. Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 51
  • 52. Context-Aware Design Space Adaptation means Re-molding Redistribution Total level Dialog space level Interactor level UI component granularity UI components granularity denotes the smallest software UI unit that can be affected by re-molding and/or re-distribution For instance, in Qtk, any individual widget is subject to redistribution In [Czerwinsky, 2000], any window is subject to redistribution Source: Melchior, J., Grolaux, D., Vanderdonckt, J., Van Roy, P., A Toolkit for Peer-to-Peer Distributed User Interfaces: Concepts, Implementation, and Applications, Proc. of 1st ACM SIGCHI Symposium on Engineering Interactive Computing Systems EICS’2009 (Pittsburgh, July 15-17, 2009), ACM Press, New York, 2009, pp. 69-78. Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 52
  • 53. Context-Aware Design Space Source: Melchior, J., Grolaux, D., Vanderdonckt, J., Van Roy, P., A Toolkit for Peer-to-Peer Distributed User Interfaces: Concepts, Implementation, and Applications, Proc. of 1st ACM SIGCHI Symposium on Engineering Interactive Computing Systems EICS’2009 (Pittsburgh, July 15-17, 2009), ACM Press, New York, 2009, pp. 69-78. Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 53
  • 54. Context-Aware Design Space Adaptation means Re-molding Redistribution Total level Dialog space level Interactor level UI component granularity State recovery granularity Session level Task level Action level State recovery granularity characterizes the effort users must apply to carry on their activity after adaptation has occurred: at the session level, at the task level or at the action level. For instance, in Rich Internet Applications Source: Paternò F. Santoro C. Scorcia A. "Preserving rich user interface state in Web applications across various platforms". Engineering Interactive Systems. Second Conference on Human- Centered Software Engineering, HCSE 2008 TAMODIA 2008 (Pisa, Italy, 25-26 September 2008). Proceedings, pp. 255 - 262. (LNCS, vol. 5247). Springer. Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 54
  • 55. Context-Aware Design Space Adaptation means UI deployment Re-molding Redistribution Total level Dialog space level Interactor level UI component granularity State recovery granularity Session level Task level Action level Static Dynamic UI deployment denotes the installation of the UI components in its environment: static or dynamic Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 55
  • 56. Context-Aware Design Space Adaptation means Context of use UI deployment Re-molding Redistribution Total level Dialog space level Interactor level UI component granularity State recovery granularity Session level Task level Action level Static Dynamic User Computing platform Environment Coverage of context of use denotes the capability of the UI components to be context-aware: user, platform or environment Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 56
  • 57. Context-Aware Design Space Adaptation means Technological space coverage Context of use UI deployment Re-molding Redistribution Total level Dialog space level Interactor level UI component granularity State recovery granularity Session level Task level Action level Static Dynamic User Computing platform Environment Multi-TS Inter-TS Intra-TS Technological space coverage denotes the capability of the UI components to support different working contexts with a set of associated concepts, body of knowledge, tools, required skills, and possibilities. Source: Kurtev, I., Bézivin, J., and Aksit, M. (2002) Technological Spaces: an Initial Appraisal. CoopIS, DOA'2002 Federated Conferences, Industrial track, Irvine, 2002,.Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 57
  • 58. Context-Aware Design Space Adaptation means Technological space coverage Context of use UI deployment Re-molding Redistribution Total level Dialog space level Interactor level UI component granularity State recovery granularity Session level Task level Action level Static Dynamic User Computing platform Environment Multi-TS Inter-TS Intra-TS No Meta-UI Meta-UI without negotiation Meta-UI with negotiation Plastic Meta-UI Existence of a meta-UI Existence of a meta-UI denotes the capability of a UI to provide a UI for controlling its adaptation. For instance, the Collapse-to-zoom meta-UI [Baudish et al., 2004] Source: Coutaz, J. (2006) Meta-User Interfaces for Ambient Spaces. In: Proc. of 4th Int. Workshop on Task Models and Diagrams for User Interface Design Tamodia’2006 (Hasselt, October 23-24, 2006). Lecture Notes in Computer Science, Vol. 4385, Springer, Heidelberg, pp. 1–15. Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 58
  • 59. 1. Diffie DiffIE 59 Always on In-situ New to you Non-intrusive Changes to page since your last visit Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 60. Large Screens Adaptive Layout Template for Effective Web Content Presentation in Large-Screen Contexts Michael Nebeling, Fabrice Matulic, Lucas Streit and Moira C. Norrie Proc. 11th ACM Symposium on Document Engineering (DocEng 2011), Mountain View, CA, USA, September 2011 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 60 XDStudio Progressive Enhancement Car rental example
  • 61. Full example of context- aware adaptation • Walkaware = route planning • Weatheraware = wheather forecasts • WalkWeather = both combined • Adaptation to – User profile – Platform configuration – Location and environmental conditions Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 61 https://play.google.com/store/apps/details?id=be.defimedia.android.walkawaremobile&hl=fr http://windowsphoneapks.com/APK_WalkAware_Windows-Phone.html http://www.appdropp.com/ios/walkaware/414443781
  • 62. Decision Table Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 62
  • 63. Decision Table Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 63
  • 64. Architectural Approaches • GUI generation • Web services • Client-server • Model-view-control • When? – At the client (arrival) – At the proxy (on the way) – At the server (before it is sent) Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 64
  • 65. Architectural Approach Using Web services 65 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 66. Weatheraware • Adaptation: Mobile, Tablet and Desktop PC Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 66
  • 67. For Desktop 67 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 68. 68 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 69. 69 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 70. 70 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 71. 71 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 72. 72 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 73. 73 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 74. For Tablet PC and iPads 74 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 75. 75 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 76. 76 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 77. 77 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 78. 78 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 79. 79 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 80. 80 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 81. 81 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 82. 82 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 83. 83 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 84. 84 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 85. 85 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 86. 86 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 87. 87 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 88. 88 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 89. 89 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 90. 90 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 91. 91 Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017)
  • 92. Conclusion of Adaptation: for what? • Advantages – Improve task efficiency and effectiveness • Optimizes task completion time and rate • Reduces work load – Positively impacts • User’s subjective satisfaction • Accuracy, human performance • Predictability, situation awareness • Shortcomings – Induces user disruption and generates variability – Loss of control – Development cost and complexity Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23- 25 April 2017) 92
  • 93. Thank you very much for your attention Questions? Première Ecole de Printemps Interaction Homme-Machine Réalité Virtuelle & Augmentée IVAR'2017 (Alger, 23-25 April 2017) 93