• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines
 

Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines

on

  • 1,501 views

The paper entitled 'Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines' has been presented on November 6th, 2013, during WebMedia 2013.

The paper entitled 'Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines' has been presented on November 6th, 2013, during WebMedia 2013.

Statistics

Views

Total Views
1,501
Views on SlideShare
411
Embed Views
1,090

Actions

Likes
2
Downloads
2
Comments
0

5 Embeds 1,090

http://www.serenoa-fp7.eu 1084
http://translate.googleusercontent.com 2
http://webcache.googleusercontent.com 2
http://www.linkedin.com 1
http://www.serenoa-fp7.eu&_=1393987288416 HTTP 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Specific ui elements: differentiating iconsGlobal vs. local analysisLayout vs. content analysisPrioritize patterns and guidelines by severity and impact, costsList of alternative and coherent designs
  • The authors gratefully acknowledge the support of the FP7 Serenoa project, funded by the European Union through under reference FP7-ICT-258030.

Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines Presentation Transcript

  • Gambit { Enhancing Collaborative Sketching Activities with Context-aware Adaptation Guidelines Vivian Genaro Motti Ugo Sangiorgi Jean Vanderdonckt LILab - Université catholique de Louvain Louvain-la-Neuve - Belgium
  • Motivations  Several contexts of use  Multiple users’ profile  Fragmented device market  Heterogeneous environments
  • [HaptiMap, 2012]
  • Motivations  Users expect   Plastic UIs through a responsive design Stakeholders  Find only partial support for design
  • Existing UI Editors  BALSAMIQ    JUSTINMIND    a platform for defining prototypes for web and mobile applications www.justinmind.com MAQETTA    to quickly sketch interfaces and to communicate design ideas balsamiq.com a WYSIWYG web-based visual authoring of HTML5 user interface maqetta.org SKETCHFLOW   an editor to create interactive prototypes www.microsoft.com/silverlight/sketchflow
  • Context  User profiles vary   Platforms have   age, expertise levels, preferences, and needs screen dimensions, interaction modalities, and capabilities Environments have  brightness, noise, and stability levels
  • Sketching activities  Sketching   Sharing   one or more participants produce sketches to express the ideas participants often share the drawings using a big sheet of paper and post-its. The sheets are arranged as a storyboard on a wall for discussion. Discussing  participants refine the sketches based on what their discussion results
  • Gambit  Web-based tool  Infinite workspace  Collaborative sketching  Virtual meeting room  Cross-device sketching
  • Enhancing Sketching  3-steps methodology  XML description of the target context  UI sketching and recognition  Adaptation guidelines proposal
  • Application scenario  Car rental example  Mobile devices: smartphone, tablet PC  Able-bodied user, elderly user  Non-stable environment: variable light and noise
  • Flow
  • Design Decisions  Alternatives  Target context description: XML-based, ontologies, DDR  UI elements recognition: automatic vs. manual, tagging  Adaptation guidelines and design patterns: repositories, online bases
  • Discussion  Distinguish similar UI elements  Fine grained vs. coarse grained analysis  Semantic vs. syntactic analysis  Prioritize adaptation guidelines  Provide effective solutions for stakeholders
  • Final Remarks  Many tools support UI design   Contexts vary significantly   Few integrate UI guidelines Designers are unaware of which and context information to consider and how to do it By integrating UI guidelines in UI sketching tools, stakeholders can be aware of relevant guidelines, and generate better UI’s
  • Acknowledgments The authors gratefully acknowledge the support of the FP7 Serenoa project, funded by the European Union through under reference FP7-ICT-258030.
  • Q&A @vivianmotti
  • References Balsamiq Mockups: Rapid Wireframing Tool, 2012. www.balsamiq.com. JustInMind: a platform to define web and mobile apps., 2012. http://www.justinmind.com/. Maqetta: Visual Authoring of HTML5 User Interfaces in the browser., 2012. http://dojofoundation.org/projects/maqetta. SketchFlow: Expression Studio Ultimate, 2012. http: //www.microsoft.com/silverlight/sketchflow/. Android Tablet Guidelines,2013.http://developer.android. com/distribute/googleplay/quality/tablet.html. Yahoo! Design Pattern Library, 2013. http://developer.yahoo.com/ypatterns/. Coyette, A., Schimke, S., Vanderdonckt, J., and Vielhauer, C. Trainable sketch recognizer for graphical user interface design. In INTERACT (1) (2007), 124–135. Motti, V. G., and Vanderdonckt, J. A computational Framework for Context-aware Adaptation of User Interfaces. In Proc. of the Research Challenges in Information Sciences Conference - RCIS ’13 (2013), 12. Sangiorgi, U. B., Beuvens, F., and Vanderdonckt, J. User Interface Design by Collaborative Sketching. In Proc. of the Designing Interactive Systems, DIS ’12, ACM Press (Newcastle, U.K., 2012), 378. Sangiorgi, U. B., Motti, V. G., Beuvens, F., andVanderdonckt, J. Assessing Lag Perception in Electronic Sketching. In Nordic Conference on Human-Computer Interaction (Copenhagen, DK, 2012).