Curvature Dial: Eyes free parameter entry for GUIs

Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip

Curvature Dial: Eyes free parameter entry for GUIsmc schraefel, Graham Smith, Patrick BaudischIAM Group, U of Southampton Microsoft Research


DEMOYou can download it now


Curvature Dial

What it isMotivationRelated work

Radial scroll

Virtual Scroll RingBonus material

Test Suite ComparisonsLive Demo (Audience Participation)Future QuestionsConclusionsQuestions


Motivation


Baudisch, et al Dragand-Pop and Drag-and-Pick Interact 2003

Hinckley, K., et al.Quantitative Analysis of Scrolling Techniques. CHI’02

Developed to address problem of scrolling

on touch-based devices, like tablets

and wall displaysCosθ=A•B / |A||B|

Motivation


Related Work


Radial Scroll Smooth, variable-speed scrolling in one dimension for stylus/touch inputSmooth, variable-speed scrolling in one dimension for stylus/touch input


Evans, Tablet-Based Valuators That Provide One, Two, or Three Degrees of Freedom. Computer Graphics

Taking advantage of the Vernier Effect

QuickTime™ and aMPEG-4 Video decompressor

are needed to see this picture.


But Lo! A problem

•Jump, go ahead and...


Curvature Dial: for real value, eyes-free parameter entry - in particular for touch-screen input. - eyes-free extension for techniques like Guimbretiere and Winograd’s FlowMenus

QuickTime™ and aH.263 decompressor



UIST05: the year of the dial

•Radial Scroll (pre Curvature Drag)

•Virtual Scroll Ring


Comparison with Virtual Scroll Ring

Radial/Curvature VSR

Uses curvature around a point; low

processing requirements

Uses distance travelled around circumference

Evaluation: Cockburn and Savage-like, target acquisitions(headers/images)

Evaluation: Hinckley et al. reciprocal

framing

Vernier Effect Inverse

Tested: touch/stylus input on 2 platforms

Tested: desktop VSR against mouse wheel

on laptop


The Pilot Studies

Contributions by Pat, mc and Sacha Brostoff, Ray Cooke (Southampton)Tomer Mocovich (Brown)

When Where and How


Questions

•How do the techniques compare for stylus based computing?

•How do they work on distinct platforms?

•How do different distances effect?


Things NOT looking at

•How to invoke

•How to go in multiple directions

•Want to focus on where and what contexts are most appropriate

•So…series of pilot studies


Studies: Zoom and Scroll

SCROLLINGCompare Dialing techniques against scroll bars for scrolling:FACTORS: distance, platform

ZOOMINGCompare Dialing techniques against stroke (hand tool-like eyes free stroke):FACTORS: distance, platform


Platforms


QuickTime™ and aAnimation decompressor






Test SuiteCompare Dial types for scrolling/zooming

andvariable distances


0.01.02.03.04.05.06.07.08.0

VirtualScroll Ring

Scroll bar Curve Dial Speed Dial

Mov

emen

t Tim

e (s

econ

ds, ±

95%

CI)

24 lines

192 lines

0%

2%

4%

6%

8%

10%

12%

14%

VirtualScroll Ring

Scroll Bar Curve Dial Speed Dial

Err

or

Ra

te

(% t

arg

ets

mis

sed

) 24 lines

192 lines

Movement Time for scrolling task on Smartboard

Error rates for the Smartboard task

Study 1: scrolling, smartboard


Lessons Learned: Study 1

•Scroll bars win on the large screen, but VSR significantly better than other dials

•VSR more learnable: big distances, big circles seem more learnable than the Vernier approach of small circles

•Problem with Vernier approach may be implementation issues


Study 2: Scrolling/PDALong Distance

Lessons Learned:PDA is a useful space for dialing- interesting trade-offs on error

performances

Time

Errors


Study 3: Zooming, Smartboard

Lessons Learned

• Stroking has some interesting properties to explore: competes with VSR

• Great performance, but people prefer VSR

• Observe: short little multiple, rather than long strokes

Time Errors


Study 4: Zooming, PDA Size

Stroking more efficient; errors about the same; Virtual Scroll Ring preferred

Time

Errors


Next Steps from studies

•Curvature Dial against VSR (both non-accelerated) scrolling, four distances: Pick a winner and run with it

•Winner accelerated vs. non-accelerated, again scrolling, four distances: pick a winner and run with it

•Hand tool against accelerated hand tools: pick a winner

•winner hand tool against winner dial

• just scrollbar: four document lengths and three display sizes and four distances: where does it break

•Winner incremental technique vs. scrollbar vs. combined technique, four document lengths and four distances, three display sizes


Conclusions

•Dialing is worth investigating for PDA’s especially•VSR is a strong favorite•Vernier needs to be revisited•Keep Checking: test suite will be updated regularly•Thoughts/ideas welcome


Questions

Thank you(to Ed and Jan

especially!).

(Pat last seen answering questions)

Documents

Curvature Dial: Eyes free parameter entry for GUIs