• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
D-menus
 

D-menus

on

  • 2,068 views

Considering the Direction of Cursor Movement for Efficient Traversal of Cascading Menus (presented at UIST 2003)

Considering the Direction of Cursor Movement for Efficient Traversal of Cascading Menus (presented at UIST 2003)

Statistics

Views

Total Views
2,068
Views on SlideShare
2,068
Embed Views
0

Actions

Likes
1
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    D-menus D-menus Presentation Transcript

    • Considering the Direction of Cursor Movement for Efficient Traversal of Cascading Menus (TechNote) Masatomo Kobayashi Takeo Igarashi The University of Tokyo
    • Outline
      • Problems to Solve
      • Our Solution
      • Evaluation
      • Conclusion
      Considering the Direction of Cursor Movement ...
    • Problems to Solve
      • Unnecessary submenu appearance
      • Long, long paths
      • Irregular overlapping of menus
      Considering the Direction of Cursor Movement ... (a) (b) (c) 1. Problems to Solve
    • Traditional Cascading Menu Demo Considering the Direction of Cursor Movement ... 1. Problems to Solve
    • Unnecessary Submenu Appearance
      • Submenus pop up unnecessarily during vertical motion.
        • Increasing delay reduces the operating speed.
      Considering the Direction of Cursor Movement ... 1. Problems to Solve
    • Long, long Paths
      • Long/narrow paths reduce the efficiency of mouse operations.
        • Steering law [Accot and Zhai 1997]
      Considering the Direction of Cursor Movement ... 1. Problems to Solve
    • Irregular Overlapping of Menus
      • Menu chains often need to be folded back at the sides of the screen.
      Considering the Direction of Cursor Movement ... 1. Problems to Solve
    • Outline
      • Problems to Solve
      • Our Solution
      • Evaluation
      • Conclusion
      Considering the Direction of Cursor Movement ...
    • Our Solution
      • Considering the Movement Direction
      • Overlapping menus
      Considering the Direction of Cursor Movement ... (a) (b) 2. Our Solution
    • Considering the Movement Direction (1/2) Considering the Direction of Cursor Movement ... Open a submenu / Select an item Close the menu Up the selection Down the selection
      • We use movement direction of the cursor in addition to absolute position.
      2. Our Solution
    • Considering the Movement Direction (2/2)
      • No submenus pop up unnecessarily.
      Considering the Direction of Cursor Movement ... 2. Our Solution
    • Overlapping menus (1/2)
      • Submenus pop up at the position where horizontal motion occurs .
      • This feature causes few movement errors.
      Considering the Direction of Cursor Movement ... The path is not long or narrow. . 2. Our Solution
    • Overlapping menus (2/2)
      • Overlapped menus are ordered by hierarchy.
      Considering the Direction of Cursor Movement ... Level 1 Level 2 Level 3 Level 4 Not irregular overlapping . 2. Our Solution
    • Our Cascading Menu Demo Considering the Direction of Cursor Movement ... 2. Our Solution
      • Problems to Solve
      • Our Solution
      • Evaluation
      • Conclusion
      Outline Considering the Direction of Cursor Movement ...
    • Evaluation
      • 10 participants × 36 trials × 2 menus
      • 360 trials of menu-selection for each menu
      • 2-5 hierarchical levels of target items
      Considering the Direction of Cursor Movement ... i) Traditional menu ii) Our direction-based menu Instruction on the target item 3. Evaluation
    • Menus Used in the Experiment Demo Considering the Direction of Cursor Movement ... 3. Evaluation
    • Result (1/2) Considering the Direction of Cursor Movement ... Selection time Movement path length Unexpected submenu appearance (sec) (kilopixels) Traditional Proposed (per trial) 3. Evaluation
    • Result (2/2)
      • Users’ preference
      Considering the Direction of Cursor Movement ... 3. Evaluation Traditional Proposed Others
      • Problems to Solve
      • Our Solution
      • Evaluation
      • Conclusion
      Outline Considering the Direction of Cursor Movement ...
    • Discussion (1/2)
      • Our techniques can be applied to menu systems that have a traditional appearance.
        • Easy to implement on existing systems.
        • Easy to use for existing users.
        • Easy to use with existing devices.
      Considering the Direction of Cursor Movement ... 4. Conclusion
    • Discussion (2/2)
      • The proposed system reduced:
        • Unexpected submenu appearance
        • Selection time
        • Movement path length
      • Our techniques are effective at least when the user knows which menu contains the target item.
      Considering the Direction of Cursor Movement ... 4. Conclusion
    • Limitations
      • Our techniques might not be effective when the user doesn’t know where the target is.
      Considering the Direction of Cursor Movement ... “ Unnecessary submenu appearance” is preferable for browsing menus and searching unknown items. 4. Conclusion
    • Conclusion
      • We proposed a direction-based cascading menu.
      • Evaluation showed that our techniques could improve the performance of menu traversal.
      Considering the Direction of Cursor Movement ... We think various GUI widgets can be improved with a little refinement... 4. Conclusion
    • Thank you
    •  
    • Menu Traversal of Traditional Systems
      • Vertical motion  Changes the selection
      • Wait  Opens a submenu
      • Horizontal motion  Traverses menus
      Considering the Direction of Cursor Movement ... 0. Appendix
    • Menu Traversal of Our System
      • Users can use our system like traditional systems.
      Considering the Direction of Cursor Movement ... 0. Appendix
    • Unnecessary Submenu Appearance
      • Increasing the delay reduces the speed of the operation.
      Considering the Direction of Cursor Movement ... 0. Appendix
    • Long and Narrow Paths
      • Steering law [Accot and Zhai 1997]
      • Movement errors
      Considering the Direction of Cursor Movement ... 0. Appendix
    • Irregular Overlapping of Menus
      • When there is not enough space to the right of the menu.
      Considering the Direction of Cursor Movement ... 0. Appendix
    • vs. Circular/Marking Menus
      • The hierarchical structure of the menus is visually clear.
      Considering the Direction of Cursor Movement ... 0. Appendix
    • Offsets between Submenus and Parent Menus
      • The hierarchical structure of the menus is visually clear.
      Considering the Direction of Cursor Movement ... 0. Appendix
    • The Hierarchical Structure of the Menus
      • e.g. In a lecture...
        • If the structure is invisible, it is difficult for students to follow teacher’s operation.
      Considering the Direction of Cursor Movement ... 0. Appendix
    • Location Adjustment of Submenus
      • If there is not enough space below or to the right of the menu...
      Considering the Direction of Cursor Movement ... Bottom Right Side 0. Appendix
    • Significance of the Results
      • Unexpected submenu appearance
        • 10/10 improved p < .005
      • Selection time
        • 9/10 improved p < .005
      • Movement path length
        • 10/10 improved p < .005
      Considering the Direction of Cursor Movement ... (We used the Wilcoxon signed-ranks test) 0. Appendix