I’ve noticed some interesting zoom interfaces on product-driven eCommerce sites recently — the web 2.0 of zoom, if you will. Three in particular stand out as being progressive: Nike, Dick’s Sporting Goods and Endless (Amazon’s new handbag/shoe shop).

Endless and Dick’s both use a dual panel design where the user controls the location of zoom (on the item) with a small box on one panel and views the zoomed in part of the product on an adjacent panel. Both cover part of the page with the “zoomed” panel, and Dick’s zoom panel actually slides out from “underneath” the product image (though you won’t be able to see that from my static image below).

(endless left, dick’s right)

In both of these examples, some page content is covered by the zoom portion of the image — not a big problem but not ideal either. On Dick’s site, the animation of the zoom panel sliding out takes a few seconds, again not a major issue (and it does look quite “slick”), but still a waste of a few seconds. (On endless the zoom panel simply appears.)

Although the image quality is stunning in these zoom functions, it seems more difficult to me when a user has to control the image in one panel and look at it in another. The traditional zoom model allows users to simply click and zoom or scroll exactly on the image where they want to view.

Nike seems to have come up with an even better solution, allowing the user to click and zoom where they mean to view, not covering up content, and serving up a large, high-quality image.

This isn’t perfect either — in my review of Nike’s site I wrote: “The zoom feature can be a bit strange at first, as the product description and selection fields appear over top of the enlarged product. I think that this will become less befuddling after repeated use, but I was thrown the first time I saw it.” That said, I still think that Nike has come up with the best solution because it shows a stunningly high-quality image without forcing users to learn new behaviors or focus on more than one point on the page at the same time. Nike also offers multiple levels of zoom, allowing the user to view a broader or more focused image, another nice option.

This entry was posted on Tuesday, January 23rd, 2007 at 9:07 pm and is filed under web UI, web 2.0. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.