Zoom, zoom, zoom!
Whether shopping in person or online, people want to take a closer look before purchasing a product. For online retailers, the Zoom feature is critical. But what’s the best way to let your customers zoom? How do you provide the necessary level of detail while maximizing screen real estate and doing it all with an intuitive user interface?
1. Pop-up window
Wine Enthusiast offers zoom in a pop-up viewer that allows shoppers to click for a larger view with even greater detail than what is initially shown in the product page.
2. Embedded viewer
Under Armour uses an embedded zoom view that fills the width of the product page, providing a much better experience than any printed catalog and most online stores.
3. Modal layer
Patagonia opts to open a modal layer in the same browser window, rather than opening a new popup window. With this approach, you don’t have to worry about popup blocking.
4. Fly over zoom
Levi Strauss & Co. uses a unique approach, allowing shoppers to drag a magnifier over the main image to display a corresponding zoomed view. This gives you the level of detail you need while still keeping the entire product in view.
Crate and Barrel gives shoppers a choice by providing a combination of the embedded zoom viewer with a larger modal layer zoom.
Whichever method you choose to implement on your site, remember to make sure your master image is large enough to provide the level of detail that shoppers need to make a decision. And if using a pop-up, make sure your popup view window is always significantly larger than your product view size. One thing I’ve learned that applies to nearly every company and every product – you can literally never make your image big enough for your customers… and you can never provide them too much detail.
Click here if you want to learn more about Adobe Scene7 and applying zoom to your site.