Amazon is dominating online product searches and will continue to do so into the foreseeable future as consumers increase their mobile shopping. Customers, now using their mobile devices to cross check prices with other retailers, continue to show their loyalty to the online giant.
Best Practices for Mobile Pages
The images brands use on their product pages have the ability to either influence a customer to purchase or hinder a sale. Using clear high-resolution images will improve the overall user experience and increase mobile e-commerce conversions.
To ensure seamless display across desktop and mobile e-commerce platforms, brands should ensure that any text included with images is minimal, large, and free of fonts that may be difficult to read.
One solution brands have started to implement is the use of specific mobile-ready hero images–such as the one below on the left.
This type of hero image includes a close-up view of packaging alongside added details such as product size, count, and category, which provide the customer with essential information without the requirement of having to click or zoom on a mobile device.
Extra steps are required for ensuring images are optimized for mobile. Premium A+ content requires brands to load separate mobile images into the modules.
The dimensions for a full-width banner on mobile pages is 600 x 450 pixels, which is significantly smaller and has a different ratio than the 1464 x 600 banners required for desktops. In contrast, Syndigo’s responsive design automatically resizes images to fit mobile screens–the issue that can sometimes arise with this is that an image can look good on a desktop page, but that doesn’t guarantee it will on a smaller phone screen.
Optimizing Pages for Seamless Display Across Devices
Samsung used an effective mobile strategy with their 65-Inch 4K Ultra HD Smart TV. Their product page shows a beautiful full-width image with interactive overlays that form well to a desktop computer.
When you view the same page from a mobile device, the layout changes but the ease of access to product information does not falter.
They use high-quality images that scale well to a smaller mobile screen and feature very little text. No quality is lost and they kept all relevant information to pure text format.
Mobile E-commerce Tips
- Include a close-up view of packaging to quickly give the consumer details about the product such as size, count, and product category
- Only up to 70 characters will be displayed on the search results page on a mobile device and up to 150 on a tablet in landscape mode
- Only the first three bullets will appear on a product page when viewed using a mobile device. Although all five are available to the consumer, they have to click on the list to view the final two
- Don’t overload images with text as they can become distorted and illegible on mobile screens. Be sure that all images scale well, and if dealing with premium A+ pages be sure to load separate mobile-friendly images into the modules