Transcript Curvature Dial, demo presented at CHI 2005

Curvature Dial: Eyes free parameter entry for GUIs
mc schraefel, Graham Smith,
Patrick Baudisch
IAM Group, U of Southampton Microsoft Research
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
DEMO
You can download it now
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Curvature Dial
What it is
Motivation
Related work
Radial scroll
Virtual Scroll Ring
Bonus material
Test Suite Comparisons
Live Demo (Audience Participation)
Future Questions
Conclusions
Questions
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Motivation
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Cosθ=A•B / |A||B|
Developed to address
problem of scrolling
on touch-based
devices, like tablets
and wall displays
Hinckley, K., et al.
Quantitative Analysis of Scrolling
Techniques. CHI’02
Motivation
Baudisch, et al DragandPop and Drag-and-Pick Interact
2003
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Related Work
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Radial Scroll
Smooth, variable-speed scrolling in
one dimension for stylus/touch input
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
QuickTime™ and a
MPEG-4 V ideo decompressor
are needed to see this picture.
Evans, Tablet-Based
Valuators That Provide One,
Two, or Three Degrees of
Freedom. Computer Graphics
Taking advantage of the Vernier Effect
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
But Lo! A problem
• Jump, go ahead and...
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
QuickTime™ and a
H.263 decompressor
are needed to see this picture.
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
UIST05: the year of the
dial
• Radial Scroll
(pre Curvature Drag)
• Virtual Scroll Ring
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
When Where and How
The Pilot Studies
Contributions by
Pat, mc
and
Sacha Brostoff, Ray Cooke (Southampton)
Tomer Mocovich (Brown)
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Questions
• How do the techniques compare for stylus
based computing?
• How do they work on distinct platforms?
• How do different distances effect?
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Studies: Zoom and
Scroll
SCROLLING
Compare Dialing techniques
against scroll bars for scrolling:
FACTORS: distance, platform
ZOOMING
Compare Dialing techniques
against stroke (hand tool-like
eyes free stroke):
FACTORS: distance, platform
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Platforms
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
QuickTime™ and a
Animation decompressor
are needed to see this picture.
Test Suite
Compare Dial types
for scrolling/zooming
and
variable distances
QuickTime™ and a
Animation decompressor
are needed to see this picture.
QuickTime™ and a
Animation decompressor
are needed to see this picture.
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Movement Time
(seconds, ± 95%CI)
Study 1: scrolling, smartboard
8.0
7.0
6.0
5.0
4.0
3.0
2.0
1.0
0.0
24 lines
192 lines
Virtual
Scroll bar
Scroll Ring
Curve Dial Speed Dial
Movement Time for scrolling task on
Smartboard
Error Rate
(% targets missed)
14%
12%
10%
24 lines
192 lines
8%
6%
4%
2%
0%
Virtual
Scroll Ring
Scroll Bar
Curve Dial
Speed Dial
Error rates for the Smartboard task
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Study 2: Scrolling/PDA
Long Distance
Time
Lessons Learned:
PDA is a useful space for dialing
- interesting trade-offs on error
performances
Errors
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Study 3: Zooming,
Smartboard Time
Errors
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Study 4: Zooming, PDA Size
Time
Stroking more efficient;
errors about the same;
Virtual Scroll Ring
preferred
Errors
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
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
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip
Questions
(Pat last seen answering questions)
Thank you
(to Ed and Jan
especially!).
Try It: http://www.mytea.ecs.soton.ac.uk/dial/testsuite/scrollDemo.zip