1
Alfonso García Frey
Director: Gaëlle Calvary
Co-Director: Sophie Dupuy Chessa
Quality in Human-Computer
Interaction
Self...
2
Research Problem: Non Quality of UIs
3
Designer
User
Research Problem
Intended Quality
Perceived Quality
The designer is not the user
4
Research Problem: Explanations
0 2010
Different explanation types
5
Research Problem: Explanations
0 2010
Different explanation types
- Theory of Explanation in Philosophy of Science
Arist...
6
Research Problem: Explanations
[Toulmin, 58]
0 2010
Different explanation types
- Theory of Explanation in Philosophy of...
7
Research Problem: Explanations
[Toulmin, 58]
0
[Hughes, 89]
2010
Different explanation types
- Theory of Explanation in ...
8
Research Problem: Support Tools
Agents
Recommender Systems
Model-Based
Social-Network
Personal assistants
[Benyon, 93]
1...
9
Research Problem: Limitations
Agents
Recommender Systems
Model-Based
Social-Network
Personal assistants
[Benyon, 93]
197...
10
Research Problem: Limitations
Agents
Recommender Systems
Model-Based
Social-Network
Personal assistants
[Benyon, 93]
19...
11
Research Problem: Limitations
Agents
Recommender Systems
Model-Based
Social-Network
Personal assistants
[Benyon, 93]
19...
12
Research Problem: Topic
Agents
Recommender Systems
Model-Based
Social-Network
Personal assistants
[Benyon, 93]
1970
Exp...
13
Research Problem: Topic
Model-Based [Paterno, 95]
First class problem: Cost
14
Models
Research Problem: Topic
Model-Based [Paterno, 95]
First class problem: Cost
15
Models
Research Problem: Topic
Model-Based [Paterno, 95]
First class problem: Cost
Design models are suitable for suppo...
16
Research Problem
Model-Based [Paterno, 95]
First class problem: Cost
Design models are suitable for supporting end user...
17
Research Problem
Model-Based [Paterno, 95]
First class problem: Cost
Design models are suitable for supporting end user...
18
Outline
Model-Based Self-Explanatory UIs for free2
Qualitative Evaluation3
Perspectives4
State of the Art in Model-Base...
19
Outline
State of the Art in Model-Based Help systems1
The QAP Problem Spacea
Related Workb
Overlapping Analysisc
20
State of the Art in Model-Based
The QAP Problem Space
21
State of the Art in Model-Based
The QAP Problem Space
Coverage
22
State of the Art in Model-Based
The QAP Problem Space
Coverage Quality
23
State of the Art in Model-Based
Characterization
State of the Art in Model-Based
The QAP Problem Space
24
State of the Art in Model-Based
Characterization
State of the Art in Model-Based
The QAP Problem Space
25
State of the Art in Model-Based
Characterization
State of the Art in Model-Based
The QAP Problem Space
26
State of the Art in Model-Based
Characterization
State of the Art in Model-Based
The QAP Problem Space
27
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
28
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
29
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
30
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
31
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
32
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
33
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
34
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
35
State of the Art in Model-Based
Crystal Framework
[Myers et al. 2006]
Characterization
State of the Art in Model-Based
...
36
State of the Art in Model-Based
PervasiveCrystal
[Vermeulen et al. 2010]
Comparison of Help Systems
37
State of the Art in Model-Based
PervasiveCrystal
[Vermeulen et al. 2010]
Comparison of Help Systems
38
State of the Art in Model-Based
Cartoonist
[Sukaviriya et al. 1990]
39
State of the Art in Model-Based
Conclusion
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
40
State of the Art in Model-Based
Conclusion
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
Coverage:
41
State of the Art in Model-Based
Conclusion
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
Coverage:
- n...
42
State of the Art in Model-Based
Conclusion
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
Coverage:
- n...
43
State of the Art in Model-Based
Conclusion
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
- dedicated p...
44
State of the Art in Model-Based
Conclusion
Quality
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
- ded...
45
State of the Art in Model-Based
Conclusion
Quality
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
- ded...
46
State of the Art in Model-Based
Conclusion
Quality
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
- ded...
47
State of the Art in Model-Based
Conclusion
Quality
[Vermeulen, 2010]
[Sukaviriya, 1990]
[Myers, 2006]
[Lim, 2010]
- ded...
48
Outline
Model-Based Self-Explanatory UIs for free2
Qualitative Evaluation3
Perspectives4
State of the Art in Model-Base...
49
Outline
Model-Based Self-Explanatory UIs for free2
Demonstratora
Conceptual Architectureb
Explanation Strategiesc
Concl...
50
Designer
User
Self-Explanatory UIs for free
Demonstrator
Models
51
Designer
User
Self-Explanatory UIs for free
Demonstrator
Models
52
Designer
User
Self-Explanatory UIs for free
Demonstrator
Models
53
Designer
User
Self-Explanatory UIs for free
Demonstrator
Models
54
Self-Explanatory UIs for free
Demonstrator
55
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Conceptual Architecture
56
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
57
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model
58
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model...
59
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
60
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model
61
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model
62
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model
63
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model
64
Cameleon Reference Framework
[Calvary 03]
Ergonomic
Criterion
Questions Options Criteria
More
suitable
widget?
Self-Exp...
65
Cameleon Reference Framework
[Calvary 03]
Self-Explanatory UIs for free
Conceptual Architecture
[MacLean, 83]
QOC Model...
66
Self-Explanatory UIs for free
Conceptual Architecture
67
Self-Explanatory UIs for free
Conceptual Architecture
Ergonomic
Criterion
Questions Options Criteria
More
suitable
widg...
68
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Conceptual Architecture
69
Self-Explanatory UIs for free
Conceptual Architecture
Designer
User
Models Metamodels Transformations Functional core
70
Self-Explanatory UIs for free
Conceptual Architecture
Designer
User
Models Metamodels Transformations
Models Metamodels...
71
Self-Explanatory UIs for free
Conceptual Architecture
Designer
User
Models Metamodels Transformations
Models Metamodels...
72
Self-Explanatory User Interfaces
Explanation Strategies: Usage Questions
73
Self-Explanatory User Interfaces
Explanation Strategies: Usage Questions
How To select
packs?
74
Self-Explanatory User Interfaces
Explanation Strategies: Usage Questions
How To select
packs?
75
Self-Explanatory User Interfaces
Explanation Strategies: Usage Questions
How To select
packs? Task Model
Abstract Model...
76
Self-Explanatory User Interfaces
Explanation Strategies: Usage Questions
How To select
packs? Task Model
Abstract Model...
77
Self-Explanatory User Interfaces
Explanation Strategies: Design Rationale Questions
QOC Model
Why are engines
ordered b...
78
Self-Explanatory User Interfaces
Explanation Strategies: Design Rationale Questions
QOC Model
Why are engines
ordered b...
79
CRITERIA
Items of a selection list must be
- either in an alphabetically ordered
- or in an order significant for the
u...
80
CRITERIA
Items of a selection list must be
- either in an alphabetically ordered
- or in an order significant for the
u...
81
CRITERIA
Items of a selection list must be
- either in an alphabetically ordered
- or in an order significant for the
u...
82
Functional core
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Implementation
Models Met...
83
Functional core
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Implementation
Ecore Ecor...
84
Functional core
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Implementation
Ecore Ecor...
85
Functional core
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Implementation
Ecore Java...
86
Functional core
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Implementation
Ecore Java...
87
Functional core
Designer
User
Models Metamodels Transformations
Self-Explanatory UIs for free
Implementation
Ecore Java...
88
Functional core
Self-Explanatory UIs for free
Implementation
Ecore Java
Java
Vaadin
EcoreOSGi ATL
Models Metamodels Tra...
89
Functional core
Self-Explanatory UIs for free
Implementation
Ecore Java
Java
Vaadin
EcoreOSGi ATL
Models Metamodels Tra...
90
Functional core
Self-Explanatory UIs for free
Implementation
Ecore Java
Java
Vaadin
EcoreOSGi ATL
Models Metamodels Tra...
91
Functional core
Self-Explanatory UIs for free
Implementation
Ecore Java
Java
Vaadin
EcoreOSGi ATL
Models Metamodels Tra...
92
Functional core
Self-Explanatory UIs for free
Implementation
Ecore Java
Java
Vaadin
EcoreOSGi ATL
Models Metamodels Tra...
93
Self-Explanatory UIs for free
In Summary
94
Self-Explanatory UIs for free
Demonstrator
95
Self-Explanatory UIs for free
In Summary
Full coverage of Questions
High potential for quality
- Design Rationale → Qua...
96
Outline
Model-Based Self-Explanatory UIs for free2
Qualitative Evaluation3
Perspectives4
State of the Art in Model-Base...
97
Outline
Qualitative Evaluation3
Protocol Descriptiona
Phasesb
Conclusionc
98
Qualitative Evaluation
Objectives
- Hypothesis
Design models are suitable for supporting
end users in the interaction p...
99
Qualitative Evaluation
Protocol Description
Phase 1 Phase 2 Phase 3
100
Qualitative Evaluation
Protocol Description
- Objective: know participants
- Questionnaire → profiles, help habits
Pha...
101
Qualitative Evaluation
Protocol Description
- Objective: know participants
- Questionnaire → profiles, help habits
- O...
102
Qualitative Evaluation
Protocol Description
- Objective: know participants
- Questionnaire → profiles, help habits
- O...
103
Qualitative Evaluation
Phase 1
- Number: 20
Recruitment - Age: [23, 39] years, average 27.4
- Sex: 12 male, 8 female
-...
104
Qualitative Evaluation
Phase 2
Select a Cabriolet model 20/20
Change the external color to Le Mans Blau 20/20
Select t...
105
Qualitative Evaluation
Phase 2
Full coverage of questions!
106
Qualitative Evaluation
Phase 2
Full coverage of questions!
Usage
107
Qualitative Evaluation
Phase 2
Full coverage of questions!
Usage
DR
108
Qualitative Evaluation
Phase 3: Findings
Design models are suitable for supporting users
Good coverage is needed
Good ...
109
Outline
Model-Based Self-Explanatory UIs for free2
Qualitative Evaluation3
Perspectives4
State of the Art in Model-Bas...
110
Outline
Perspectives4
Long Term Perspectivesc
General Contributionsa
Short Term Perspectivesb
111
Self-Explanatory UIs for free
Conclusion
General: Design models are suitable for supporting end users
- Three challeng...
112
Self-Explanatory UIs for free
Conclusion: Challenges
- Presentation - Intrinsic and Extrinsic questions
- Initiative -...
113
Self-Explanatory UIs for free
Conclusion: Challenges
- Full coverage! - Design rationale
- Structure
- Unification - T...
114
Self-Explanatory UIs for free
Conclusion: Challenges
Cost
- Free by construction - Model-Based approach
- But really n...
115
Self-Explanatory UIs for free
Conclusion: Challenges
Cost
- Free by construction - Model-Based approach
- But really n...
116
Designer
User
Perspectives: Short Term
Closing the loop
Models
117
Designer
User
Perspectives: Short Term
Closing the loop
Models
118
Designer
User
Perspectives: Short Term
Closing the loop
Models
119
Designer
User
Perspectives: Short Term
Closing the loop
Models
120
Designer
User
Perspectives: Short Term
Closing the loop
Models
121
Designer
User
Perspectives: Short Term
Usability
Models
Question
Answer
122
Designer
User
Perspectives: Short Term
Usability
Models
123
Designer
User
Perspectives: Short Term
Usability
Models
Question
124
Designer
User
Perspectives: Short Term
Usability
Models
Question
Answer
125
User
Designer
Perspectives: Long Term
End User Programming
Models
126
User
Designer
Perspectives: Long Term
End User Programming
Models
127
Alfonso.Garcia-Frey@imag.fr
Thank you!It looks like you got questions.
Can I help you?
128
Contributory Papers
1. GARCÍA FREY, A., CALVARY, G., DUPUY-CHESSA, S., AND MANDRAN, N. Model-based self-explanatory UI...
Upcoming SlideShare
Loading in …5
×

Quality in Human-Computer Interaction: Self-Explanatory User Interfaces by Model-Driven Engineering

790 views
693 views

Published on

PhD presentation.

This is the public version including:
- Simplified plain animations
- SlideShare compatibility fixes

This public version does not include:
- 1 video motivating the research problem (slide 2)
- 2 use cases based on a real-time car shopping website demonstrator (slides 54 and 94)

Published under the Creative Commons Attribution 2.0 Generic (CC BY 2.0) Licence.

alfonso.garcia@tudor.lu


CONTRIBUTORY PAPERS

1. GARCÍA FREY, A., CALVARY, G., DUPUY-CHESSA, S., AND MANDRAN, N. Model-based self-explanatory UIs for free, but are they valuable? In Proceedings of the 14th IFIP TC13 Conference on Human-Computer Interaction (INTERACT’13), 2-6 September 2013, Cape Town, South Africa (2013), Springer

2. GARCÍA FREY, A., CALVARY, G., AND DUPUY-CHESSA, S. Users need your models! exploiting design models for explanations. In Proceedings of HCI 2012, Human Computer Interaction, People and Computers XXVI, The 26th BCS HCI Group conference (Birmingham, UK) (2012)

3. GARCÍA FREY, A., CÉRET, E., DUPUY-CHESSA, S., CALVARY, G., AND GABILLON, Y. Usicomp: an extensible model-driven composer. In Proceedings of the 4th ACM SIGCHI symposium on Engineering interactive computing systems (New York, NY, USA, 2012), EICS ’12, ACM, pp. 263–268

4. GARCÍA FREY, A., CÉRET, E., DUPUY-CHESSA, S., AND CALVARY, G. QUIMERA: a quality metamodel to improve design rationale. In Proceedings of the third ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2011) (2011), ACM Press, pp. 265–270

5. GARCÍA FREY, A., CÉRET, E., DUPUY-CHESSA, S., AND CALVARY, G. QUIMERA - Toward an unifying quality metamodel. 2011 In Congrès INFORSID’11 (Lille, France, May 2011), 6 pages. (2011)

6. GARCÍA FREY, A., CALVARY , G., AND DUPUY-CHESSA, S. Self-explanatory user interfaces by model-driven engineering. In Proceedings of the CHI’10 Workshop on Model Driven Development of Advanced User Interfaces (MDDAUI’10) (2010), pp. 1–4

7. GARCÍA FREY, A., CALVARY , G., AND DUPUY-CHESSA, S. Xplain: an editor for building self-explanatory user interfaces by model-driven engineering. In Proceedings of the second ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2010) (2010), ACM Press, pp. 41–46

8. GARCÍA FREY , A., CALVARY , G., AND DUPUY-CHESSA , S. Self-explanatory user interfaces by model-driven engineering. In Proceedings of the second ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2010) (2010), ACM Press, pp. 341–344

9. DITTMAR, A., GARCÍA FREY, A., AND DUPUY-CHESSA, S. What can model-based ui design offer to end-user software engineering? In Proceedings of the 4th ACM SIGCHI symposium on Engineering interactive computing systems (New York, NY, USA, 2012), EICS ’12, ACM, pp. 189–194

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
790
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Quality in Human-Computer Interaction: Self-Explanatory User Interfaces by Model-Driven Engineering

  1. 1. 1 Alfonso García Frey Director: Gaëlle Calvary Co-Director: Sophie Dupuy Chessa Quality in Human-Computer Interaction Self-Explanatory User Interfaces by Model-Driven Engineering
  2. 2. 2 Research Problem: Non Quality of UIs
  3. 3. 3 Designer User Research Problem Intended Quality Perceived Quality The designer is not the user
  4. 4. 4 Research Problem: Explanations 0 2010 Different explanation types
  5. 5. 5 Research Problem: Explanations 0 2010 Different explanation types - Theory of Explanation in Philosophy of Science Aristotle’s Theory of Causality Why (do things happen?) [Aristotle, 370BC]
  6. 6. 6 Research Problem: Explanations [Toulmin, 58] 0 2010 Different explanation types - Theory of Explanation in Philosophy of Science Aristotle’s Theory of Causality Why (do things happen?) Why (reasons / arguments) [Aristotle, 370BC] 1950 - Theory of Argumentation [Toulmin, 58]
  7. 7. 7 Research Problem: Explanations [Toulmin, 58] 0 [Hughes, 89] 2010 Different explanation types - Theory of Explanation in Philosophy of Science Aristotle’s Theory of Causality Why (do things happen?) How (does it work?) (can I do this?) Why (reasons / arguments) [Aristotle, 370BC] 1950 - Structural Explanations [Hughes, 89] Internal parts as explanations - Theory of Argumentation [Toulmin, 58]
  8. 8. 8 Research Problem: Support Tools Agents Recommender Systems Model-Based Social-Network Personal assistants [Benyon, 93] 1970 Expert Systems [Neomycin, 81] Avatars Desktop facilities 2010 QA Systems [Lehnert, 78] [Paterno, 95] [Tooltip] [Nichols, 12] [Apple, 11] [Ricci, 11] A wide exploration of support tools [Tensator, 12]
  9. 9. 9 Research Problem: Limitations Agents Recommender Systems Model-Based Social-Network Personal assistants [Benyon, 93] 1970 Expert Systems [Neomycin, 81] Avatars Desktop facilities 2010 QA Systems [Lehnert, 78] [Paterno, 95] [Tooltip] [Nichols 2012] [Apple] [Ricci 11] Problem 1: Coverage of explanations [Tensator 2012] 1978
  10. 10. 10 Research Problem: Limitations Agents Recommender Systems Model-Based Social-Network Personal assistants [Benyon, 93] 1970 Expert Systems [Neomycin, 81] Avatars Desktop facilities 2010 QA Systems [Lehnert, 78] [Paterno, 95] [Tooltip] [Nichols, 12] [Apple, 11] [Ricci, 11] Problem 2: Cost of the explanation [Tensator, 12] 1997
  11. 11. 11 Research Problem: Limitations Agents Recommender Systems Model-Based Social-Network Personal assistants [Benyon, 93] 1970 Expert Systems [Neomycin, 81] Avatars Desktop facilities 2010 QA Systems [Lehnert, 78] [Paterno, 95] Problem 3: Quality of the support 2012 [Tooltip] [Nichols, 12] [Apple, 11] [Ricci, 11] [Tensator, 12]
  12. 12. 12 Research Problem: Topic Agents Recommender Systems Model-Based Social-Network Personal assistants [Benyon, 93] 1970 Expert Systems [Neomycin, 81] Avatars Desktop facilities 2010 QA Systems [Lehnert, 78] [Paterno, 95] First class problem: Cost [Tooltip] [Nichols, 12] [Apple, 11] [Ricci, 11] [Tensator, 12]
  13. 13. 13 Research Problem: Topic Model-Based [Paterno, 95] First class problem: Cost
  14. 14. 14 Models Research Problem: Topic Model-Based [Paterno, 95] First class problem: Cost
  15. 15. 15 Models Research Problem: Topic Model-Based [Paterno, 95] First class problem: Cost Design models are suitable for supporting end users in the interaction process. Hypothesis
  16. 16. 16 Research Problem Model-Based [Paterno, 95] First class problem: Cost Design models are suitable for supporting end users in the interaction process. Hypothesis Crystal Framework [Myers et al. 2006] Cartoonist [Sukaviriya et al. 1990]
  17. 17. 17 Research Problem Model-Based [Paterno, 95] First class problem: Cost Design models are suitable for supporting end users in the interaction process. Hypothesis Crystal Framework [Myers et al. 2006] Cartoonist [Sukaviriya et al. 1990]
  18. 18. 18 Outline Model-Based Self-Explanatory UIs for free2 Qualitative Evaluation3 Perspectives4 State of the Art in Model-Based Help systems1 Problem Statement and Focus Definition0
  19. 19. 19 Outline State of the Art in Model-Based Help systems1 The QAP Problem Spacea Related Workb Overlapping Analysisc
  20. 20. 20 State of the Art in Model-Based The QAP Problem Space
  21. 21. 21 State of the Art in Model-Based The QAP Problem Space Coverage
  22. 22. 22 State of the Art in Model-Based The QAP Problem Space Coverage Quality
  23. 23. 23 State of the Art in Model-Based Characterization State of the Art in Model-Based The QAP Problem Space
  24. 24. 24 State of the Art in Model-Based Characterization State of the Art in Model-Based The QAP Problem Space
  25. 25. 25 State of the Art in Model-Based Characterization State of the Art in Model-Based The QAP Problem Space
  26. 26. 26 State of the Art in Model-Based Characterization State of the Art in Model-Based The QAP Problem Space
  27. 27. 27 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  28. 28. 28 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  29. 29. 29 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  30. 30. 30 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  31. 31. 31 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  32. 32. 32 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  33. 33. 33 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  34. 34. 34 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  35. 35. 35 State of the Art in Model-Based Crystal Framework [Myers et al. 2006] Characterization State of the Art in Model-Based The QAP Problem Space
  36. 36. 36 State of the Art in Model-Based PervasiveCrystal [Vermeulen et al. 2010] Comparison of Help Systems
  37. 37. 37 State of the Art in Model-Based PervasiveCrystal [Vermeulen et al. 2010] Comparison of Help Systems
  38. 38. 38 State of the Art in Model-Based Cartoonist [Sukaviriya et al. 1990]
  39. 39. 39 State of the Art in Model-Based Conclusion [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010]
  40. 40. 40 State of the Art in Model-Based Conclusion [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] Coverage:
  41. 41. 41 State of the Art in Model-Based Conclusion [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] Coverage: - no support for design rationale
  42. 42. 42 State of the Art in Model-Based Conclusion [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] Coverage: - no support for design rationale - no support for structure
  43. 43. 43 State of the Art in Model-Based Conclusion [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] - dedicated purpose Coverage: - no support for design rationale - no support for structure
  44. 44. 44 State of the Art in Model-Based Conclusion Quality [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] - dedicated purpose Coverage: - no support for design rationale - no support for structure
  45. 45. 45 State of the Art in Model-Based Conclusion Quality [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] - dedicated purpose Coverage: - no support for design rationale - no support for structure - no initiative
  46. 46. 46 State of the Art in Model-Based Conclusion Quality [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] - dedicated purpose Coverage: - no simultaneous support for - dynamicity, extensibility - no support for design rationale - no support for structure - no initiative
  47. 47. 47 State of the Art in Model-Based Conclusion Quality [Vermeulen, 2010] [Sukaviriya, 1990] [Myers, 2006] [Lim, 2010] - dedicated purpose Coverage: - intrinsic and extrinsic - no simultaneous support for - dynamicity, extensibility - no support for design rationale - no support for structure - no initiative
  48. 48. 48 Outline Model-Based Self-Explanatory UIs for free2 Qualitative Evaluation3 Perspectives4 State of the Art in Model-Based Help Systems1 Problem Statement and Focus Definition0
  49. 49. 49 Outline Model-Based Self-Explanatory UIs for free2 Demonstratora Conceptual Architectureb Explanation Strategiesc Conclusiond
  50. 50. 50 Designer User Self-Explanatory UIs for free Demonstrator Models
  51. 51. 51 Designer User Self-Explanatory UIs for free Demonstrator Models
  52. 52. 52 Designer User Self-Explanatory UIs for free Demonstrator Models
  53. 53. 53 Designer User Self-Explanatory UIs for free Demonstrator Models
  54. 54. 54 Self-Explanatory UIs for free Demonstrator
  55. 55. 55 Designer User Models Metamodels Transformations Self-Explanatory UIs for free Conceptual Architecture
  56. 56. 56 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture
  57. 57. 57 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model
  58. 58. 58 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model Quality Model [García Frey, 11]
  59. 59. 59 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture
  60. 60. 60 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model
  61. 61. 61 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model
  62. 62. 62 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model
  63. 63. 63 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model
  64. 64. 64 Cameleon Reference Framework [Calvary 03] Ergonomic Criterion Questions Options Criteria More suitable widget? Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model
  65. 65. 65 Cameleon Reference Framework [Calvary 03] Self-Explanatory UIs for free Conceptual Architecture [MacLean, 83] QOC Model Quality Model [García Frey, 11]
  66. 66. 66 Self-Explanatory UIs for free Conceptual Architecture
  67. 67. 67 Self-Explanatory UIs for free Conceptual Architecture Ergonomic Criterion Questions Options Criteria More suitable widget?
  68. 68. 68 Designer User Models Metamodels Transformations Self-Explanatory UIs for free Conceptual Architecture
  69. 69. 69 Self-Explanatory UIs for free Conceptual Architecture Designer User Models Metamodels Transformations Functional core
  70. 70. 70 Self-Explanatory UIs for free Conceptual Architecture Designer User Models Metamodels Transformations Models Metamodels Transformations Functional core Functional core
  71. 71. 71 Self-Explanatory UIs for free Conceptual Architecture Designer User Models Metamodels Transformations Models Metamodels Transformations Functional core Functional core
  72. 72. 72 Self-Explanatory User Interfaces Explanation Strategies: Usage Questions
  73. 73. 73 Self-Explanatory User Interfaces Explanation Strategies: Usage Questions How To select packs?
  74. 74. 74 Self-Explanatory User Interfaces Explanation Strategies: Usage Questions How To select packs?
  75. 75. 75 Self-Explanatory User Interfaces Explanation Strategies: Usage Questions How To select packs? Task Model Abstract Model Concrete Model
  76. 76. 76 Self-Explanatory User Interfaces Explanation Strategies: Usage Questions How To select packs? Task Model Abstract Model Concrete Model
  77. 77. 77 Self-Explanatory User Interfaces Explanation Strategies: Design Rationale Questions QOC Model Why are engines ordered by price? Why are engines Ordered by price? Quality Model
  78. 78. 78 Self-Explanatory User Interfaces Explanation Strategies: Design Rationale Questions QOC Model Why are engines ordered by price? Why are engines Ordered by price? Quality Model1
  79. 79. 79 CRITERIA Items of a selection list must be - either in an alphabetically ordered - or in an order significant for the user in the context of the task. [IBM, 89] Self-Explanatory User Interfaces Explanation Strategies: Design Rationale Questions QOC Model Why are engines Ordered by price? Quality Model
  80. 80. 80 CRITERIA Items of a selection list must be - either in an alphabetically ordered - or in an order significant for the user in the context of the task. [IBM, 89] Self-Explanatory User Interfaces Explanation Strategies: Design Rationale Questions QOC Model Why are engines Ordered by price? Quality Model 2
  81. 81. 81 CRITERIA Items of a selection list must be - either in an alphabetically ordered - or in an order significant for the user in the context of the task. [IBM, 89] Self-Explanatory User Interfaces Explanation Strategies: Design Rationale Questions QOC Model Why are engines Ordered by price? Quality Model 3
  82. 82. 82 Functional core Designer User Models Metamodels Transformations Self-Explanatory UIs for free Implementation Models Metamodels Transformations Functional core
  83. 83. 83 Functional core Designer User Models Metamodels Transformations Self-Explanatory UIs for free Implementation Ecore Ecore Models Metamodels Transformations Functional core Ecore Ecore
  84. 84. 84 Functional core Designer User Models Metamodels Transformations Self-Explanatory UIs for free Implementation Ecore Ecore ATL Models Metamodels Transformations Functional core Ecore Ecore ATL
  85. 85. 85 Functional core Designer User Models Metamodels Transformations Self-Explanatory UIs for free Implementation Ecore JavaEcore ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATL
  86. 86. 86 Functional core Designer User Models Metamodels Transformations Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin Ecore ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATL
  87. 87. 87 Functional core Designer User Models Metamodels Transformations Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin EcoreOSGi ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATLOSGi
  88. 88. 88 Functional core Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin EcoreOSGi ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATLOSGi
  89. 89. 89 Functional core Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin EcoreOSGi ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATLOSGi - Metamodels dependent
  90. 90. 90 Functional core Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin EcoreOSGi ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATLOSGi - Metamodels independent - Metamodels dependent
  91. 91. 91 Functional core Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin EcoreOSGi ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATLOSGi - Metamodels independent - QOC simplified - Design rationale - Metamodels dependent QOC Model
  92. 92. 92 Functional core Self-Explanatory UIs for free Implementation Ecore Java Java Vaadin EcoreOSGi ATL Models Metamodels Transformations Functional core Ecore JavaEcore ATLOSGi - Metamodels independent - QOC simplified - Design rationale - Presentation - Metamodels dependent
  93. 93. 93 Self-Explanatory UIs for free In Summary
  94. 94. 94 Self-Explanatory UIs for free Demonstrator
  95. 95. 95 Self-Explanatory UIs for free In Summary Full coverage of Questions High potential for quality - Design Rationale → Quality and QOC models - Structure → Cameleon models - Unification → Through explanation strategies - Dynamicity → Models at runtime - Extensibility → Through explanation strategies No cost - By construction (model-based approach)
  96. 96. 96 Outline Model-Based Self-Explanatory UIs for free2 Qualitative Evaluation3 Perspectives4 State of the Art in Model-Based Help systems1 Problem Statement and Focus Definition0
  97. 97. 97 Outline Qualitative Evaluation3 Protocol Descriptiona Phasesb Conclusionc
  98. 98. 98 Qualitative Evaluation Objectives - Hypothesis Design models are suitable for supporting end users in the interaction process. - Three challenges: - Cost- (by construction) - Coverage - Quality - Approach: Experimental. Scenario based - Use Case: Car shopping website
  99. 99. 99 Qualitative Evaluation Protocol Description Phase 1 Phase 2 Phase 3
  100. 100. 100 Qualitative Evaluation Protocol Description - Objective: know participants - Questionnaire → profiles, help habits Phase 1 Phase 2 Phase 3 Phase 1
  101. 101. 101 Qualitative Evaluation Protocol Description - Objective: know participants - Questionnaire → profiles, help habits - Objective: identification of problems - Demonstrator → Tasks. Think aloud Phase 1 Phase 2 Phase 3 Phase 1 Phase 2
  102. 102. 102 Qualitative Evaluation Protocol Description - Objective: know participants - Questionnaire → profiles, help habits - Objective: identification of problems - Demonstrator → Tasks. Think aloud - Objective: Models enough? Feedback - Self-Explanatory User Interface - Questionnaire Phase 1 Phase 2 Phase 3 Phase 1 Phase 2 Phase 3
  103. 103. 103 Qualitative Evaluation Phase 1 - Number: 20 Recruitment - Age: [23, 39] years, average 27.4 - Sex: 12 male, 8 female - Familiar with new technologies - 16/20 like new technologies - 17/20 use new technology everyday - 20/20 have found problems in their use Habits
  104. 104. 104 Qualitative Evaluation Phase 2 Select a Cabriolet model 20/20 Change the external color to Le Mans Blau 20/20 Select the Connected Drive pack 18/20 Select a diesel engine for less than 35.000€ 17/20 Choose a sport finishing touch 15/20 Ensure that the model has a navigation system. If not, add one 12/20 Select the maintenance contract of your choice 10/10 Ensure that the model has a Terra leather upholstery. If not, choose blue leather instead 12/20 Make sure that you can listen music in the car. If not, choose the best audio system available 12/20 Visualize the result and check that everything is OK. If not, try to solve the problem. 12/20 Task Accomplishment ratio Easy Moderated Complicated
  105. 105. 105 Qualitative Evaluation Phase 2 Full coverage of questions!
  106. 106. 106 Qualitative Evaluation Phase 2 Full coverage of questions! Usage
  107. 107. 107 Qualitative Evaluation Phase 2 Full coverage of questions! Usage DR
  108. 108. 108 Qualitative Evaluation Phase 3: Findings Design models are suitable for supporting users Good coverage is needed Good acceptance but more work identified - Most of questions identified as useful - Unsupported types of questions - Good acceptance (How, Where) - Gain of time (How, Where) - Why questions → Better strategies! - Design Rationale → Push on!
  109. 109. 109 Outline Model-Based Self-Explanatory UIs for free2 Qualitative Evaluation3 Perspectives4 State of the Art in Model-Based Help systems1 Problem Statement and Focus Definition0
  110. 110. 110 Outline Perspectives4 Long Term Perspectivesc General Contributionsa Short Term Perspectivesb
  111. 111. 111 Self-Explanatory UIs for free Conclusion General: Design models are suitable for supporting end users - Three challenges - Cost - Coverage - Quality
  112. 112. 112 Self-Explanatory UIs for free Conclusion: Challenges - Presentation - Intrinsic and Extrinsic questions - Initiative - Not covered - Dynamicity - Fully generated support by keeping the models at runtime - Extensibility - Through explanation strategies Quality Not perfect, but:
  113. 113. 113 Self-Explanatory UIs for free Conclusion: Challenges - Full coverage! - Design rationale - Structure - Unification - Through explanation strategies - New question types? - Add your own explanation strategy - Reuse it everywhere Coverage Good coverage:
  114. 114. 114 Self-Explanatory UIs for free Conclusion: Challenges Cost - Free by construction - Model-Based approach - But really no cost? - A minority number of metamodel dependent elements - Complete models? No cost
  115. 115. 115 Self-Explanatory UIs for free Conclusion: Challenges Cost - Free by construction - Model-Based approach - But really no cost? - A minority number of metamodel dependent elements - Complete models? No cost For what type of non quality applications are we providing support?
  116. 116. 116 Designer User Perspectives: Short Term Closing the loop Models
  117. 117. 117 Designer User Perspectives: Short Term Closing the loop Models
  118. 118. 118 Designer User Perspectives: Short Term Closing the loop Models
  119. 119. 119 Designer User Perspectives: Short Term Closing the loop Models
  120. 120. 120 Designer User Perspectives: Short Term Closing the loop Models
  121. 121. 121 Designer User Perspectives: Short Term Usability Models Question Answer
  122. 122. 122 Designer User Perspectives: Short Term Usability Models
  123. 123. 123 Designer User Perspectives: Short Term Usability Models Question
  124. 124. 124 Designer User Perspectives: Short Term Usability Models Question Answer
  125. 125. 125 User Designer Perspectives: Long Term End User Programming Models
  126. 126. 126 User Designer Perspectives: Long Term End User Programming Models
  127. 127. 127 Alfonso.Garcia-Frey@imag.fr Thank you!It looks like you got questions. Can I help you?
  128. 128. 128 Contributory Papers 1. GARCÍA FREY, A., CALVARY, G., DUPUY-CHESSA, S., AND MANDRAN, N. Model-based self-explanatory UIs for free, but are they valuable? In Proceedings of the 14th IFIP TC13 Conference on Human-Computer Interaction (INTERACT’13), 2-6 September 2013, Cape Town, South Africa (2013), Springer 2. GARCÍA FREY, A., CALVARY, G., AND DUPUY-CHESSA, S. Users need your models! exploiting design models for explanations. In Proceedings of HCI 2012, Human Computer Interaction, People and Computers XXVI, The 26th BCS HCI Group conference (Birmingham, UK) (2012) 3. GARCÍA FREY, A., CÉRET, E., DUPUY-CHESSA, S., CALVARY, G., AND GABILLON, Y. Usicomp: an extensible model-driven composer. In Proceedings of the 4th ACM SIGCHI symposium on Engineering interactive computing systems (New York, NY, USA, 2012), EICS ’12, ACM, pp. 263–268 4. GARCÍA FREY, A., CÉRET, E., DUPUY-CHESSA, S., AND CALVARY, G. QUIMERA: a quality metamodel to improve design rationale. In Proceedings of the third ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2011) (2011), ACM Press, pp. 265–270 5. GARCÍA FREY, A., CÉRET, E., DUPUY-CHESSA, S., AND CALVARY, G. QUIMERA - Toward an unifying quality metamodel. 2011 In Congrès INFORSID’11 (Lille, France, May 2011), 6 pages. (2011) 6. GARCÍA FREY, A., CALVARY , G., AND DUPUY-CHESSA, S. Self-explanatory user interfaces by model-driven engineering. In Proceedings of the CHI’10 Workshop on Model Driven Development of Advanced User Interfaces (MDDAUI’10) (2010), pp. 1–4 7. GARCÍA FREY, A., CALVARY , G., AND DUPUY-CHESSA, S. Xplain: an editor for building self-explanatory user interfaces by model-driven engineering. In Proceedings of the second ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2010) (2010), ACM Press, pp. 41–46 8. GARCÍA FREY , A., CALVARY , G., AND DUPUY-CHESSA , S. Self-explanatory user interfaces by model-driven engineering. In Proceedings of the second ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2010) (2010), ACM Press, pp. 341–344 9. DITTMAR, A., GARCÍA FREY, A., AND DUPUY-CHESSA, S. What can model-based ui design offer to end-user software engineering? In Proceedings of the 4th ACM SIGCHI symposium on Engineering interactive computing systems (New York, NY, USA, 2012), EICS ’12, ACM, pp. 189–194

×