Enhancing Collaborative Sketching with Adaptation

Guidelines

London – England, 24/06/2013

Vivian MottiUgo Sangiorgi, Jean Vanderdonckt

Louvain Interaction LaboratoryUniversité catholique de Louvain

vivian.genaromotti@uclouvain.be

Goals

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

• Aiding stakeholders by means of – Guidelines– Patterns

22

3

Heterogeneous contexts of use

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

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

Balsamiq

66

JustInMind

77

Maqetta

88

SketchFlow

99

Main Shortcomings

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

1010

Gambit

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

• Sketching• Sharing• Discussing

1111

Gambit Extension

• Multi-dimensional Context-awareness

• Multi-platform– Cross device applications

• Multi-user– Different profiles

• Multi-environment– Various constraints and characteristics

1212

Architecture

1313

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

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

Scenario• Elderly users

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

• Scroll bar recognition– Appropriate guidelines suggested

1616

Scenario

1717

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

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