SlideShare une entreprise Scribd logo
1  sur  124
Télécharger pour lire hors ligne
TriPlet:	
  A	
  Conceptual	
  Framework	
  for	
  
Mul<dimensional	
  Adapta<on	
  of	
  User	
  
Interfaces	
  to	
  the	
  Context	
  of	
  Use	
  
Vivian	
  Genaro	
  Mo,	
  
	
  

École	
  Polytechnique	
  de	
  Louvain	
  
Université	
  catholique	
  de	
  Louvain	
  	
  
Louvain-­‐la-­‐Neuve,	
  Belgium	
  	
  
vivian.genaromo>@uclouvain.be	
  
Louvain	
  Interac<on	
  Laboratory	
  
(LILab)	
  
	
  

	
  

Place	
  des	
  Doyens,	
  1	
  –	
  B-­‐1348	
  Louvain-­‐la-­‐Neuve,	
  Belgium	
  	
  
hPp://www.lilab.be,	
  hPp://www.lilab.eu,	
  hPp://www.lilab.info	
  	
  

Louvain-la-Neuve, December 10th, 2013
PresentaBon	
  Outline	
  
§  IntroducBon	
  
§ 
§ 
§ 

ContextualizaBon	
  
MoBvaBon	
  
DefiniBons	
  

§  TriPlet	
  
§ 
§ 
§ 

Goals	
  
Methodology	
  
Outcomes	
  

§  ValidaBon	
  
§ 

Case	
  Studies	
  

§  Final	
  Remarks	
  
Louvain-la-Neuve, December 10th, 2013

3
ContextualizaBon	
  
§ 

InteracBve	
  systems	
  tend	
  to	
  consider	
  convenBonal	
  
contexts	
  of	
  use	
  
§ 
§ 
§ 

Able-­‐bodied	
  user	
  
Stable	
  environment	
  
Desktop	
  PC	
  

Louvain-la-Neuve, December 10th, 2013

4
ContextualizaBon	
  
§ 

The	
  interacBon	
  currently	
  occurs	
  in	
  non-­‐convenBonal	
  
contexts	
  

§ 

Heterogeneity	
  of	
  
§  	
  Users	
  
§  	
  PlaUorms	
  
§  	
  Environments	
  

Louvain-la-Neuve, December 10th, 2013

5
Contexts	
  

Louvain-la-Neuve, December 10th, 2013

6
Contexts	
  

Louvain-la-Neuve, September 23rd, 2013

7
ContextualizaBon	
  

Louvain-la-Neuve, December 10th, 2013

8
MoBvaBons	
  
§  Users	
  
§ 
§ 

Heterogeneous	
  group	
  
PlasBc	
  user	
  interfaces	
  

§  Technology	
  
§ 

Fragmented	
  device	
  market	
  

§  Environment	
  
§ 

Variety	
  of	
  contexts	
  

§  Stakeholders	
  
§ 

Only	
  limited	
  support	
  

Louvain-la-Neuve, December 10th, 2013

9
MoBvaBons	
  
§  Stakeholders	
  
§ 

Limited	
  coverage	
  of	
  context	
  

Published in CASFE’2013 and SigDoc’2013 [Mot13]

10
DefiniBons	
  
§  Context	
  
Any	
  informaBon	
  that	
  is	
  relevant	
  for	
  adapBng	
  the	
  
system	
  to	
  the	
  scenario	
  of	
  the	
  user	
  [Abo99],	
  [Dey00]	
  

§ 

§  Adapta<on	
  
Modifying	
  applicaBon	
  aspects	
  [Bro86],	
  [Thi94],	
  
[Bru96],	
  [Lor00]	
  
Goal	
  

§ 
§ 
§ 
§ 

higher	
  usability	
  and	
  accessibility	
  levels	
  
be^er	
  user	
  experiences	
  

§  Context-­‐aware	
  Adapta<on	
  
Louvain-la-Neuve, December 10th, 2013

11
Scope	
  
§  Target	
  Audience	
  
§ 

UI	
  designers	
  and	
  developers	
  

§  Focus	
  
§ 
§ 

InteracBve	
  InformaBon	
  Systems	
  
ValidaBon	
  mainly	
  on	
  web	
  apps	
  and	
  GUI’s	
  

§  SDLC	
  coverage	
  

Louvain-la-Neuve, December 10th, 2013

12
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

13
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

14
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

15
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

16
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

17
State-­‐of-­‐the-­‐Art	
  
Applied Perspective
•  Application Domains
•  System Aspects
•  Context Information

Support Perspective
•  Meta-models
•  Frameworks
•  Design Spaces

Louvain-la-Neuve, December 10th, 2013

18
State-­‐of-­‐the-­‐Art	
  
Applied Perspective
•  Application Domains
•  System Aspects
•  Context Information

Louvain-la-Neuve, December 10th, 2013

19
Applied	
  PerspecBve	
  
§  Applica<on	
  
Domains	
  
§ 
§ 

§ 
§ 

Any	
  interacBve	
  
system	
  
E-­‐health	
  
[Rev00],	
  
[Bar05],	
  	
  
idTV	
  [Yha12]	
  
Safety	
  CriBcal	
  
[Aca04]	
  

§  System	
  Aspects	
   §  Context	
  
[Bru01]	
  
Informa<on	
  
§ 
§ 

§ 

PresentaBon	
  
[Lum02]	
  
NavigaBon	
  
[Bru94],	
  
[Jan07]	
  
Content	
  

§ 
§ 
§ 

User	
  
PlaUorm	
  
Environment	
  

	
  

Louvain-la-Neuve, December 10th, 2013

20
ApplicaBon	
  Domain	
  
§  E-­‐health,	
  e-­‐commerce,	
  e-­‐government,	
  safety	
  criBcal	
  

[Smi02]

[Bru02]
Louvain-la-Neuve, December 10th, 2013

21
System	
  Aspects	
  
§  Naviga<on,	
  Presenta<on,	
  Content	
  
Adaptive
multimedia
presentation

Inserting/
removing
fragments

Adaptive text
presentation

Altering
fragments

Canned text
adaptation

Adaptive
presentation

Natural
language
adaptation

Stretchtext

Adaptation of
modality
Sorting
fragments
Direct
guidance

Adaptive
hypermedia
technologies

Dimming
fragments
Adaptive link
sorting

Adaptive
navigation
support

Hiding

Adaptive link
hiding

Disabling

Adaptive link
annotation

Removal

Adaptive link
generation
Map
adaptation

Louvain-la-Neuve, December 10th, 2013

[Bru01]
22
Context	
  InformaBon	
  
§  User	
  

[Dir09]

[Gue11]

Louvain-la-Neuve, December 10th, 2013

23
Context	
  InformaBon	
  
§  Pla[orm	
  

[Neb11]

[Sch12]
Louvain-la-Neuve, December 10th, 2013

24
Context	
  InformaBon	
  
§  Pla[orm	
  

Louvain-la-Neuve, December 10th, 2013

25
Context	
  InformaBon	
  
§  Environment	
  

Louvain-la-Neuve, December 10th, 2013

26
Context	
  InformaBon	
  
§  Environment	
  

Louvain-la-Neuve, December 10th, 2013

27
Dimension

Category

Properties

Classes

Scenario

User

Profile

Age

Children
Teenager
Adult
Elderly

If the users are elderly, the
targets must be larger, and
drag and pinch gestures
must be preferred [Kob11]

Attention
Level

Distracted
Regular
Concentrated

If the user is distracted,
then motion gestures may
be preferred as the input
modality [Neg12]

Interaction
History

Often
Regular
Rare

If the menu items have a
often access, they must be
easily accessed [Gaj06]

Cognitive

Dyslexia
Autism

If the user is dyslexic, the
font size must be adapted
[Dir09]

Visual

Blind
Color-blind

If user is blind, then haptic
feedback must guide touchbased interactions [Gon11]

Numeracy

Poor
Medium
High

If the user has poor
numeracy, simplify the
numerical information
[Bau11]

Disabilities

Domain
Expertize
Level

Louvain-la-Neuve, December 10th, 2013

28
Dimension

Category

Properties

Classes

Scenario

Platform

Device

Network
Bandwidth

Bits per
second

If there are rate constraints
in the network bandwidth,
then remove channels or
quality layers of the audio
[Fei05]

Type

Mobile Phone

If mobile phones, then the
UI must support multiple
interaction methods (focusbased, pointer-based and
touch-based) [W3C10]

Screen

Large Screen
Wall Display
Vertically
Curved

If large screen, then
optimize the use of screen
space and reduce the
scrolling [Neb11]

Louvain-la-Neuve, December 10th, 2013

29
Dimension

Category

Properties

Classes

Scenario

Cold
Warm
Hot

If temperature is cold,
then display
advertisements
appropriate for winter
[Hea12]

Noise Level

Loud
Moderate
Silent

If noise level is loud, then
replace audio content per
text [Fei05]

Date

Day
Month
Year

If commemorative date,
then replace logo image
[Doo12]

Environment Environmental Temperature
Factors

Period

Louvain-la-Neuve, December 10th, 2013

30
State-­‐of-­‐the-­‐Art	
  
Support Perspective
•  Meta-models
•  Frameworks
•  Design Spaces

Louvain-la-Neuve, December 10th, 2013

31
Meta-­‐Models	
  

K-Model[Fah05]

UsiXML
[Luy11]

[Gan07]
Louvain-la-Neuve, December 10th, 2013

32
Meta-­‐Models	
  

[Mor12]

[Far07]

Louvain-la-Neuve, December 10th, 2013

[Lóp09]

33
Meta	
  
Models	
  

Louvain-la-Neuve, September 23rd, 2013

Published in RCIS’2013 [Mot13]
Frameworks	
  

[Fis12]

[W3C03]
Louvain-la-Neuve, December 10th, 2013

35
Frameworks	
  

[Bar05]
[Pre09]

36
Frameworks	
  
Presentation

Content
User

PUC
XIF
LF

FMIA

W3C, AEHS,
FAÇADE, ACAMD,
CAWE, MIMOSA,
CAAUIG, CF,
LCAAF
SUPPLE
ROAM
FAME

CFAWS

FAHD
PersonisAD
CaFT
JCAF

CFAWS
AEHS

FAHD
FAÇADE
SUPPLE

PUC
ROAM
LF

JCAF
CaFT, W3C,
PersonisAD,
ACAMD, CAWE,
MIMOSA,
CAAUIG, CF,
FAME, LCAAF,
FMIA
XIF

Navigation
Platform
Louvain-la-Neuve, December 10th, 2013

Environment
37
Frameworks	
  
Context Information

Support

Application Aspects

User

Plat.

Type

Pres.

W3C
[W3C03]

+

++

+

Meta arch.

++

+

+

ACAMD
[Jan07]

+

+++

+

IDE, Arch.

++

++

+++

CAWE
[Ard08]

+++

++

+

Framework,
Arch, Logic

++

++

+

MIMOSA
[Mal10]

++

+++

+

Arch.,
Framework

++

++

+++

CAAUIG
[Han04]

++

++

++

Framework,
Language

+

+

+

CF
[Fis12]

+++

+

++

Framework

+++

+++

+++

LCAAF
[Pre09]

++

++

+

Design
Method

+

+

++

Env.

Louvain-la-Neuve, December 10th, 2013

Nav.

Content

38
Design	
  Spaces	
  
1990

1995

2005

2010

Nig93

Kar96

Van05

Boh10

Gaj06

Cal11

Cou07
Cal07
Arh09
Van08
Rou08
Car09
Louvain-la-Neuve, December 10th, 2013

39
Design	
  Spaces	
  
Modalities, Fusion, Abstraction
What, When, Why, How, To What, Who, How many, With what, For what
Costs, Benefits, Frequency, Predictability, Performance, Satisfaction
Technique, Quality, Function
Target, Means, Time
Presence, Content Suggestion, Actionables

Louvain-la-Neuve, December 10th, 2013

40
AdaptaBon	
  Lifecycle	
  
User interface adaptation
Goals

Initiative

Intention

Evaluation

Meaning of an
input expression

Proposal
Decision

Meaning of an
output expression

Action
Specification

Interpretation

Shape of an
input expression

Execution

Shape of an
output expression

Perception

Execution

System

The ISATINE framework [Lóp08]
Louvain-la-Neuve, December 10th, 2013

41
AdaptaBon	
  Lifecycle	
  

Published in RRIOC [Mot13]
Louvain-la-Neuve, December 10th, 2013

42
Shortcomings	
  
S1.	
  Limited	
  coverage	
  of	
  CAA	
  dimensions	
  
S2.	
  Focused	
  impact	
  on	
  CAA	
  
S3.	
  Specific	
  applicaBon	
  domain	
  
S4.	
  ParBal	
  support	
  for	
  guiding	
  CAA	
  
S5.	
  Moderate	
  usability	
  for	
  CAA	
  UI’s	
  
S6.	
  Technology-­‐dependency	
  of	
  the	
  soluBons	
  
S7.	
  Obsolescence	
  of	
  the	
  support	
  provided	
  
S8.	
  Simple	
  logic	
  to	
  address	
  CAA	
  
S9.	
  Lack	
  of	
  unificaBon	
  of	
  the	
  vocabulary	
  and	
  approaches	
  

Louvain-la-Neuve, December 10th, 2013

43
Thesis	
  Statement	
  

TriPlet

§  To	
  propose,	
  to	
  define,	
  to	
  develop,	
  and	
  to	
  instanBate	
  a	
  
mulBdimensional	
  conceptual	
  framework	
  (TriPlet)	
  

CAMM
CARF
CADS

§  To	
  provide	
  stakeholders	
  structured	
  guidance	
  for	
  
addressing	
  context-­‐aware	
  adaptaBon	
  of	
  user	
  interfaces	
  

Louvain-la-Neuve, December 10th, 2013

44
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

45
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

46
TriPlet

CAMM
CARF
CADS

Louvain-la-Neuve, December 10th, 2013

47
CAMM	
  

Published in RCIS’2013 [Mot13] and RRIOC
Louvain-la-Neuve, December 10th, 2013

48
CAMM:	
  Agents	
  

Louvain-la-Neuve, December 10th, 2013

49
CAMM:	
  Context	
  

Louvain-la-Neuve, December 10th, 2013

50
CAMM:	
  Rules	
  

Louvain-la-Neuve, December 10th, 2013

51
CAMM:	
  Models	
  

Louvain-la-Neuve, December 10th, 2013

52
CAMM:	
  EnumeraBons	
  

Louvain-la-Neuve, December 10th, 2013

53
CAMM	
  
§ 
§ 
§ 
§ 

34	
  classes	
  
72	
  a^ributes	
  
37	
  methods	
  
39	
  relaBonships	
  
§ 
§ 
§ 
§ 

11	
  associaBons	
  
4	
  aggregaBons	
  
21	
  composiBons	
  
4	
  inheritances	
  

§  3	
  enumeraBons	
  
§ 
§ 
§ 

Classifier	
  (2)	
  
Operator	
  (8)	
  
PresentaBon	
  type	
  (29)	
  

Louvain-la-Neuve, December 10th, 2013

54
CARF	
  
§  Mind	
  map	
  diagram	
  
§  Provides	
  alternaBve	
  designs	
  for	
  
§ 
§ 
§ 
§ 
§ 
§ 
§ 

What	
  
How	
  
To	
  what	
  
Why	
  
When	
  
Where	
  
Who	
  

Quintilian

55
CARF	
  

Louvain-la-Neuve, December 10th, 2013

56
CARF	
  

Louvain-la-Neuve, December 10th, 2013

57
Steps	
  followed	
  to	
  Extract	
  AT’s	
  
§ 

Search	
  on	
  digital	
  bases	
  (ScienBfic	
  and	
  
Commercial)	
  
§ 

Context-­‐aware	
  adaptaBon	
  

§ 

And	
  concepts	
  closely	
  related	
  

§ 

SystemaBcally	
  extract	
  adaptaBon	
  techniques	
  
§ 

A	
  funcBon	
  to	
  change	
  a	
  system	
  aspect	
  according	
  to	
  a	
  
given	
  criteria	
  

§ 

Locate	
  the	
  concepts	
  within	
  a	
  common	
  template	
  

§ 

Publish	
  them	
  in	
  a	
  wiki	
  

Louvain-la-Neuve, December 10th, 2013

58
References

[Cou07]; [Ser10]

Description

Re-molding consists in the reconfiguration the UI according to the
target context: elements can be re-located, re-sized, added and
supplied. Pagination and scrolling may be used.

Rationale

Given a UI and a target context, the elements are re-arranged for
the new context to assure usability

Example

When the user changes the platform (e.g. from a Desktop PC to a
Smartphone)

Context

According to the platform,
device, screen dimensions

Advantages

The usability level will be improved

Disadvantages It is necessary to know before hand
the best location for the elements,
some of them may be suppressed

Source: http://www.alistapart.com/articles/switchymclayout

Louvain-la-Neuve, December 10th, 2013

59
Card	
  
CARF	
  
§  7	
  core	
  dimensions	
  
§ 

What:	
  10	
  aspects	
  types	
  

§ 

Why:	
  44	
  qualiBes	
  

§ 

How:	
  152	
  adaptaBon	
  techniques	
  

§ 

To	
  what:	
  480	
  context	
  informaBon	
  

§ 

Who:	
  4	
  agent	
  roles	
  

§ 

When:	
  3	
  stages	
  

§ 

Where:	
  3	
  locaBons	
  

Louvain-la-Neuve, December 10th, 2013

61
CADS	
  
CADS	
  
§  8	
  dimensions	
  
§  4	
  ranges	
  	
  
§  26	
  adaptability	
  levels	
  
§  It	
  supports	
  up	
  to	
  3	
  applicaBons	
  compared	
  
simultaneously	
  

Louvain-la-Neuve, December 10th, 2013

63
Methodology	
  

Louvain-la-Neuve, December 10th, 2013

64
ValidaBon	
  
§  Several	
  approaches	
  
§  InstanBaBon	
  of	
  the	
  framework	
  
§  By	
  exploraBon	
  on	
  selected	
  case	
  studies	
  
§  Variability	
  of	
  decisions	
  

§  2	
  illustraBve	
  case	
  studies	
  
§  Car	
  rental	
  
§ 

A	
  reference	
  case	
  study	
  for	
  FP7	
  Serenoa	
  and	
  W3C	
  WG	
  on	
  MBUI	
  

Touris<c	
  applica<on	
  

§ 
§ 
§ 

Weather,	
  Weathaware,	
  Walkaware	
  
A	
  reference	
  case	
  study	
  for	
  ITEA	
  UsiXML	
  

Louvain-la-Neuve, December 10th, 2013

65
CADS	
  
Case	
  Study	
  
§  3	
  implementaBons	
  each	
  
§ 

TriPlet	
  support	
  

§  Costumers	
  
§ 

Car	
  Rental	
  and	
  TourisBc	
  App	
  

§  IT	
  Team	
  
§ 

UI	
  Designers,	
  	
  Developer	
  Team	
  and	
  Project	
  Manager	
  

Louvain-la-Neuve, December 10th, 2013

67
TriPlet	
  support	
  during	
  the	
  SDLC	
  
Planning

customers

CADS

CARF

Analysis

designers

Design
CAMM

Development

development team

68
Car	
  Rental	
  Example	
  
§  Task	
  
§ 

Users	
  rent	
  a	
  car	
  

Louvain-la-Neuve, December 10th, 2013

69
Car	
  Rental	
  Example	
  

Louvain-la-Neuve, December 10th, 2013

70
Car	
  Rental	
  Example	
  

Louvain-la-Neuve, December 10th, 2013

71
Car	
  Rental	
  #1	
  –	
  Context	
  of	
  Use	
  A	
  and	
  B	
  

A
B

Louvain-la-Neuve, December 10th, 2013

72
Car	
  Rental	
  #1	
  –	
  Context	
  of	
  Use	
  A	
  and	
  B	
  

Louvain-la-Neuve, December 10th, 2013

73
Car	
  Rental	
  #1	
  –	
  Context	
  of	
  Use	
  A	
  

§ 

Credits:	
  Aldemar	
  Aramayo,	
  Alexander	
  Damnjanovich	
  (LSINF2356	
  –	
  
HCI	
  course)	
  
Louvain-la-Neuve, December 10th, 2013

74
Car	
  Rental	
  #1	
  –	
  Context	
  of	
  Use	
  A	
  

Louvain-la-Neuve, December 10th, 2013

75
Car	
  Rental	
  #1	
  –	
  Context	
  of	
  Use	
  B	
  

Louvain-la-Neuve, December 10th, 2013

76
Car	
  Rental	
  #1	
  –	
  Context	
  of	
  Use	
  B	
  

Louvain-la-Neuve, December 10th, 2013

77
Car	
  Rental	
  #1	
  –	
  CoU	
  A	
  (Video)	
  

78
Louvain-la-Neuve, December 10th, 2013
Car	
  Rental	
  #1	
  –	
  CoU	
  B	
  (Video)	
  

Louvain-la-Neuve, December 10th, 2013

79
Car	
  Rental	
  #1	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013

80
Car	
  Rental	
  #2	
  –	
  Context	
  of	
  Use	
  A,	
  B	
  and	
  C	
  

81
Louvain-la-Neuve, December 10th, 2013
Car	
  Rental	
  #2	
  –	
  Context	
  of	
  Use	
  A,	
  B,	
  C	
  

A

Louvain-la-Neuve, September 23rd, 2013

B

82 82

C
Car	
  Rental	
  #2	
  -­‐	
  Video	
  

Credits:	
  Thibault	
  Goemans,	
  Michael	
  Lacroix,	
  Grégory	
  Nuy^ens,	
  SébasBen	
  Scoumanne	
  
(LINF2356	
  –	
  HCI	
  course)	
  
Louvain-la-Neuve, December 10th, 2013

83
Car	
  Rental	
  #2	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013

84
Car	
  Rental	
  #3	
  –	
  Context	
  of	
  Use	
  1,	
  2	
  and	
  3	
  

Louvain-la-Neuve, December 10th, 2013

85
Car	
  Rental	
  #3	
  –	
  Context	
  of	
  Use	
  1	
  and	
  2	
  

A

B

Louvain-la-Neuve, December 10th, 2013

C

D

86
Car	
  Rental	
  #3	
  –	
  Context	
  of	
  Use	
  3	
  

E

§ 

F

Credits:	
  Javier	
  Escolar,	
  CrisBna	
  Cachón,	
  and	
  Ignacio	
  Marín	
  
(reference	
  case	
  study	
  and	
  demos	
  Serenoa	
  project)	
  
Louvain-la-Neuve, December 10th, 2013

87
Car	
  Rental	
  #3	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013

88
Comparing	
  CS1	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013
Model	
  Voyager	
  

Louvain-la-Neuve, September 23rd, 2013
Louvain-la-Neuve, December 10th, 2013

90
TourisBc	
  ApplicaBon	
  
§  Task	
  
§ 
§ 
§ 

Support	
  users	
  in	
  planning	
  their	
  trip	
  
Weather	
  informaBon	
  
Sightseeing	
  

§ 

Credits:	
  QuenBn	
  Poncelet	
  and	
  François	
  Debande	
  mater	
  thesis	
  
[Deb11]	
  

Louvain-la-Neuve, December 10th, 2013

91
TourisBc	
  ApplicaBon	
  
§  Context	
  
§ 

XML-­‐based	
  document	
  

Louvain-la-Neuve, December 10th, 2013

92
TourisBc	
  ApplicaBon	
  
§  Decision	
  Rules	
  
§ 

Table	
  

Louvain-la-Neuve, September 23rd, 2013

93
Weather	
  –	
  CARF	
  

Louvain-la-Neuve, December 10th, 2013

94
Weather	
  –	
  Smart	
  phone	
  

Louvain-la-Neuve, September 23rd, 2013

95
Weather	
  –	
  Tablet	
  PC	
  

Louvain-la-Neuve, September 23rd, 2013

96
Weather	
  –	
  	
  
Desktop	
  PC	
  

97
Weather	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013

98
Walkaware	
  -­‐	
  CARF	
  

Louvain-la-Neuve, December 10th, 2013

99
Walkaware	
  –	
  Smart	
  phone	
  

Louvain-la-Neuve, September 23rd, 2013
Louvain-la-Neuve, December 10th, 2013

100
Walkaware	
  –	
  Tablet	
  PC	
  

Louvain-la-Neuve, September 23rd, 2013

101
Walkaware	
  –	
  Desktop	
  PC	
  

Louvain-la-Neuve, September 23rd, 2013

102
Walkaware	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013

103
Weathaware	
  –	
  CARF	
  

Louvain-la-Neuve, September 23rd, 2013
Louvain-la-Neuve, December 10th, 2013

104
Weathaware	
  –	
  Smart	
  phone	
  

Louvain-la-Neuve, September 23rd, 2013

105
Weathaware	
  –	
  Tablet	
  PC	
  

Louvain-la-Neuve, September 23rd, 2013

106
Weathaware	
  –	
  	
  
Desktop	
  PC	
  

Louvain-la-Neuve, September 23rd, 2013

107
Weathaware	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013

108
Comparing	
  CS2	
  –	
  CADS	
  

Louvain-la-Neuve, September 23rd, 2013
ContribuBons	
  
§  A	
  conceptual	
  framework	
  for	
  MulBdimensional	
  
Context-­‐aware	
  AdaptaBon	
  of	
  User	
  Interfaces	
  
§  TriPlet	
  
CARF	
  

§ 
§ 

DescripBve	
  Templates	
  for	
  AdaptaBon	
  Techniques	
  

CAMM	
  

§ 
§ 

Formal	
  definiBon	
  of	
  concepts,	
  their	
  properBes	
  and	
  relaBonships	
  

CADS	
  

§ 
§ 

A	
  Design	
  Space	
  to	
  analyze,	
  evaluate	
  and	
  compare	
  applicaBons	
  

Louvain-la-Neuve, December 10th, 2013

110
Benefits	
  
§  Designer	
  and	
  Developer	
  
§ 
§ 
§ 

AlternaBves	
  for	
  design	
  decisions	
  
Standard	
  Framework	
  enabling	
  instanBaBons	
  
Unified	
  terminology	
  

§  End	
  user	
  
§ 
§ 
§ 

QualiBes	
  
Completeness	
  
More	
  suitable	
  and	
  context-­‐aware	
  UI’s	
  

111
Louvain-la-Neuve, December 10th, 2013
EvaluaBon	
  
§ 
§ 
§ 
§ 
§ 
§ 

Criteria	
  vs.	
  Discussion	
  
Extensibility	
  
Scalability	
  
Flexibility	
  
General	
  purpose	
  
UBlity	
  

Louvain-la-Neuve, December 10th, 2013

112
Discussion	
  
§  Many	
  trade-­‐offs	
  sBll	
  exist	
  
§ 
§ 
§ 

Privacy	
  vs.	
  Context	
  
Context	
  opBmizaBon	
  vs.	
  prioriBzaBon	
  
User	
  control	
  vs.	
  system	
  control	
  

§  Decisions	
  vary	
  according	
  to	
  each	
  scenario	
  

Louvain-la-Neuve, December 10th, 2013

113
Final	
  Remarks	
  
§  The	
  framework	
  supports	
  stakeholders	
  in	
  the	
  
development	
  of	
  context-­‐aware	
  adaptaBon	
  
§ 
§ 
§ 

Providing	
  a	
  catalog	
  that	
  aids	
  the	
  design	
  decisions	
  
Providing	
  a	
  meta-­‐model	
  that	
  standardizes	
  concepts	
  
Providing	
  means	
  to	
  analyze	
  the	
  applicaBon	
  

§  No	
  toolkit	
  is	
  provided	
  though	
  

Louvain-la-Neuve, December 10th, 2013

114
Conclusion	
  
§  One-­‐size-­‐does-­‐not-­‐fit-­‐all	
  
§ 

AdaptaBon	
  is	
  needed	
  

§  So	
  far,	
  not	
  enough	
  support	
  
§ 

Unified,	
  integrated,	
  complete	
  

§  TriPlet	
  
§ 
§ 
§ 
§ 
§ 

Extensible	
  
Flexible	
  
Generic	
  Purpose	
  	
  
Technology-­‐independent	
  
Domain-­‐independent	
  
Louvain-la-Neuve, December 10th, 2013

115
Future	
  Works	
  
	
  
§  AdaptaBon	
  techniques	
  as:	
  	
  
§ 
§ 

(Design)	
  pa^erns	
  
Library	
  of	
  algorithms	
  	
  

§  A	
  portal	
  to	
  publish	
  the	
  knowledge	
  and	
  tools	
  
§ 

Enabling	
  search	
  and	
  retrieval	
  of	
  CAA	
  Knowledge	
  

§  A	
  toolkit	
  /	
  Eclipse	
  plugin	
  to	
  generate	
  the	
  
computaBonal	
  version	
  of	
  the	
  framework	
  

Louvain-la-Neuve, December 10th, 2013

116
Acknowledgments	
  
§  Serenoa	
  project	
  that	
  is	
  funded	
  by	
  the	
  European	
  Union	
  through	
  its	
  Seventh	
  
Framework	
  Programme	
  as	
  a	
  STREP	
  Project	
  no.	
  FP7-­‐ICT-­‐258030	
  
§  ITEA2-­‐Call	
  8	
  UsiXML	
  (User	
  Interface	
  eXtensible	
  Markup	
  Language)	
  project	
  that	
  
is	
  funded	
  by	
  DirecBon	
  Générale	
  DGO6	
  of	
  Région	
  Wallonne	
  
§  QualIHM	
  (Région	
  Wallonne,	
  DirecBon	
  générale	
  operaBonnelle	
  de	
  l’Economie,	
  
de	
  l’Emploi	
  et	
  de	
  la	
  Recherche	
  DGO6)	
  
§  “The	
  WIST	
  -­‐	
  Des<ne	
  research	
  project	
  (Design	
  &	
  EvaluaBon	
  Studio	
  For	
  Intent-­‐	
  
Based	
  Ergonomic	
  Web	
  Sites),	
  funded	
  by	
  «WIST»	
  Wallonie	
  InformaBon	
  Science	
  
&	
  Technology	
  research	
  program	
  (Walloon	
  Region,	
  ConvenBon	
  n°315577,	
  
h^p://www.info.fundp.ac.be/DESTINE	
  

LILAB
Louvain-la-Neuve, December 10th, 2013

117
Publications
§ 

§ 
§ 

§ 
§ 
§ 

§ 
§ 

Vivian Genaro Motti, Javier Escolar, Cristina G. Cachón, Ignacio Marín and Jean
Vanderdonckt: Managing Adaptation Rules for Context-aware Graphical
User Interfaces. In: UMUAI 2013 (Under review)
Vivian Genaro Motti and Jean Vanderdonckt: A Unified Model for Contextaware Adaptation of User Interfaces. In: RRIOC 2013 (To appear)
Vivian Genaro Motti, Dave Raggett, Sascha Van Cauwelaert, Jean Vanderdonckt:
Simplifying the Development of Cross-Platform Web User Interfaces by
Collaborative Model-Based Design. In: SIGDOC 2013
Vivian Genaro Motti, Dave Raggett, Jean Vanderdonckt: Current Practices on
Model-based Context-aware Adaptation. In: CASFE 2013: 17-23
Vivian Genaro Motti, Jean Vanderdonckt. 2013. A Computational Framework
for Context-aware Adaptation of User Interfaces. In: RCIS 2013.
Ugo Braga Sangiorgi, Vivian Genaro Motti, François Beuvens, and Jean
Vanderdonckt. 2012. Assessing lag perception in electronic sketching. In:
NordiCHI '12
Charles-Eric Dessart, Vivian Genaro Motti, and Jean Vanderdonckt. 2012.
Animated transitions between user interface views. In: AVI '12
Charles-Eric Dessart, Vivian Genaro Motti, and Jean Vanderdonckt. 2011.
Showing user interface adaptivity by animated transitions. In: EICS '11

Louvain-la-Neuve, December 10th, 2013

118
Courses
§ 

VANDERDONCKT, J.; MOTTI, V. G. . Multi-Dimensional Context-Aware
Adaptation of Web Applications. In: ICWE’2011. Paphos-Cyprus (Course
Presented).

§ 

MOTTI, V. G.; VANDERDONCKT, J. . Context-Aware Adaptation of User
Interfaces. In: Interact’2011. Lisbon-Portugal (Course Presented).

§ 
§ 

7 Deliverables (Serenoa)
6 Working Papers (LSM)

Louvain-la-Neuve, December 10th, 2013

119
Q+A	
  

Louvain-la-Neuve, December 10th, 2013

120
Weather	
  –	
  Smart	
  phone	
  

Louvain-la-Neuve, September 23rd, 2013

121
CAMM

Louvain-la-Neuve, September 23rd, 2013

122
CARF

Louvain-la-Neuve, September 23rd, 2013

123
CADS

Louvain-la-Neuve, September 23rd, 2013

124

Contenu connexe

Similaire à Public PhD Defense Vivian Motti

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 VaDVallerand
 
Deployment Strategies Powerpoint Presentation Slides
Deployment Strategies Powerpoint Presentation SlidesDeployment Strategies Powerpoint Presentation Slides
Deployment Strategies Powerpoint Presentation SlidesSlideTeam
 
Vidi webinar for Developers
Vidi webinar for DevelopersVidi webinar for Developers
Vidi webinar for DevelopersMarieke Guy
 
Découvrez Nuxeo Studio
Découvrez Nuxeo StudioDécouvrez Nuxeo Studio
Découvrez Nuxeo StudioNuxeo
 
Introduction to containers running dockers using kubernetes - הרצאה לכנס מיק...
Introduction to containers  running dockers using kubernetes - הרצאה לכנס מיק...Introduction to containers  running dockers using kubernetes - הרצאה לכנס מיק...
Introduction to containers running dockers using kubernetes - הרצאה לכנס מיק...Zohar Stolar
 
Camp 4-data workshop presentation
Camp 4-data workshop presentationCamp 4-data workshop presentation
Camp 4-data workshop presentationPaolo Missier
 
OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...
OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...
OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...OpenNebula Project
 
OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...
OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...
OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...UDS Enterprise
 
The challenge of mass-storage by Frans Ward & Michel van de Ven
The challenge of mass-storage by Frans Ward & Michel van de VenThe challenge of mass-storage by Frans Ward & Michel van de Ven
The challenge of mass-storage by Frans Ward & Michel van de VenREC:all project
 
MediaMosa as a Mass-storage Solution - 11 december 2013, Brussels
MediaMosa as a Mass-storage Solution - 11 december 2013, BrusselsMediaMosa as a Mass-storage Solution - 11 december 2013, Brussels
MediaMosa as a Mass-storage Solution - 11 december 2013, BrusselsMediaMosa
 
Technical details of the P2Pvalue directory
Technical details of the P2Pvalue directoryTechnical details of the P2Pvalue directory
Technical details of the P2Pvalue directoryDavid Rozas
 
Data storage in Cloud computing
Data storage in Cloud computingData storage in Cloud computing
Data storage in Cloud computingDong Yuan
 
Deployment Strategy PowerPoint Presentation Slides
Deployment Strategy PowerPoint Presentation SlidesDeployment Strategy PowerPoint Presentation Slides
Deployment Strategy PowerPoint Presentation SlidesSlideTeam
 
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)DrupalCape
 
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
 
Franklinville Central School Board of Education Report
Franklinville Central School Board of Education ReportFranklinville Central School Board of Education Report
Franklinville Central School Board of Education Reportdgdubya
 
Selected design patterns (as part of the the PTT lecture)
Selected design patterns (as part of the the PTT lecture)Selected design patterns (as part of the the PTT lecture)
Selected design patterns (as part of the the PTT lecture)Ralf Laemmel
 
Utility Driven Service Routing over Large Scale Infrastructures
Utility Driven Service Routing over Large Scale InfrastructuresUtility Driven Service Routing over Large Scale Infrastructures
Utility Driven Service Routing over Large Scale InfrastructuresPablo Chacin
 

Similaire à Public PhD Defense Vivian Motti (20)

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
 
Deployment Strategies Powerpoint Presentation Slides
Deployment Strategies Powerpoint Presentation SlidesDeployment Strategies Powerpoint Presentation Slides
Deployment Strategies Powerpoint Presentation Slides
 
Vidi webinar for Developers
Vidi webinar for DevelopersVidi webinar for Developers
Vidi webinar for Developers
 
Découvrez Nuxeo Studio
Découvrez Nuxeo StudioDécouvrez Nuxeo Studio
Découvrez Nuxeo Studio
 
Introduction to containers running dockers using kubernetes - הרצאה לכנס מיק...
Introduction to containers  running dockers using kubernetes - הרצאה לכנס מיק...Introduction to containers  running dockers using kubernetes - הרצאה לכנס מיק...
Introduction to containers running dockers using kubernetes - הרצאה לכנס מיק...
 
Camp 4-data workshop presentation
Camp 4-data workshop presentationCamp 4-data workshop presentation
Camp 4-data workshop presentation
 
OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...
OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...
OpenNebulaConf2018 - UCLouvain Case Study: VDI for 37,000 students with OpenN...
 
OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...
OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...
OpenNebulaConf 2018 - UCLouvain Case Study: VDI for 37,000 students with UDS ...
 
The challenge of mass-storage by Frans Ward & Michel van de Ven
The challenge of mass-storage by Frans Ward & Michel van de VenThe challenge of mass-storage by Frans Ward & Michel van de Ven
The challenge of mass-storage by Frans Ward & Michel van de Ven
 
MediaMosa as a Mass-storage Solution - 11 december 2013, Brussels
MediaMosa as a Mass-storage Solution - 11 december 2013, BrusselsMediaMosa as a Mass-storage Solution - 11 december 2013, Brussels
MediaMosa as a Mass-storage Solution - 11 december 2013, Brussels
 
Technical details of the P2Pvalue directory
Technical details of the P2Pvalue directoryTechnical details of the P2Pvalue directory
Technical details of the P2Pvalue directory
 
Data storage in Cloud computing
Data storage in Cloud computingData storage in Cloud computing
Data storage in Cloud computing
 
Deployment Strategy PowerPoint Presentation Slides
Deployment Strategy PowerPoint Presentation SlidesDeployment Strategy PowerPoint Presentation Slides
Deployment Strategy PowerPoint Presentation Slides
 
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
 
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...
 
Franklinville Central School Board of Education Report
Franklinville Central School Board of Education ReportFranklinville Central School Board of Education Report
Franklinville Central School Board of Education Report
 
Selected design patterns (as part of the the PTT lecture)
Selected design patterns (as part of the the PTT lecture)Selected design patterns (as part of the the PTT lecture)
Selected design patterns (as part of the the PTT lecture)
 
Semantic Reasoning for Enabling Mobility and Context-Awareness: Application t...
Semantic Reasoning for Enabling Mobility and Context-Awareness: Application t...Semantic Reasoning for Enabling Mobility and Context-Awareness: Application t...
Semantic Reasoning for Enabling Mobility and Context-Awareness: Application t...
 
Utility Driven Service Routing over Large Scale Infrastructures
Utility Driven Service Routing over Large Scale InfrastructuresUtility Driven Service Routing over Large Scale Infrastructures
Utility Driven Service Routing over Large Scale Infrastructures
 

Plus de Vivian Motti

Keynote speech - Webmedia 2020
Keynote speech - Webmedia 2020Keynote speech - Webmedia 2020
Keynote speech - Webmedia 2020Vivian Motti
 
Smartwatch Applications as Assistive Technologies
Smartwatch Applications as Assistive TechnologiesSmartwatch Applications as Assistive Technologies
Smartwatch Applications as Assistive TechnologiesVivian Motti
 
Wearable technologies
Wearable technologiesWearable technologies
Wearable technologiesVivian Motti
 
Cards - Users with Disabilities - Course Material
Cards - Users with Disabilities - Course MaterialCards - Users with Disabilities - Course Material
Cards - Users with Disabilities - Course MaterialVivian Motti
 
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Vivian Motti
 
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Vivian Motti
 
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Vivian Motti
 
mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...
mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...
mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...Vivian Motti
 
Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...
Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...
Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...Vivian Motti
 
Wearable privacy skeletons in the data closet
Wearable privacy  skeletons in the data closetWearable privacy  skeletons in the data closet
Wearable privacy skeletons in the data closetVivian Motti
 
Wearable Life: a Wrist-Worn Application to Assist Students in Special Education
Wearable Life: a Wrist-Worn Application to Assist Students in Special EducationWearable Life: a Wrist-Worn Application to Assist Students in Special Education
Wearable Life: a Wrist-Worn Application to Assist Students in Special EducationVivian Motti
 
UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...
UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...
UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...Vivian Motti
 
Using Smartwatches to Assist Students with Intellectual and Developmental Dis...
Using Smartwatches to Assist Students with Intellectual and Developmental Dis...Using Smartwatches to Assist Students with Intellectual and Developmental Dis...
Using Smartwatches to Assist Students with Intellectual and Developmental Dis...Vivian Motti
 
Wrist-Worn Interaction: Design Challenges and Opportunities
Wrist-Worn Interaction: Design Challenges and OpportunitiesWrist-Worn Interaction: Design Challenges and Opportunities
Wrist-Worn Interaction: Design Challenges and OpportunitiesVivian Motti
 
Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...
Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...
Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...Vivian Motti
 
Human Factors Considerations in the Design of Wearable Devices
Human Factors Considerations in the Design of Wearable DevicesHuman Factors Considerations in the Design of Wearable Devices
Human Factors Considerations in the Design of Wearable DevicesVivian Motti
 
Understanding the Wearability of Head-mounted Devices from a Human-Centered P...
Understanding the Wearability of Head-mounted Devices from a Human-Centered P...Understanding the Wearability of Head-mounted Devices from a Human-Centered P...
Understanding the Wearability of Head-mounted Devices from a Human-Centered P...Vivian Motti
 
Aplicando Transformação em XML usando XSLT e XSL-FO - 1
Aplicando Transformação em XML usando XSLT e XSL-FO - 1Aplicando Transformação em XML usando XSLT e XSL-FO - 1
Aplicando Transformação em XML usando XSLT e XSL-FO - 1Vivian Motti
 

Plus de Vivian Motti (20)

Keynote speech - Webmedia 2020
Keynote speech - Webmedia 2020Keynote speech - Webmedia 2020
Keynote speech - Webmedia 2020
 
Usable Privacy
Usable PrivacyUsable Privacy
Usable Privacy
 
Smartwatch Applications as Assistive Technologies
Smartwatch Applications as Assistive TechnologiesSmartwatch Applications as Assistive Technologies
Smartwatch Applications as Assistive Technologies
 
Wearable technologies
Wearable technologiesWearable technologies
Wearable technologies
 
Cards - Users with Disabilities - Course Material
Cards - Users with Disabilities - Course MaterialCards - Users with Disabilities - Course Material
Cards - Users with Disabilities - Course Material
 
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
 
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
 
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...Assisting Students with Intellectual and Developmental Disabilities in Inclus...
Assisting Students with Intellectual and Developmental Disabilities in Inclus...
 
mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...
mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...
mHealth Application to Inform Caregivers of Babies with Congenital Zika Virus...
 
Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...
Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...
Smartwatch Applications for Mental Health: A Qualitative Analysis of Users’ P...
 
Wearable privacy skeletons in the data closet
Wearable privacy  skeletons in the data closetWearable privacy  skeletons in the data closet
Wearable privacy skeletons in the data closet
 
Wearable Life: a Wrist-Worn Application to Assist Students in Special Education
Wearable Life: a Wrist-Worn Application to Assist Students in Special EducationWearable Life: a Wrist-Worn Application to Assist Students in Special Education
Wearable Life: a Wrist-Worn Application to Assist Students in Special Education
 
UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...
UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...
UX Design for Wrist-Worn Wearables – how contextual dynamics influence intera...
 
Using Smartwatches to Assist Students with Intellectual and Developmental Dis...
Using Smartwatches to Assist Students with Intellectual and Developmental Dis...Using Smartwatches to Assist Students with Intellectual and Developmental Dis...
Using Smartwatches to Assist Students with Intellectual and Developmental Dis...
 
Wrist-Worn Interaction: Design Challenges and Opportunities
Wrist-Worn Interaction: Design Challenges and OpportunitiesWrist-Worn Interaction: Design Challenges and Opportunities
Wrist-Worn Interaction: Design Challenges and Opportunities
 
Wristsense2015
Wristsense2015Wristsense2015
Wristsense2015
 
Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...
Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...
Users' Privacy Concerns About Wearables: Impact of form factor, sensors and t...
 
Human Factors Considerations in the Design of Wearable Devices
Human Factors Considerations in the Design of Wearable DevicesHuman Factors Considerations in the Design of Wearable Devices
Human Factors Considerations in the Design of Wearable Devices
 
Understanding the Wearability of Head-mounted Devices from a Human-Centered P...
Understanding the Wearability of Head-mounted Devices from a Human-Centered P...Understanding the Wearability of Head-mounted Devices from a Human-Centered P...
Understanding the Wearability of Head-mounted Devices from a Human-Centered P...
 
Aplicando Transformação em XML usando XSLT e XSL-FO - 1
Aplicando Transformação em XML usando XSLT e XSL-FO - 1Aplicando Transformação em XML usando XSLT e XSL-FO - 1
Aplicando Transformação em XML usando XSLT e XSL-FO - 1
 

Dernier

Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 

Dernier (20)

Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 

Public PhD Defense Vivian Motti

  • 1. TriPlet:  A  Conceptual  Framework  for   Mul<dimensional  Adapta<on  of  User   Interfaces  to  the  Context  of  Use   Vivian  Genaro  Mo,     École  Polytechnique  de  Louvain   Université  catholique  de  Louvain     Louvain-­‐la-­‐Neuve,  Belgium     vivian.genaromo>@uclouvain.be  
  • 2. Louvain  Interac<on  Laboratory   (LILab)       Place  des  Doyens,  1  –  B-­‐1348  Louvain-­‐la-­‐Neuve,  Belgium     hPp://www.lilab.be,  hPp://www.lilab.eu,  hPp://www.lilab.info     Louvain-la-Neuve, December 10th, 2013
  • 3. PresentaBon  Outline   §  IntroducBon   §  §  §  ContextualizaBon   MoBvaBon   DefiniBons   §  TriPlet   §  §  §  Goals   Methodology   Outcomes   §  ValidaBon   §  Case  Studies   §  Final  Remarks   Louvain-la-Neuve, December 10th, 2013 3
  • 4. ContextualizaBon   §  InteracBve  systems  tend  to  consider  convenBonal   contexts  of  use   §  §  §  Able-­‐bodied  user   Stable  environment   Desktop  PC   Louvain-la-Neuve, December 10th, 2013 4
  • 5. ContextualizaBon   §  The  interacBon  currently  occurs  in  non-­‐convenBonal   contexts   §  Heterogeneity  of   §   Users   §   PlaUorms   §   Environments   Louvain-la-Neuve, December 10th, 2013 5
  • 9. MoBvaBons   §  Users   §  §  Heterogeneous  group   PlasBc  user  interfaces   §  Technology   §  Fragmented  device  market   §  Environment   §  Variety  of  contexts   §  Stakeholders   §  Only  limited  support   Louvain-la-Neuve, December 10th, 2013 9
  • 10. MoBvaBons   §  Stakeholders   §  Limited  coverage  of  context   Published in CASFE’2013 and SigDoc’2013 [Mot13] 10
  • 11. DefiniBons   §  Context   Any  informaBon  that  is  relevant  for  adapBng  the   system  to  the  scenario  of  the  user  [Abo99],  [Dey00]   §  §  Adapta<on   Modifying  applicaBon  aspects  [Bro86],  [Thi94],   [Bru96],  [Lor00]   Goal   §  §  §  §  higher  usability  and  accessibility  levels   be^er  user  experiences   §  Context-­‐aware  Adapta<on   Louvain-la-Neuve, December 10th, 2013 11
  • 12. Scope   §  Target  Audience   §  UI  designers  and  developers   §  Focus   §  §  InteracBve  InformaBon  Systems   ValidaBon  mainly  on  web  apps  and  GUI’s   §  SDLC  coverage   Louvain-la-Neuve, December 10th, 2013 12
  • 18. State-­‐of-­‐the-­‐Art   Applied Perspective •  Application Domains •  System Aspects •  Context Information Support Perspective •  Meta-models •  Frameworks •  Design Spaces Louvain-la-Neuve, December 10th, 2013 18
  • 19. State-­‐of-­‐the-­‐Art   Applied Perspective •  Application Domains •  System Aspects •  Context Information Louvain-la-Neuve, December 10th, 2013 19
  • 20. Applied  PerspecBve   §  Applica<on   Domains   §  §  §  §  Any  interacBve   system   E-­‐health   [Rev00],   [Bar05],     idTV  [Yha12]   Safety  CriBcal   [Aca04]   §  System  Aspects   §  Context   [Bru01]   Informa<on   §  §  §  PresentaBon   [Lum02]   NavigaBon   [Bru94],   [Jan07]   Content   §  §  §  User   PlaUorm   Environment     Louvain-la-Neuve, December 10th, 2013 20
  • 21. ApplicaBon  Domain   §  E-­‐health,  e-­‐commerce,  e-­‐government,  safety  criBcal   [Smi02] [Bru02] Louvain-la-Neuve, December 10th, 2013 21
  • 22. System  Aspects   §  Naviga<on,  Presenta<on,  Content   Adaptive multimedia presentation Inserting/ removing fragments Adaptive text presentation Altering fragments Canned text adaptation Adaptive presentation Natural language adaptation Stretchtext Adaptation of modality Sorting fragments Direct guidance Adaptive hypermedia technologies Dimming fragments Adaptive link sorting Adaptive navigation support Hiding Adaptive link hiding Disabling Adaptive link annotation Removal Adaptive link generation Map adaptation Louvain-la-Neuve, December 10th, 2013 [Bru01] 22
  • 23. Context  InformaBon   §  User   [Dir09] [Gue11] Louvain-la-Neuve, December 10th, 2013 23
  • 24. Context  InformaBon   §  Pla[orm   [Neb11] [Sch12] Louvain-la-Neuve, December 10th, 2013 24
  • 25. Context  InformaBon   §  Pla[orm   Louvain-la-Neuve, December 10th, 2013 25
  • 26. Context  InformaBon   §  Environment   Louvain-la-Neuve, December 10th, 2013 26
  • 27. Context  InformaBon   §  Environment   Louvain-la-Neuve, December 10th, 2013 27
  • 28. Dimension Category Properties Classes Scenario User Profile Age Children Teenager Adult Elderly If the users are elderly, the targets must be larger, and drag and pinch gestures must be preferred [Kob11] Attention Level Distracted Regular Concentrated If the user is distracted, then motion gestures may be preferred as the input modality [Neg12] Interaction History Often Regular Rare If the menu items have a often access, they must be easily accessed [Gaj06] Cognitive Dyslexia Autism If the user is dyslexic, the font size must be adapted [Dir09] Visual Blind Color-blind If user is blind, then haptic feedback must guide touchbased interactions [Gon11] Numeracy Poor Medium High If the user has poor numeracy, simplify the numerical information [Bau11] Disabilities Domain Expertize Level Louvain-la-Neuve, December 10th, 2013 28
  • 29. Dimension Category Properties Classes Scenario Platform Device Network Bandwidth Bits per second If there are rate constraints in the network bandwidth, then remove channels or quality layers of the audio [Fei05] Type Mobile Phone If mobile phones, then the UI must support multiple interaction methods (focusbased, pointer-based and touch-based) [W3C10] Screen Large Screen Wall Display Vertically Curved If large screen, then optimize the use of screen space and reduce the scrolling [Neb11] Louvain-la-Neuve, December 10th, 2013 29
  • 30. Dimension Category Properties Classes Scenario Cold Warm Hot If temperature is cold, then display advertisements appropriate for winter [Hea12] Noise Level Loud Moderate Silent If noise level is loud, then replace audio content per text [Fei05] Date Day Month Year If commemorative date, then replace logo image [Doo12] Environment Environmental Temperature Factors Period Louvain-la-Neuve, December 10th, 2013 30
  • 31. State-­‐of-­‐the-­‐Art   Support Perspective •  Meta-models •  Frameworks •  Design Spaces Louvain-la-Neuve, December 10th, 2013 31
  • 34. Meta   Models   Louvain-la-Neuve, September 23rd, 2013 Published in RCIS’2013 [Mot13]
  • 37. Frameworks   Presentation Content User PUC XIF LF FMIA W3C, AEHS, FAÇADE, ACAMD, CAWE, MIMOSA, CAAUIG, CF, LCAAF SUPPLE ROAM FAME CFAWS FAHD PersonisAD CaFT JCAF CFAWS AEHS FAHD FAÇADE SUPPLE PUC ROAM LF JCAF CaFT, W3C, PersonisAD, ACAMD, CAWE, MIMOSA, CAAUIG, CF, FAME, LCAAF, FMIA XIF Navigation Platform Louvain-la-Neuve, December 10th, 2013 Environment 37
  • 38. Frameworks   Context Information Support Application Aspects User Plat. Type Pres. W3C [W3C03] + ++ + Meta arch. ++ + + ACAMD [Jan07] + +++ + IDE, Arch. ++ ++ +++ CAWE [Ard08] +++ ++ + Framework, Arch, Logic ++ ++ + MIMOSA [Mal10] ++ +++ + Arch., Framework ++ ++ +++ CAAUIG [Han04] ++ ++ ++ Framework, Language + + + CF [Fis12] +++ + ++ Framework +++ +++ +++ LCAAF [Pre09] ++ ++ + Design Method + + ++ Env. Louvain-la-Neuve, December 10th, 2013 Nav. Content 38
  • 40. Design  Spaces   Modalities, Fusion, Abstraction What, When, Why, How, To What, Who, How many, With what, For what Costs, Benefits, Frequency, Predictability, Performance, Satisfaction Technique, Quality, Function Target, Means, Time Presence, Content Suggestion, Actionables Louvain-la-Neuve, December 10th, 2013 40
  • 41. AdaptaBon  Lifecycle   User interface adaptation Goals Initiative Intention Evaluation Meaning of an input expression Proposal Decision Meaning of an output expression Action Specification Interpretation Shape of an input expression Execution Shape of an output expression Perception Execution System The ISATINE framework [Lóp08] Louvain-la-Neuve, December 10th, 2013 41
  • 42. AdaptaBon  Lifecycle   Published in RRIOC [Mot13] Louvain-la-Neuve, December 10th, 2013 42
  • 43. Shortcomings   S1.  Limited  coverage  of  CAA  dimensions   S2.  Focused  impact  on  CAA   S3.  Specific  applicaBon  domain   S4.  ParBal  support  for  guiding  CAA   S5.  Moderate  usability  for  CAA  UI’s   S6.  Technology-­‐dependency  of  the  soluBons   S7.  Obsolescence  of  the  support  provided   S8.  Simple  logic  to  address  CAA   S9.  Lack  of  unificaBon  of  the  vocabulary  and  approaches   Louvain-la-Neuve, December 10th, 2013 43
  • 44. Thesis  Statement   TriPlet §  To  propose,  to  define,  to  develop,  and  to  instanBate  a   mulBdimensional  conceptual  framework  (TriPlet)   CAMM CARF CADS §  To  provide  stakeholders  structured  guidance  for   addressing  context-­‐aware  adaptaBon  of  user  interfaces   Louvain-la-Neuve, December 10th, 2013 44
  • 48. CAMM   Published in RCIS’2013 [Mot13] and RRIOC Louvain-la-Neuve, December 10th, 2013 48
  • 49. CAMM:  Agents   Louvain-la-Neuve, December 10th, 2013 49
  • 50. CAMM:  Context   Louvain-la-Neuve, December 10th, 2013 50
  • 51. CAMM:  Rules   Louvain-la-Neuve, December 10th, 2013 51
  • 52. CAMM:  Models   Louvain-la-Neuve, December 10th, 2013 52
  • 54. CAMM   §  §  §  §  34  classes   72  a^ributes   37  methods   39  relaBonships   §  §  §  §  11  associaBons   4  aggregaBons   21  composiBons   4  inheritances   §  3  enumeraBons   §  §  §  Classifier  (2)   Operator  (8)   PresentaBon  type  (29)   Louvain-la-Neuve, December 10th, 2013 54
  • 55. CARF   §  Mind  map  diagram   §  Provides  alternaBve  designs  for   §  §  §  §  §  §  §  What   How   To  what   Why   When   Where   Who   Quintilian 55
  • 58. Steps  followed  to  Extract  AT’s   §  Search  on  digital  bases  (ScienBfic  and   Commercial)   §  Context-­‐aware  adaptaBon   §  And  concepts  closely  related   §  SystemaBcally  extract  adaptaBon  techniques   §  A  funcBon  to  change  a  system  aspect  according  to  a   given  criteria   §  Locate  the  concepts  within  a  common  template   §  Publish  them  in  a  wiki   Louvain-la-Neuve, December 10th, 2013 58
  • 59. References [Cou07]; [Ser10] Description Re-molding consists in the reconfiguration the UI according to the target context: elements can be re-located, re-sized, added and supplied. Pagination and scrolling may be used. Rationale Given a UI and a target context, the elements are re-arranged for the new context to assure usability Example When the user changes the platform (e.g. from a Desktop PC to a Smartphone) Context According to the platform, device, screen dimensions Advantages The usability level will be improved Disadvantages It is necessary to know before hand the best location for the elements, some of them may be suppressed Source: http://www.alistapart.com/articles/switchymclayout Louvain-la-Neuve, December 10th, 2013 59
  • 61. CARF   §  7  core  dimensions   §  What:  10  aspects  types   §  Why:  44  qualiBes   §  How:  152  adaptaBon  techniques   §  To  what:  480  context  informaBon   §  Who:  4  agent  roles   §  When:  3  stages   §  Where:  3  locaBons   Louvain-la-Neuve, December 10th, 2013 61
  • 63. CADS   §  8  dimensions   §  4  ranges     §  26  adaptability  levels   §  It  supports  up  to  3  applicaBons  compared   simultaneously   Louvain-la-Neuve, December 10th, 2013 63
  • 65. ValidaBon   §  Several  approaches   §  InstanBaBon  of  the  framework   §  By  exploraBon  on  selected  case  studies   §  Variability  of  decisions   §  2  illustraBve  case  studies   §  Car  rental   §  A  reference  case  study  for  FP7  Serenoa  and  W3C  WG  on  MBUI   Touris<c  applica<on   §  §  §  Weather,  Weathaware,  Walkaware   A  reference  case  study  for  ITEA  UsiXML   Louvain-la-Neuve, December 10th, 2013 65
  • 67. Case  Study   §  3  implementaBons  each   §  TriPlet  support   §  Costumers   §  Car  Rental  and  TourisBc  App   §  IT  Team   §  UI  Designers,    Developer  Team  and  Project  Manager   Louvain-la-Neuve, December 10th, 2013 67
  • 68. TriPlet  support  during  the  SDLC   Planning customers CADS CARF Analysis designers Design CAMM Development development team 68
  • 69. Car  Rental  Example   §  Task   §  Users  rent  a  car   Louvain-la-Neuve, December 10th, 2013 69
  • 70. Car  Rental  Example   Louvain-la-Neuve, December 10th, 2013 70
  • 71. Car  Rental  Example   Louvain-la-Neuve, December 10th, 2013 71
  • 72. Car  Rental  #1  –  Context  of  Use  A  and  B   A B Louvain-la-Neuve, December 10th, 2013 72
  • 73. Car  Rental  #1  –  Context  of  Use  A  and  B   Louvain-la-Neuve, December 10th, 2013 73
  • 74. Car  Rental  #1  –  Context  of  Use  A   §  Credits:  Aldemar  Aramayo,  Alexander  Damnjanovich  (LSINF2356  –   HCI  course)   Louvain-la-Neuve, December 10th, 2013 74
  • 75. Car  Rental  #1  –  Context  of  Use  A   Louvain-la-Neuve, December 10th, 2013 75
  • 76. Car  Rental  #1  –  Context  of  Use  B   Louvain-la-Neuve, December 10th, 2013 76
  • 77. Car  Rental  #1  –  Context  of  Use  B   Louvain-la-Neuve, December 10th, 2013 77
  • 78. Car  Rental  #1  –  CoU  A  (Video)   78 Louvain-la-Neuve, December 10th, 2013
  • 79. Car  Rental  #1  –  CoU  B  (Video)   Louvain-la-Neuve, December 10th, 2013 79
  • 80. Car  Rental  #1  –  CADS   Louvain-la-Neuve, September 23rd, 2013 80
  • 81. Car  Rental  #2  –  Context  of  Use  A,  B  and  C   81 Louvain-la-Neuve, December 10th, 2013
  • 82. Car  Rental  #2  –  Context  of  Use  A,  B,  C   A Louvain-la-Neuve, September 23rd, 2013 B 82 82 C
  • 83. Car  Rental  #2  -­‐  Video   Credits:  Thibault  Goemans,  Michael  Lacroix,  Grégory  Nuy^ens,  SébasBen  Scoumanne   (LINF2356  –  HCI  course)   Louvain-la-Neuve, December 10th, 2013 83
  • 84. Car  Rental  #2  –  CADS   Louvain-la-Neuve, September 23rd, 2013 84
  • 85. Car  Rental  #3  –  Context  of  Use  1,  2  and  3   Louvain-la-Neuve, December 10th, 2013 85
  • 86. Car  Rental  #3  –  Context  of  Use  1  and  2   A B Louvain-la-Neuve, December 10th, 2013 C D 86
  • 87. Car  Rental  #3  –  Context  of  Use  3   E §  F Credits:  Javier  Escolar,  CrisBna  Cachón,  and  Ignacio  Marín   (reference  case  study  and  demos  Serenoa  project)   Louvain-la-Neuve, December 10th, 2013 87
  • 88. Car  Rental  #3  –  CADS   Louvain-la-Neuve, September 23rd, 2013 88
  • 89. Comparing  CS1  –  CADS   Louvain-la-Neuve, September 23rd, 2013
  • 90. Model  Voyager   Louvain-la-Neuve, September 23rd, 2013 Louvain-la-Neuve, December 10th, 2013 90
  • 91. TourisBc  ApplicaBon   §  Task   §  §  §  Support  users  in  planning  their  trip   Weather  informaBon   Sightseeing   §  Credits:  QuenBn  Poncelet  and  François  Debande  mater  thesis   [Deb11]   Louvain-la-Neuve, December 10th, 2013 91
  • 92. TourisBc  ApplicaBon   §  Context   §  XML-­‐based  document   Louvain-la-Neuve, December 10th, 2013 92
  • 93. TourisBc  ApplicaBon   §  Decision  Rules   §  Table   Louvain-la-Neuve, September 23rd, 2013 93
  • 94. Weather  –  CARF   Louvain-la-Neuve, December 10th, 2013 94
  • 95. Weather  –  Smart  phone   Louvain-la-Neuve, September 23rd, 2013 95
  • 96. Weather  –  Tablet  PC   Louvain-la-Neuve, September 23rd, 2013 96
  • 97. Weather  –     Desktop  PC   97
  • 98. Weather  –  CADS   Louvain-la-Neuve, September 23rd, 2013 98
  • 99. Walkaware  -­‐  CARF   Louvain-la-Neuve, December 10th, 2013 99
  • 100. Walkaware  –  Smart  phone   Louvain-la-Neuve, September 23rd, 2013 Louvain-la-Neuve, December 10th, 2013 100
  • 101. Walkaware  –  Tablet  PC   Louvain-la-Neuve, September 23rd, 2013 101
  • 102. Walkaware  –  Desktop  PC   Louvain-la-Neuve, September 23rd, 2013 102
  • 103. Walkaware  –  CADS   Louvain-la-Neuve, September 23rd, 2013 103
  • 104. Weathaware  –  CARF   Louvain-la-Neuve, September 23rd, 2013 Louvain-la-Neuve, December 10th, 2013 104
  • 105. Weathaware  –  Smart  phone   Louvain-la-Neuve, September 23rd, 2013 105
  • 106. Weathaware  –  Tablet  PC   Louvain-la-Neuve, September 23rd, 2013 106
  • 107. Weathaware  –     Desktop  PC   Louvain-la-Neuve, September 23rd, 2013 107
  • 108. Weathaware  –  CADS   Louvain-la-Neuve, September 23rd, 2013 108
  • 109. Comparing  CS2  –  CADS   Louvain-la-Neuve, September 23rd, 2013
  • 110. ContribuBons   §  A  conceptual  framework  for  MulBdimensional   Context-­‐aware  AdaptaBon  of  User  Interfaces   §  TriPlet   CARF   §  §  DescripBve  Templates  for  AdaptaBon  Techniques   CAMM   §  §  Formal  definiBon  of  concepts,  their  properBes  and  relaBonships   CADS   §  §  A  Design  Space  to  analyze,  evaluate  and  compare  applicaBons   Louvain-la-Neuve, December 10th, 2013 110
  • 111. Benefits   §  Designer  and  Developer   §  §  §  AlternaBves  for  design  decisions   Standard  Framework  enabling  instanBaBons   Unified  terminology   §  End  user   §  §  §  QualiBes   Completeness   More  suitable  and  context-­‐aware  UI’s   111 Louvain-la-Neuve, December 10th, 2013
  • 112. EvaluaBon   §  §  §  §  §  §  Criteria  vs.  Discussion   Extensibility   Scalability   Flexibility   General  purpose   UBlity   Louvain-la-Neuve, December 10th, 2013 112
  • 113. Discussion   §  Many  trade-­‐offs  sBll  exist   §  §  §  Privacy  vs.  Context   Context  opBmizaBon  vs.  prioriBzaBon   User  control  vs.  system  control   §  Decisions  vary  according  to  each  scenario   Louvain-la-Neuve, December 10th, 2013 113
  • 114. Final  Remarks   §  The  framework  supports  stakeholders  in  the   development  of  context-­‐aware  adaptaBon   §  §  §  Providing  a  catalog  that  aids  the  design  decisions   Providing  a  meta-­‐model  that  standardizes  concepts   Providing  means  to  analyze  the  applicaBon   §  No  toolkit  is  provided  though   Louvain-la-Neuve, December 10th, 2013 114
  • 115. Conclusion   §  One-­‐size-­‐does-­‐not-­‐fit-­‐all   §  AdaptaBon  is  needed   §  So  far,  not  enough  support   §  Unified,  integrated,  complete   §  TriPlet   §  §  §  §  §  Extensible   Flexible   Generic  Purpose     Technology-­‐independent   Domain-­‐independent   Louvain-la-Neuve, December 10th, 2013 115
  • 116. Future  Works     §  AdaptaBon  techniques  as:     §  §  (Design)  pa^erns   Library  of  algorithms     §  A  portal  to  publish  the  knowledge  and  tools   §  Enabling  search  and  retrieval  of  CAA  Knowledge   §  A  toolkit  /  Eclipse  plugin  to  generate  the   computaBonal  version  of  the  framework   Louvain-la-Neuve, December 10th, 2013 116
  • 117. Acknowledgments   §  Serenoa  project  that  is  funded  by  the  European  Union  through  its  Seventh   Framework  Programme  as  a  STREP  Project  no.  FP7-­‐ICT-­‐258030   §  ITEA2-­‐Call  8  UsiXML  (User  Interface  eXtensible  Markup  Language)  project  that   is  funded  by  DirecBon  Générale  DGO6  of  Région  Wallonne   §  QualIHM  (Région  Wallonne,  DirecBon  générale  operaBonnelle  de  l’Economie,   de  l’Emploi  et  de  la  Recherche  DGO6)   §  “The  WIST  -­‐  Des<ne  research  project  (Design  &  EvaluaBon  Studio  For  Intent-­‐   Based  Ergonomic  Web  Sites),  funded  by  «WIST»  Wallonie  InformaBon  Science   &  Technology  research  program  (Walloon  Region,  ConvenBon  n°315577,   h^p://www.info.fundp.ac.be/DESTINE   LILAB Louvain-la-Neuve, December 10th, 2013 117
  • 118. Publications §  §  §  §  §  §  §  §  Vivian Genaro Motti, Javier Escolar, Cristina G. Cachón, Ignacio Marín and Jean Vanderdonckt: Managing Adaptation Rules for Context-aware Graphical User Interfaces. In: UMUAI 2013 (Under review) Vivian Genaro Motti and Jean Vanderdonckt: A Unified Model for Contextaware Adaptation of User Interfaces. In: RRIOC 2013 (To appear) Vivian Genaro Motti, Dave Raggett, Sascha Van Cauwelaert, Jean Vanderdonckt: Simplifying the Development of Cross-Platform Web User Interfaces by Collaborative Model-Based Design. In: SIGDOC 2013 Vivian Genaro Motti, Dave Raggett, Jean Vanderdonckt: Current Practices on Model-based Context-aware Adaptation. In: CASFE 2013: 17-23 Vivian Genaro Motti, Jean Vanderdonckt. 2013. A Computational Framework for Context-aware Adaptation of User Interfaces. In: RCIS 2013. Ugo Braga Sangiorgi, Vivian Genaro Motti, François Beuvens, and Jean Vanderdonckt. 2012. Assessing lag perception in electronic sketching. In: NordiCHI '12 Charles-Eric Dessart, Vivian Genaro Motti, and Jean Vanderdonckt. 2012. Animated transitions between user interface views. In: AVI '12 Charles-Eric Dessart, Vivian Genaro Motti, and Jean Vanderdonckt. 2011. Showing user interface adaptivity by animated transitions. In: EICS '11 Louvain-la-Neuve, December 10th, 2013 118
  • 119. Courses §  VANDERDONCKT, J.; MOTTI, V. G. . Multi-Dimensional Context-Aware Adaptation of Web Applications. In: ICWE’2011. Paphos-Cyprus (Course Presented). §  MOTTI, V. G.; VANDERDONCKT, J. . Context-Aware Adaptation of User Interfaces. In: Interact’2011. Lisbon-Portugal (Course Presented). §  §  7 Deliverables (Serenoa) 6 Working Papers (LSM) Louvain-la-Neuve, December 10th, 2013 119
  • 121. Weather  –  Smart  phone   Louvain-la-Neuve, September 23rd, 2013 121