Product Page
Sometimes a still image isn’t enough to convey how a product works. In many cases, users find it helpful to watch an animation or video showing the product in action.
Any videos that explain a product should be short and specific. Aim for videos that are less than two minutes long, but even better if they're less than a minute. Users become impatient when videos take too long to get to the point.
Effort: Medium
Impact: High
This product title is a good length, but you might want to rework it a bit so it's more descriptive. Also, while technically accurate, "leaking" might not be the most appealing word to use here.
Feature-rich product titles give users more information about the items than a simple product name. Highlighting a product’s features in its title also lets users compare product list items to each other more easily—product features in titles serve as crucial product data that users can rely on to facilitate their comparisons. However, the downside is that the more feature-rich product titles are, the longer they will be.
As a result, it will be important to make the most important information within the product titles stand out visually (e.g., by using a larger and bolder font for the primary information in the title).
As far as the appropriate length goes, testing has revealed that product titles should not extend to more than 3–4 lines on mobile devices. Beyond that length, titles are perceived as descriptions.
Effort: Low
Impact: Medium
Sales are good, and this one is pretty incredible! Almost 50% off. Instead of the "sale" badge here, consider calculating the savings dynamically and showcasing that number for the user. In this case, "50% off"
Users in studies are consistently drawn to deals, so sites have an advantage if they make it easy to tell if an item is on sale, or how much a user would be saving.
Even crossing out the original price and placing a sale price next to it may not be enough to draw users attention as they browse through items quickly—particularly if only certain product configurations are on sale as part of a closeout or other deal.
A few best practices to help sale prices catch attention:
Don’t rely on color as the only visual cue for a sale price - Some users may not be able to distinguish colors, so it is always best to use an additional cue. Other helpful cues include font size, bold typeface, crossing out the original price, or highlighting the background of the new price, to name a few.
Consider calculating the savings so the user doesn’t have to - In some cases, users may be persuaded by seeing the amount they will save, either as an amount or a percentage.
Effort: Low
Impact: Medium