Enhancing sketching

766 views

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
766
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Enhancing sketching

  1. 1. Enhancing CollaborativeSketching with AdaptationGuidelinesLondon – England, 24/06/2013Vivian MottiUgo Sangiorgi, Jean VanderdoncktLouvain Interaction LaboratoryUniversité catholique de Louvainvivian.genaromotti@uclouvain.be
  2. 2. Goals• Propose an approach for augmenting thesketching activities with– Context-awareness– Adaptation• Aiding stakeholders by means of– Guidelines– Patterns22
  3. 3. 3Heterogeneous contexts of use
  4. 4. 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 support44
  5. 5. Editors• Balsamiq• JustInMind• Maqetta• SketchFlow• Drawbacks– Only sketching, or designing, or modeling– No context-awareness (or specific one)– No support to guidelines and patterns55
  6. 6. Balsamiq66
  7. 7. JustInMind77
  8. 8. Maqetta88
  9. 9. SketchFlow99
  10. 10. Main Shortcomings• Existing editors do not provide support to– Cross-platform design– Context-awareness– Adaptation– Collaboration1010
  11. 11. Gambit• Collaborative tool for collaborative sketching– Since early development stages– Running on different devices– Supports• Sketching• Sharing• Discussing1111
  12. 12. Gambit Extension• Multi-dimensional Context-awareness• Multi-platform– Cross device applications• Multi-user– Different profiles• Multi-environment– Various constraints and characteristics1212
  13. 13. Architecture1313
  14. 14. Guidelines• Covering different UI components– Navigation: adapting the hierarchy andarrangement of the tasks– Presentation: targeting the layout and thegraphical aspects of the UI– Contents: focusing on specific components of theUI’s1414
  15. 15. Steps• Context: users provide the target context of use• UI Sketching: users define the UI layout• Pattern Recognition: the system recognizes UIelements• Guidelines Suggestions: based on the recognizedelement the system provides guidelines that matchcontext and UI element• User Feedback: the user gives feedback about thesystem suggestion– accepting, rejecting, evaluating1515
  16. 16. Scenario• Elderly users• Task– Search for a movie– Selecting categories– Visualizing results• Scroll bar recognition– Appropriate guidelines suggested1616
  17. 17. Scenario1717
  18. 18. Final Remarks1818• 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
  19. 19. For more information and downloading,http://www.lilab.beUser Interface eXtensible Markup Languagehttp://www.usixml.orgThank you very much!FP7 Serenoa projecthttp://www.serenoa-fp7.eu

×