slide1
Download
Skip this Video
Download Presentation
Zone-based User Interfaces

Loading in 2 Seconds...

play fullscreen
1 / 24

Zone-based User Interfaces - PowerPoint PPT Presentation


  • 166 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Zone-based User Interfaces' - duscha


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
zone based user interfaces

Zone-based User Interfaces

Daniel C. Robbins

UI Designer

VIBE (MSR)

Microsoft Corporation

motivation data navigation for keypad enabled devices
MotivationData navigation for keypad enabled devices
  • Multiple kinds of data
  • Specific scenarios
    • Map navigation
    • Photo-browsing
    • Calendaring
    • App / task switching
user interface goals
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
jump to the chase
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
why use keypad
Why Use Keypad?
  • Always available: Ubiquitous
  • Least-common denominator
  • Low-acquisition cost
  • Doesn’t obscure content (vs finger/cursor)
existing methods
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
zonezoom prototype

ZoneZoom Prototype

Daniel C. RobbinsUI Designer

VIBE / MSR

what you just saw interaction summary
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
glanceability
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

eyes free
“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
parabolic paths
Parabolic Paths

NOTE: All interactions are interruptible

graphical cues
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
smartphlow

SmartPhlow

Seattle Area Traffic Conditions

ASI Group / Microsoft Research

smartphlow traffic application
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!
our plans
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”
segmentation methods
Segmentation Methods

Regular

  • Static content
  • Dynamic content

Content

Aware

transition styles
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”?

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

More Information

[email protected]

http://research.microsoft.com/vibe/zonezoom

slide24
© 2005 Microsoft Corporation. All rights reserved.

This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

ad