1 / 21

Innovative Approaches to Occlusion Problem: New Selection Techniques

This presentation explores creative methods to address the occlusion problem in user interface design. Key strategies include the Rectangle Lasso, Color In, Target Enlarging, Cross Charge, and Dynamic Queue. Each technique is scrutinized based on its benefits and drawbacks, focusing on user interactions and selection efficiency. The session highlights user testing outcomes, early sketches, and prototypes, emphasizing how intuitive designs can enhance user experience while navigating complex objects. Future directions for research and development in this area are also suggested.

decker
Télécharger la présentation

Innovative Approaches to Occlusion Problem: New Selection Techniques

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 498 Final Presentation Taking a “stab” at the occlusion problem Philip Phung, Colin Booth, Chris Claiborne, Mark Vitazko

  2. Initial Sketches & Brainstorming

  3. Rectangle Lasso • Directions: • Draw a rectangle around the target with the cursor to select it. • Benefits: • Can target multiple objects by drawing around the desired objects.. • Can’t trigger selection by any other type of movement • Drawbacks: • No drag state

  4. Color In • Directions: • Move the cursor on the target and “color in” the target to select it. • Benefits: • Can target multiple objects by drawing around the desired objects.. • Can’t trigger selection by any other type of movement • Drawbacks: • Line will always be visible and obtrude the user

  5. Enlarge Target • Directions: • Move closer to the target to enlarge it. Hover over to select it. • Benefits: • Faster for user to reach target • Enlarges the target for selection ease • Drawbacks: • Anything can be selected when cursor passes through objects • Multiple objects can be enlarged which can get in the way of accessing other objects • Doesn’t work well for menu items

  6. Cross Charge • Directions: • Target an icon and leave the cursor on top until the bar is filled • Benefits: • Allows free movement • Charge acts as an activator • Drawbacks: • Must wait for the bar to fill

  7. Dynamic Queue

  8. Sticky Boundaries

  9. a

  10. Moves around ‘collecting’ buttons Buttons return at certain distance from origin

  11. Pro Fairly intuitive Same desktop look Con Not super safe ‘more’ could be confusing Icons enlarge Move behind cursor Menu appears in front Move backwards to select

  12. 2 Flipbooks

  13. Cross Charge (open)

  14. Cross Charge (cancel)

  15. Cross Charge (scrollbar)

  16. Stabbing (open)

  17. Stabbing (cancel)

  18. Stabbing (delete)

  19. The Interactive Prototype

  20. User Testing and Evaluation

  21. Questions & Comments Early sketches, Flipbooks, the Prototype, User Testing, Future work

More Related