1 / 24

Zone-based User Interfaces

Zone-based User Interfaces. Daniel C. Robbins UI Designer VIBE (MSR) Microsoft Corporation. Motivation Data navigation for keypad enabled devices. Multiple kinds of data Specific scenarios Map navigation Photo-browsing Calendaring App / task switching. User Interface Goals.

duscha
Télécharger la présentation

Zone-based User Interfaces

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. Zone-based User Interfaces Daniel C. Robbins UI Designer VIBE (MSR) Microsoft Corporation

  2. MotivationData navigation for keypad enabled devices • Multiple kinds of data • Specific scenarios • Map navigation • Photo-browsing • Calendaring • App / task switching

  3. User Interface Goals • Scales from PhonetoTV to Desktop • Glanceable • One-handed operation: “eyes-free”? • Use spatial memory • Efficiently use screen real-estate • Maintain single area of visual focus • Animated transitions

  4. 1 2 3 4 5 7 8 9 * 0 # 6 “Jump to the Chase” • Keypad is “Least Common Denominator” • Segment data according to keypad • User recursively navigates among segments

  5. Why Use Keypad? • Always available: Ubiquitous • Least-common denominator • Low-acquisition cost • Doesn’t obscure content (vs finger/cursor)

  6. Existing Methods vs. • Segmentation isn’t spatial • Context cues too expensive • Can’t use fisheye • Can’t use overview map • Can’t use gutter regions • Require pointing /stylus device

  7. ZoneZoom Prototype Daniel C. RobbinsUI Designer VIBE / MSR

  8. What You Just SawInteraction Summary • D-Pad allows arbitrary movement • Transitions are animated to show context • Tap = go to sub-zone • Press ‘n Hold = glance at sub-zone

  9. 4 8 Glanceability • Maintain context via spring-loaded nav. • Quickly compare locations • Tap vs. Press and Hold 8 4 Press ‘n Hold Sibling to sibling Press ‘n Hold Zoom In

  10. “Eyes-free” • Easily navigate to common locations • Take advantage of spatial memory • Navigating before phone is out of pocket • UI navigation without looking at input device • Comparing map locations • Learnable mappings

  11. Parabolic Paths NOTE: All interactions are interruptible

  12. Graphical Cues • Reinforcement! • Border shading • Disambiguate relationship to parent • Segment numbers • More salient when zoomed-out • Subtle when zoomed-In • Schematic overview • Location relative to parent view • NOT to root

  13. ZoneZoom Platform

  14. SmartPhlow Seattle Area Traffic Conditions ASI Group / Microsoft Research

  15. SmartPhlow

  16. SmartPhlow Traffic Application • Two levels of zoom (out and in) • Multiple optimized maps • Microsoft SmartPhone 2002 SDK • GPRS  MS Server  WashDOT server • Downloads ~ 250 bytes of data • Bayes-net back end for trending • Easily compare hotspots • Large deployment!

  17. Ongoing & Future Work

  18. Our Plans • Adaptive view segmentation • Better context cues: “Where am I?” • Locations near segment borders • Semantic Zooming • Best of breed application: Search • Use zones to traverse taxonomy • Remote controls  apps viewed on TV • 10’ experience rather than 4”

  19. Segmentation Methods Regular • Static content • Dynamic content Content Aware

  20. Transition Styles Super Fast 2D Medium Fast 2D Segmented 3D Combined 3D NOTE: Maps on Smartphones are bounded Q: what to do with region “beyond”?

  21. Future Platform • CF 2.0 for Windows Mobile 5 (Magneto) • Piccolo.net? • D3D Mobile? • Waiting for the hardware…

  22. More Information dcr@microsoft.com http://research.microsoft.com/vibe/zonezoom

  23. © 2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

More Related