zone and polygon menus:

102
Zone and Polygon Menus: Shengdong Zhao Maneesh Agrawala Ken Hinckley Using Relative Position to Increase the Breadth of Multi-Stroke Marking Menus

Upload: naomi-ramirez

Post on 31-Dec-2015

40 views

Category:

Documents


0 download

DESCRIPTION

Zone and Polygon Menus:. Shengdong Zhao Maneesh Agrawala Ken Hinckley. Using Relative Position to Increase the Breadth of Multi-Stroke Marking Menus. Marking Menus. Compound-stroke Marking Menus [Kurtenbach and Buxton, 1993]. Compound-stroke Marking Menus. Novice Mode. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Zone and Polygon Menus:

Zone and Polygon Menus:

Shengdong Zhao

Maneesh Agrawala

Ken Hinckley

Using Relative Position to Increase the Breadth of Multi-Stroke Marking Menus

Page 2: Zone and Polygon Menus:

Marking MenusCompound-stroke Marking Menus[Kurtenbach and Buxton, 1993]

Page 3: Zone and Polygon Menus:

Compound-stroke Marking Menus

Novice Mode

Page 4: Zone and Polygon Menus:

Compound-stroke Marking Menus

Novice Mode Expert Mode

Page 5: Zone and Polygon Menus:

Compound-stroke Marking Menus

Novice Mode

Page 6: Zone and Polygon Menus:

Compound-stroke Marking Menus

Novice Mode Expert Mode

Page 7: Zone and Polygon Menus:

Compound-stroke Marking Menus

Advantages [Kurtenbach and Buxton, 1993]

Seamless novice to expert transition

3.5 x faster than linear menus

Scale invariance

=

Page 8: Zone and Polygon Menus:

Compound-stroke Marking Menus

Limitations – Error Rate [Kurtenbach and Buxton, 1993]

Breadth/depth & speed/accuracy trade-off

8

Page 9: Zone and Polygon Menus:

Compound-stroke Marking Menus

Limitations – Error Rate [Kurtenbach and Buxton, 1993]

Breadth/depth/speed/accuracy trade-off

8 8x8

Page 10: Zone and Polygon Menus:

Marking MenusCompound-stroke Marking Menus[Kurtenbach and Buxton, 1993]

Multi-stroke Marking Menus [Zhao and Balakrishnan, 2004]

Page 11: Zone and Polygon Menus:

Multi-stroke Marking Menu

Novice Mode

Page 12: Zone and Polygon Menus:

Multi-stroke Marking Menu

Novice Mode Expert Mode

Page 13: Zone and Polygon Menus:

Multi-stroke Marking Menu

Novice Mode

Page 14: Zone and Polygon Menus:

Novice Mode Expert Mode

Multi-stroke Marking Menu

Page 15: Zone and Polygon Menus:

Multi-stroke Marking Menus

Advantages [Zhao and Balakrishnan, 2004]

Faster, more accurate

Space efficient

Increase hierarchy depth

8x8x8

Page 16: Zone and Polygon Menus:

Multi-stroke Marking Menus

Limitations

Breadth limit remains

8

Page 17: Zone and Polygon Menus:

Observations – Word Menu

File: 15 Submenu Items

Page 18: Zone and Polygon Menus:

Observations – Word Menu

Tools: 17 Submenu Items

Page 19: Zone and Polygon Menus:

Observations – Word Menu

Average breadth: 13.7 itemsMinimum breadth: Window (4 items)Maximum breadth: Tools (17 items)

Page 20: Zone and Polygon Menus:

Limitations - Breadth

Page 21: Zone and Polygon Menus:

Limitations - Breadth

Group 2

Grp 1

Grp 2

Grp 3

Grp 4Grp 6

Grp 5

Grp 7

Grp 8

Save

Save As

Save

Novice Expert

Level-1 Level-2

Page 22: Zone and Polygon Menus:

Geometric Design Space

orientationlength

position

origin

Page 23: Zone and Polygon Menus:

Geometric Design Space

orientationlength

position

origin

Page 24: Zone and Polygon Menus:

Geometric Design Space

orientation

position

origin

Page 25: Zone and Polygon Menus:

Geometric Design Space

orientation

position

origin

Compound-stroke Marking MenusMulti-stroke Marking Menus

Page 26: Zone and Polygon Menus:

Geometric Design Space

orientation

position

origin

Compound-stroke Marking MenusMulti-stroke Marking Menus

Page 27: Zone and Polygon Menus:

Geometric Design Space

orientation

position

origin

Compound-stroke Marking MenusMulti-stroke Marking Menus

Orientation-based Marking Menus

Page 28: Zone and Polygon Menus:

Geometric Design Space

orientation

position

origin

Page 29: Zone and Polygon Menus:

Relative Position

Input Area

Page 30: Zone and Polygon Menus:

Relative location + orientation

Input Area

Scale Independent

Page 31: Zone and Polygon Menus:

Relative location + orientation

Input Area

Scale Independent

Page 32: Zone and Polygon Menus:

Zone Menus

Page 33: Zone and Polygon Menus:

Zone Menus

Page 34: Zone and Polygon Menus:

Zone Menus

Page 35: Zone and Polygon Menus:

Zone Menus

Page 36: Zone and Polygon Menus:

Zone Menus

Page 37: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 38: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 39: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 40: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 41: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 42: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 43: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 44: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 45: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 46: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 47: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 48: Zone and Polygon Menus:

Polygon Menu

Input Area

Orientation-based Polygon

Page 49: Zone and Polygon Menus:

Polygon Menu

Page 50: Zone and Polygon Menus:

Zone vs. Polygon

• Stroke directions

Zone

Page 51: Zone and Polygon Menus:

Zone vs. Polygon

• Strokes directions

PolygonZone

Page 52: Zone and Polygon Menus:

Zone vs. Polygon

• Strokes directions

PolygonZone

Page 53: Zone and Polygon Menus:

Polygon vs. Zone

• Parallel strokes• Zone arrangement

Zone

Page 54: Zone and Polygon Menus:

Polygon vs. Zone

• Parallel strokes• Zone arrangement

PolygonZone

Page 55: Zone and Polygon Menus:

Evaluation

• Breadth > 8

Page 56: Zone and Polygon Menus:

Evaluation

• Breadth > 8• Breadth 12

Orientation12

Zone12

Polygon12

Page 57: Zone and Polygon Menus:

Evaluation

• Breadth > 8• Breadth 12, 12×12

Orientation12×12

Zone12×12

Polygon12×12

Page 58: Zone and Polygon Menus:

Evaluation

• Breadth > 8• Breadth 12, 12×12• Breadth 16

Orientation16

Zone16

Polygon16

Page 59: Zone and Polygon Menus:

Evaluation

• Breadth > 8 • Breadth 12×12• Breadth 16

Orientation16

Zone16

Polygon16

Page 60: Zone and Polygon Menus:

Evaluation

• Breadth > 8 • Breadth 12, 12×12 • Breadth 16 (4×4)

Orientation4×4

Zone16

Polygon16

Page 61: Zone and Polygon Menus:

Evaluation

• Breadth > 8 • Breadth 12, 12×12 • Breadth 16 (4×4), 16×16

Orientation16×16

Zone16×16

Polygon16×16

Page 62: Zone and Polygon Menus:

Evaluation

• Breadth > 8 • Breadth 12, 12×12 • Breadth 16 (4×4), 16×16

Orientation16×16

Zone16×16

Polygon16×16

Page 63: Zone and Polygon Menus:

Evaluation

• Breadth > 8• Breadth 12, 12×12 • Breadth 16 (4×4), 16×16 (8×8×4)

Orientation8×8×4

Zone16×16

Polygon16×16

Page 64: Zone and Polygon Menus:

Experiment Setup

Page 65: Zone and Polygon Menus:

Experiment 1 Video Clip

Page 66: Zone and Polygon Menus:

Dependent Variables

Start Stimulus

Page 67: Zone and Polygon Menus:

Dependent Variables

Start Stimulus

Start Drawing

Page 68: Zone and Polygon Menus:

Dependent Variables

Start Stimulus

Start Drawing

Reaction Time

Page 69: Zone and Polygon Menus:

Dependent Variables

Start Stimulus

Start Drawing

End Drawing

Reaction Time

Execution Time

Page 70: Zone and Polygon Menus:

Dependent Variables

Start Stimulus

Start Drawing

End Drawing

Reaction Time

Execution Time

Total Time +

Page 71: Zone and Polygon Menus:

Dependent Variables

Start Stimulus

Start Drawing

End Drawing

Reaction Time

Execution Time

Total Time +

Accuracy

Page 72: Zone and Polygon Menus:

Result – 12, 144 Items

Orientation Zone Polygon

12

12×12

Page 73: Zone and Polygon Menus:

Accuracy – 12, 144 Items

Page 74: Zone and Polygon Menus:

Accuracy – 12, 144 Items

Technique (F2,16=15.71, p<.01). (87.1%)

Page 75: Zone and Polygon Menus:

Accuracy – 12, 144 Items

Technique (F2,16=15.71, p<.01). (87.1%)

(97.7%)

(98.2%)

Page 76: Zone and Polygon Menus:

Accuracy – 12, 144 Items

Technique (F2,16=15.71, p<.01). (87.1%)

(97.7%)

(98.2%)

Technique x Depth Interaction(F2,16=15.71, p<.01).

Page 77: Zone and Polygon Menus:

Accuracy – 12, 144 Items

Technique (F2,16=15.71, p<.01). (87.1%)

(97.7%)

(98.2%)

Technique x Depth Interaction(F2,16=15.71, p<.01).

Page 78: Zone and Polygon Menus:

Time – 12, 144 Items

Reaction

Page 79: Zone and Polygon Menus:

Time – 12, 144 Items

Reaction Execution

Page 80: Zone and Polygon Menus:

Execution Time

Orientation12

Zone & Polygon12

is faster than

Page 81: Zone and Polygon Menus:

Time – 12, 144 Items

Reaction Execution Total

Page 82: Zone and Polygon Menus:

Result – 16 Items

Orientation Zone Polygon

4×4

8×8×4

16

16×16

Page 83: Zone and Polygon Menus:

Result – 16, 256 Items

Orientation Zone Polygon

4×4

8×8×4

16

16×16

Page 84: Zone and Polygon Menus:

Accuracy – 16, 256 Items

Page 85: Zone and Polygon Menus:

Time – 16, 256 Items

Reaction Execution Total

Page 86: Zone and Polygon Menus:

Time

Orientation4×4

Zone & Polygon16

Orientation8×8×4

Zone & Polygon16×16

is slower than

is slower than

Page 87: Zone and Polygon Menus:

Experiment 2

Input Area

Small Input Area

Page 88: Zone and Polygon Menus:

Experiment 2

origin

Input Area

Small Input Area

Page 89: Zone and Polygon Menus:

Experiment 2 Video Clip

Page 90: Zone and Polygon Menus:

Result – Experiment 2

• Zone and Polygon menu has faster execution time (12, 144 items)

Experiment 1 Experiment 2

Page 91: Zone and Polygon Menus:

Result – Experiment 2

• Zone and Polygon menu has faster execution time (12, 144 items)

Experiment 1 Experiment 2

Page 92: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

Page 93: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

• Breadth-depth tradeoff• faster than

Page 94: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

• Breadth-depth tradeoff• faster than • faster than

Page 95: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

• Breadth-depth tradeoff• faster than • faster than

• Zone vs. Polygon• Polygon slightly faster, more accurate

Page 96: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

• Breadth-depth tradeoff• faster than • faster than

• Zone vs. Polygon• Polygon slightly faster, more accurate• Zone scale to 32

Page 97: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

• Breadth-depth tradeoff• faster than • faster than

• Zone vs. Polygon• Polygon slightly faster, more accurate• Zone scale to 32 • Polygon [9-16], Zone [17-32]

Page 98: Zone and Polygon Menus:

Summary

• Exceeding breadth-8• Zone and Polygon Menus

• Breadth-depth tradeoff• faster than • faster than

• Zone vs. Polygon• Polygon slightly faster, more accurate• Zone scale to 32 • Polygon [9-16], Zone [17-32]

• Hybrid Menus

Page 99: Zone and Polygon Menus:

Future Work

• Longitudinal study

Page 100: Zone and Polygon Menus:

Future Work

• Longitudinal study• Support motor impaired users

Small Input Area EdgeWrite[Wobbrock et al. 2003]

Page 101: Zone and Polygon Menus:

Future Work

• Longitudinal study• Support motor impaired users • Explore

• Curvature• Velocity/acceleration• Pen tilt

Page 102: Zone and Polygon Menus:

Acknowledgment

Ed Cutrell, Patrick Baudisch, Mary Czerwinski, Michael McGuffin,Mark Chignell, Anna Malandrino, Alvin Chin, Annie Xu

Thank You! Questions?