Stickyline Teaching App

Validation level: 1. Custom-made

Stickyline teaching app is a web-based app that helps interaction designers, researchers and students understand the underlying Generative Theory of Interaction, with Stickyline as an example.

Mouse Alignment

Publications

Copy Bibtex Ciolfi Felice, M.; Maudet, N.; Mackay, W. E. and Beaudouin-Lafon, M. Beyond Snapping: Persistent, Tweakable Alignment and Distribution with StickyLines. In Proceedings of the 29th Annual Symposium on User Interface Software and Technology, pages 133–144, Association for Computing Machinery, New York, NY, USA, UIST '16 , 2016.

@inproceedings{10.1145/2984511.2984577,
author = {Ciolfi Felice, Marianela and Maudet, Nolwenn and Mackay, Wendy E. and Beaudouin-Lafon, Michel},
title = {Beyond Snapping: Persistent, Tweakable Alignment and Distribution with StickyLines},
year = {2016},
isbn = {9781450341899},
publisher = {Association for Computing Machinery},
address = {New York, NY, USA},
url = {https://doi.org/10.1145/2984511.2984577},
doi = {10.1145/2984511.2984577},
abstract = {Aligning and distributing graphical objects is a common, but cumbersome task. In a preliminary study (six graphic designers, six non-designers), we identified three key problems with current tools: lack of persistence, unpredictability of results, and inability to 'tweak' the layout. We created StickyLines, a tool that treats guidelines as first-class objects: Users can create precise, predictable and persistent interactive alignment and distribution relationships, and 'tweaked' positions can be maintained for subsequent interactions. We ran a [2x2] within-participant experiment to compare StickyLines with standard commands, with two levels of layout difficulty. StickyLines performed 40% faster and required 49% fewer actions than traditional alignment and distribution commands for complex layouts. In study three, six professional designers quickly adopted StickyLines and identified novel uses, including creating complex compound guidelines and using them for both spatial and semantic grouping.},
booktitle = {Proceedings of the 29th Annual Symposium on User Interface Software and Technology},
pages = {133–144},
numpages = {12},
keywords = {appropriation, graphical authoring, magnetic guidelines, alignment, tweaking, distribution, snapping},
location = {Tokyo, Japan},
series = {UIST '16}
}

Also featured in

Storyboard of Functions

This is the instrumental table

This is the co-adaptation table.

Try it out

Highlights:

This is a guided app.

Limitations:

Some of the functions are not yet finished.