© 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.

© 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

© 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: < , , >

© 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

© 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

© 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

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

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

plastic UIs

© 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

© 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

© 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

© 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

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

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

plastic UIs

Control

LogicalPresentation

PhysicalPresentations

Comet

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

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

plastic UIs

Control

LogicalPresentation

LogicalAbstraction

PhysicalPresentations

PhysicalAbstractions

Comet

© 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

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

The Comets Inspector

Internal representation

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

The Comets Inspector

Conceptual representation

Internal representation

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

The Comets Inspector

Conceptual representation

OperationsInternal

representation

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

The Comets Inspector

Internal representation

Conceptual representation

Operations

External representation

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

The Comets Inspector

Conceptualrepresentation

Externalrepresentation

Internalrepresentation

End-user

Designer

Developer

© 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

© 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 »

© 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

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

In summary

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

sont requis pour visionner cette image.

Plasticity

© 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

© 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

© 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.

© 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