enhancing sketching

19
Enhancing Collaborative Sketching with Adaptation Guidelines London – England, 24/06/2013 Vivian Motti Ugo Sangiorgi, Jean Vanderdonckt Louvain Interaction Laboratory Université catholique de Louvain [email protected]

Upload: vivian-motti

Post on 20-Dec-2014

507 views

Category:

Technology


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Enhancing sketching

Enhancing Collaborative Sketching with Adaptation

Guidelines

London – England, 24/06/2013

Vivian MottiUgo Sangiorgi, Jean Vanderdonckt

Louvain Interaction LaboratoryUniversité catholique de Louvain

[email protected]

Page 2: Enhancing sketching

Goals

• Propose an approach for augmenting the sketching activities with– Context-awareness– Adaptation

• Aiding stakeholders by means of – Guidelines– Patterns

22

Page 3: Enhancing sketching

3

Heterogeneous contexts of use

Page 4: Enhancing sketching

Motivations

• Challenge for stakeholders– Identify what is the relevant context information– and how to appropriately handle it

• One-size-does-not-fit-all– Accessibility issues may rise– Preventing or hindering the interaction

• Guidelines and Patterns– Provide support

44

Page 5: Enhancing sketching

Editors

• Balsamiq• JustInMind• Maqetta• SketchFlow

• Drawbacks– Only sketching, or designing, or modeling– No context-awareness (or specific one)– No support to guidelines and patterns

55

Page 6: Enhancing sketching

Balsamiq

66

Page 7: Enhancing sketching

JustInMind

77

Page 8: Enhancing sketching

Maqetta

88

Page 9: Enhancing sketching

SketchFlow

99

Page 10: Enhancing sketching

Main Shortcomings

• Existing editors do not provide support to– Cross-platform design– Context-awareness– Adaptation– Collaboration

1010

Page 11: Enhancing sketching

Gambit

• Collaborative tool for collaborative sketching– Since early development stages– Running on different devices– Supports

• Sketching• Sharing• Discussing

1111

Page 12: Enhancing sketching

Gambit Extension

• Multi-dimensional Context-awareness

• Multi-platform– Cross device applications

• Multi-user– Different profiles

• Multi-environment– Various constraints and characteristics

1212

Page 13: Enhancing sketching

Architecture

1313

Page 14: Enhancing sketching

Guidelines

• Covering different UI components

– Navigation: adapting the hierarchy and arrangement of the tasks

– Presentation: targeting the layout and the graphical aspects of the UI

– Contents: focusing on specific components of the UI’s

1414

Page 15: Enhancing sketching

Steps• Context: users provide the target context of use

• UI Sketching: users define the UI layout

• Pattern Recognition: the system recognizes UI elements

• Guidelines Suggestions: based on the recognized element the system provides guidelines that match context and UI element

• User Feedback: the user gives feedback about the system suggestion– accepting, rejecting, evaluating

1515

Page 16: Enhancing sketching

Scenario• Elderly users

• Task– Search for a movie– Selecting categories– Visualizing results

• Scroll bar recognition– Appropriate guidelines suggested

1616

Page 17: Enhancing sketching

Scenario

1717

Page 18: Enhancing sketching

Final Remarks

1818

• Editors already support UI design– But excluding UI guidelines and design patterns

• Challenging for stakeholders– To consider heterogeneous contexts of use– To properly consider context information

• Sketching can be enhanced– When appropriate guidelines are suggested

Page 19: Enhancing sketching

For more information and downloading,http://www.lilab.be

User Interface eXtensible Markup Languagehttp://www.usixml.org

Thank you very much!

FP7 Serenoa projecthttp://www.serenoa-fp7.eu