27
© UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface Representations Simultaneously Alexandre Demeure, Gaëlle Calvary, Joëlle Coutaz, Jean Vanderdonckt University of Grenoble, France QuickTime™ et un décompresseur TIFF (non compressé) sont requis pour visionner cette im

© UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

Embed Size (px)

DESCRIPTION

© UJF, CADUI 2006, June 6, Bucharest, Romania The problem Plasticity of UIs Ability of a UI to adapt to its context of use while preserving usability –Context of use:

Citation preview

Page 1: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets InspectorManipulating Multiple User Interface Representations

Simultaneously

Alexandre Demeure, Gaëlle Calvary, Joëlle Coutaz, Jean Vanderdonckt

University of Grenoble, FranceQuickTime™ et un

décompresseur TIFF (non compressé)sont requis pour visionner cette image.

Page 2: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Plasticity of UIs

Ability of a UI to adapt to its context of use while preserving usability

Page 3: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Plasticity of UIs

Ability of a UI to adapt to its context of use while preserving usability

– Context of use: < , , >

Page 4: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Plasticity of UIs

Ability of a UI to adapt to its context of use while preserving usability

– Context of use: < , , >

– Adapt: Remolding and/or Redistribution

Page 5: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Plasticity of UIs

Ability of a UI to adapt to its context of use while preserving usability

– Context of use: < , , >

– Adapt: Remolding and/or Redistribution

Page 6: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Plasticity of UIs

Ability of a UI to adapt to its context of use while preserving usability

– Context of use: < , , >

– Adapt: Remolding and/or Redistribution

Page 7: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Requirements: tools for designing, executing and evaluating

plastic UIs

Page 8: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The problem• Requirements: tools for designing, executing and evaluating

plastic UIs

Control

LogicalPresentation

LogicalAbstraction

PhysicalPresentations

PhysicalAbstractions

Comet: Interactor for plasticity

Page 9: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets• Requirements: tools for designing, executing and evaluating

plastic UIs

Control

Context of useUser’s task, domain conceptsUsability …

Comet

Page 10: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets• Requirements: tools for designing, executing and evaluating

plastic UIs

Control

Context of useUser’s task, domain conceptsUsability …

Comet

Page 11: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets• Requirements: tools for designing, executing and evaluating

plastic UIs

Control

Context of useUser’s task, domain conceptsUsability …

Comet

Page 12: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets• Requirements: tools for designing, executing and evaluating

plastic UIs

Control

LogicalPresentation

PhysicalPresentations

Comet

Page 13: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets• Requirements: tools for designing, executing and evaluating

plastic UIs

Control

LogicalPresentation

LogicalAbstraction

PhysicalPresentations

PhysicalAbstractions

Comet

Page 14: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets• Demonstration on a Home Heating Control System (HHCS)

– Polymorphism of comets– Two kinds of comets: tasks and tasks operators– Inspector for observing and manipulating the comets

• Substitute• Add

Page 15: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets Inspector

Internal representation

Page 16: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets Inspector

Conceptual representation

Internal representation

Page 17: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets Inspector

Conceptual representation

OperationsInternal

representation

Page 18: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets Inspector

Internal representation

Conceptual representation

Operations

External representation

Page 19: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets Inspector

Conceptualrepresentation

Externalrepresentation

Internalrepresentation

End-user

Designer

Developer

Page 20: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

The Comets Inspector• Five principles

1. All representations are available simultaneously2. All representations are manipulable at run-time3. All representations are coordinated in a consistent way4. Each representation is manipulable via a dedicated ‘mini-UI’5. Each ‘mini-UI’ is autonomous

• … that had never been satisfied simultaneously in the past

Page 21: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

Perspectives• Conceptual representation

– Net of models: FUI, CUI, AUI, Tasks & Concepts

– Each model/mapping is observable and manipulable• E.g. Substitute, add, remove a task

– Actually: FUI and CUI

– Demonstration

I am supporting the task « Select a month »

Page 22: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

Perspectives• Mini-UIs … for whom?

– Actually: Designer & Developer• Rapid prototyping tool• Toolkit of comets

– In the future: End-user• Customize the UIs and/or their adaptation• End-User programming

Page 23: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

In summary

QuickTime™ et undécompresseur TIFF (non compressé)

sont requis pour visionner cette image.

Plasticity

Page 24: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

In summary

QuickTime™ et undécompresseur TIFF (non compressé)

sont requis pour visionner cette image.

Plasticity

Design time

Page 25: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

In summary

QuickTime™ et undécompresseur TIFF (non compressé)

sont requis pour visionner cette image.

PlasticityMDE for HCI

Design timeRun time

Page 26: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

In summary

PlasticityMDE for HCI

ModelsMetamodels

TransformationsQuickTime™ et un

décompresseur TIFF (non compressé)sont requis pour visionner cette image.

Page 27: © UJF, CADUI 2006, June 6, Bucharest, Romania The Comets Inspector Manipulating Multiple User Interface…

© UJF, CADUI 2006, June 6, Bucharest, Romania

In summary

PlasticityMDE for HCI

ModelsMetamodels

TransformationsQuickTime™ et un

décompresseur TIFF (non compressé)sont requis pour visionner cette image.

DesignExecutionEvaluation