Tags
ahead   lila.io  
Latest Activity
Magic Toolbox
edited a wiki page Navigating between items 60 days ago
Magic Toolbox
edited a wiki page Zooming Technologies 60 days ago
Magic Toolbox
edited a wiki page Scrollwheel Zoom 63 days ago
John Myrstad
edited a wiki page Scrollwheel Zoom 76 days ago
John Myrstad
edited a wiki page Zoom to Point 76 days ago
Top Contributors
Ian Gilman
29
Ian Gilman
Kevin Hanes
25
Kevin Hanes
Daniel Gasienica
15
Daniel Gasienica
Henrik Kryger Pallesen
12
Henrik Kryger Pallesen
Peio
10
Peio
John Myrstad
5
John Myrstad
Magic Toolbox
3
Magic Toolbox
adam.hill
2
adam.hill
lukaszuk
2
lukaszuk
kelemen.viktor
1
kelemen.viktor
freddy
1
freddy
SeH
1
SeH
Share
Zoom to Point
Zoom to Point

Problem:

Create a way to zoom in and out that makes sense to users and provides spatial cues as to current and previous location

 

Rationale: 

When zooming, zoom such that the point under the cursor remains stable.  It is hoped that the user will always be aware of the location of that cursor as they move it around the screen.  This is a natural with click-to-zoom, but it's also the best choice for scrollwheel zoom, and many of the top zooming sites are adopting this approach.  There can be some discoverability problems, as it is not always clear how the scene is changing.

 

Variants:

Most implementations simply zoom around the area underneath the mouse.  Google Maps uses bracket indicators to help users discover what area they are zooming around.

 

Known Uses:

Seadragon Ajax utilizes zoom to point.

Lila.io utilizes zoom to point.

OpenZoom utilizes zoom to point.

Zoomorama additionally uses overlay cursor for zoom to point, mostly for mobile devices users. (Patent pending)

MosaicManiac utilizes zoom to point.

Google Maps utilizes zoom to point

KrPano has ability to use zoom to point.


Tutorial:
Explanation of the math (affine transformations) behind Zoom to Point with code examples in ActionScript.
http://gasi.ch/blog/zooming-in-flash-flex/

Discussion



or
Connect with Facebook
Notifications