Optimizing Content for Mobile Shopping
An important consideration is how will Amazon display A+ content on mobile devices? A+ was designed primarily with desktop browsing in mind, but the way they implement content modules allows the content to be optimized for mobile screens as well. Varying content modules appear differently on mobile devices.show more
We are looking at an example for a dog bed, where we get a sense for how different modules appear. First. Let’s look at the desktop version. We see they’re starting with the logo module and the standard image with light text overlay. Next, they are using the standard four image and text module. Lastly, they have the standard single left image module.
Now let’s look at the mobile version of this, A+ right off the bat, we can see two changes. First, the logo module is now the same width as the second full width image module. The text overlay has been removed from the image and placed underneath the image. Scrolling down. We can see that the standard four image and text module has been broken up into four individual pieces of content.
The images are still paired with their text callouts, which is nice, but this module loses its look and feel. On desktop view, this module looked organized and it was nice to see all the images side by side. On mobile, the square images with the text extending to the edges of the screen. Don’t have a great look and feel to them.
As we scroll down to the last module, we can see that the image is slightly larger and looks a little bit better. Ultimately you’ll have to test your A+ on mobile to see what modules display your products the best. Our favorite modules that works great on desktop and mobile is the standard image and light and dark text overlay and the image header module.
These modules allow you to upload a full with image in which you can also incorporate your own text. In this T product example, we can see on the desktop view that the images are big and bring a lot of life into the brand. When we look at the mobile version, we can see the images also fill the screen nicely.
The content overall has a much better flow than the other example we looked at that used some of the other Amazon modules with text. One thing to note, while we’re here is text legibility. Here, we cannot zoom into the screen and so some of this text is difficult to read. When optimizing for mobile, you need to increase the text point size to at least 16.