Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
Zone-based User Interfaces PowerPoint Presentation
Download Presentation
Zone-based User Interfaces

Zone-based User Interfaces

185 Vues Download Presentation
Télécharger la présentation

Zone-based User Interfaces

- - - - - - - - - - - - - - - - - - - - - - - - - - - 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.