Designing a new Product page – UX Planet
All interface changes had the goal to facilitate access to information and support the users’ decision making.
#1 Product’s images and price
Usually, a product’s images and price are the most important elements on the ad at the moment when people are deciding whether they will contact the seller. For this reason, both were highlighted on the page.
#2 Image Gallery
By perceiving the relevance of images on the decision-making process, we came to the conclusion that it would be beneficial if we allowed users to enlarge photos because it would allow them to see the products’ details before contacting the seller. We added this feature on the new version of the page.
3# Structured Description and Data
All product descriptions are added by sellers and have a limit of 6000 characters. Long descriptions were shifting the Ad content to the bottom of the page, deprioritizing the ad’s attributes that are important to inform users and allow comparison between different products. Aiming for space optimization we have limited the description to 3 lines and included the button “Show complete description”, that shows the remaining text.
4# Contact Buttons
The buttons to contact sellers are extremely important to sellers and also buyers. Aiming at having them available while browsing the product pages, we fixed them at the bottom, in the smartphone’s thumb zone.
5# Seller Area
There was no seller area on the old product page. This small profile was being developed by another team and was included in the product page to provide more information about the seller before the user contacts with him. We also added contextual safety tips that change according to the product category.