280 likes | 448 Views
ZoneZoom Map Navigation for Smartphones with Recursive View Segmentation. Daniel C. Robbins Edward Cutrell, Raman Sarin, Eric Horvitz Microsoft Research. What is this?. Data navigation for keypad devices Multiple kinds of data Maps, calendar, etc Not for touch-screens
E N D
ZoneZoomMap Navigation for Smartphones with Recursive View Segmentation Daniel C. Robbins Edward Cutrell, Raman Sarin, Eric Horvitz Microsoft Research ZoneZoom: AVI 2004
What is this? Data navigation for keypad devices • Multiple kinds of data • Maps, calendar, etc • Not for touch-screens • Specific applications • Traffic map navigation for Smartphones ZoneZoom: AVI 2004
Goals • “Instant and understandable” navigation • Respect user’s divided attention • One-handed operation • Comparison (glancing) • Adaptable to different dataset types ZoneZoom: AVI 2004
Smartphone Pros/Cons • Too much info for small screen • No touch screen / no stylus • Physically small screen • Users familiarity with keypad • Ubiquitous / always at hand ZoneZoom: AVI 2004
Related Work • Baudisch, et al. Halo: A Technique for Visualizing Off-Screen Locations, CHI ’03 • Bederson, et al. DateLens: A Fisheye Calendar Interface for PDAs, Transactions on Computer-Human Interaction • Buyukkokten, et al, Power Browser: Efficient Web Browsing for PDAs. CHI 2000. • Chen, et al, Web Page Structure for Adaptive Viewing on Small Form Factor Devices. WWW2003 • Trevor, et al, From Desktop to Phonetop: A UI for Web Interaction on Very Small Devices. UIST '01 ZoneZoom: AVI 2004
Existing Methods • Segmentation isn’t spatial • Peripheral cues too expensive • Overview cues too expensive • Requires pointing device ZoneZoom: AVI 2004
Description Combined panning and zooming in a “quantized” information space ZoneZoom: AVI 2004
Interaction Overview • Application determines segmentation • User navigates among segments …while indicating context ZoneZoom: AVI 2004
Demonstration:Flash Prototype • ZoneZoom Map Video ZoneZoom: AVI 2004
Recursive View Segmentation 6 5 * # 1 2 3 4 5 7 8 9 * 0 # ZoneZoom: AVI 2004
Parabolic Paths NOTE: All interactions are interruptible ZoneZoom: AVI 2004
Graphical Cues • Reinforcement! • Border shading • Disambiguate relationship to parent • Segment numbers • Zoomed-In & Zoomed-Out • Schematic overview • Location relative to parent view ZoneZoom: AVI 2004
Implementation ZoneZoom: AVI 2004
ZoneZoom Prototype • Macromedia Flash • Rapid prototyping / quick iterations • Rich cues • Fast animation • Keyboard, mouse, or keypad interaction • Web page hostable ZoneZoom: AVI 2004
Ongoing & Future Work ZoneZoom: AVI 2004
Our Plans • Content-based view segmentation • Better context cues: “Where am I?” • Locations near segment borders • Semantic Zooming • Best of breed application: Calendar • View segmentation based on current mode • Views authored / optimized for zoom levels • Remote controls apps viewed on TV ZoneZoom: AVI 2004
Segmentation Methods • Based on: • Underlying static content • Underlying dynamic content • Usage (“breadcrumbs”) Regular Content Aware ZoneZoom: AVI 2004
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”? ZoneZoom: AVI 2004
Sibling View Traversal 6 * 4 6 # 1 2 3 4 5 7 8 9 * 0 # ZoneZoom: AVI 2004
ZoneZoom Platform • Built on top of SmartPhlow • Runs on Smartphone: mobile testing • Future apps represented via bitmaps • Segments move w/ incremental nav. ZoneZoom: AVI 2004
ZoneZoom Platform Demo Web Video Photos Video Map Video ZoneZoom: AVI 2004
SmartPhlow Traffic App. • Two levels of zoom (out and in) • Multiple optimized maps • Microsoft SmartPhone 2002 SDK • GPRS MS Server Wash. DOT traffic server • Downloads ~ 250 bytes of data • Large deployment! ZoneZoom: AVI 2004
SmartPhlow Demo ZoneZoom: AVI 2004
More Information dcr@microsoft.com http://research.microsoft.com/adapt/zonezoom/ ZoneZoom: AVI 2004
ZoneZoom Video:Photos ZoneZoom: AVI 2004
ZoneZoom Video:Web ZoneZoom: AVI 2004
ZoneZoom Video:Map ZoneZoom: AVI 2004