Imagine investing resources into expensive video production and implementing video players on your e-commerce site, and then your users don’t watch the videos! Now imagine that the reason they don’t watch your videos is not because they don’t want to, but because they can’t find them on the product page… well, that’s precisely the risk 35% of major e-commerce sites are running due to where and how they embed videos on their product pages.
During our large-scale product page usability testing, 41% of users watched product videos. Now some users simply dislike the video format and will very rarely (if ever) watch product videos, hence the significant chunk of 59% of users who didn’t watch videos. But for the 41% of users who did seek out video, the content made a big difference in their product page experience, helping them to imagine how the product might fit into their own life.
Video content can therefore be a great addition to your product pages, but it is obviously worthless if the users who are looking for the videos can’t find them. Our usability research showed that the placement and design of videos greatly impacted their discoverability.
In this short article we’ll go over our research observations on where and how to embed videos on product pages so users can easily find them.
Discovery plays a major role in video utilization. After all, users must be able to find videos in order to watch them.
When videos were placed far away from the image gallery on the product page, some users had trouble finding the video content during our testing. As a user remarked when stumbling upon a video far down a product page: “So there it is. Lots of scrolling down. That’s not what I would have expected at all… I would think the video would be right in the overview.”
Our usability tests showed that users generally expect images, videos, 360° views, and similar visual content, to be placed together at the product page, because they see videos and 360° views as supplements to the product images. Hence users expect to find videos located next to the main product images on the Product Page.
Testing also confirmed the web convention of placing image galleries at the top of the product page to be a de facto user expectation. During testing, users virtually always looked at the
image gallery (even if they didn’t interact with it) when they landed on the product page. Having videos located here therefore greatly increases their discoverability.
Thus videos and 360° views should be placed at the top of the product page, mixed with or next to the product image gallery. (Note that all videos should be placed here — not just some of them. Some of the tested sites only included one video in the main image gallery despite having multiple videos available for the product — alas, some users would only ever discover the single video included in the image gallery.)
It’s important to note that repeating the videos elsewhere on the product page is perfectly fine. So long as the videos are also available in the image gallery, it is great to have them embedded in content sections throughout the product page as well.
The short version: just mix videos into the normal image gallery thumbnails and overlay them with a “play” icon and you’re golden.
Don’t use tabs to separate the video and image thumbnails in the image gallery. A third of the tested users had trouble with this design. (Generally we observe that tabs often cause severe discoverability issues.)
Testing showed that there was no need to separate video and image thumbnails — users were perfectly capable of discovering and distinguishing product videos from images, as long as they had some sort of “play” icon, and were displayed next to or as part of the image gallery thumbnails.
As for the thumbnail design itself, testing showed that all that mattered was that videos had some sort of “play” icon. It was fine if the thumbnail also included a still frame from the video with the “play” icon overlaid, but this wasn’t necessary — a standalone “play” icon worked equally well.
So in summary, to make sure the users looking for your product videos can actually find them:
Not overly complicated, but better double-check your site’s implementation — our benchmarking showed that 35% of major e-commerce sites fail to get these details right.
This article presents the research findings from just 1 of the 580+ UX guidelines in Baymard Premium – get full access to learn how to create a “State of the Art” product page user experience.
Join 25,000+ readers and get Baymard’s research articles by RSS feed or
Topics include user experience, web design, and e-commerce
Articles are always delivered ad-free and in their full length
1-click unsubscribe at any time
Like the new format of these article posts. More digestible and written more in the fashion of human language. Nice work!
“repeating the videos elsewhere on the product page is perfectly fine”
I’m afraid this may be a risky tactics because users may wonder if the video in a gallery and a video in a content section are the same videos or different. It can be supposed that users don’t want to play the same videos twice…
Thanks for your comment, Ivan.
However, I must disagree. Repeating the video elsewhere on the product page didn’t prove an issue to users during our usability testing, so the evidence doesn’t at all suggest this to be a “risky tactic.” Quite the contrary, in fact: the evidence directly shows that repeating the videos elsewhere further increases the discovery of (and thus engagement with) product videos.
With evidence of increased discovery, and no evidence of confusion, the statement — “repeating the videos elsewhere on the product page is perfectly fine” — seems well-justified, until new research presents counter-evidence for one of both of those conditions.
Have you ever tested the video as the main image? Could be interesting but I also think you could lose important parts of that main image so I am curious if you have any thoughts on this? Thanks!
© 2021 Baymard Institute US: +1 (315) 216-7151 EU: +45 3696 9567 email@example.com