Day 8/21 - Creating a Comparison Tool for Products by Khyati Bhavsar

Wireframe 1: Product Comparison Chart

In this screen, users can swipe left to easily compare product details and check for differences between items. To streamline the decision-making process, I’ve included clear CTAs such as "Add to Cart" and "Buy Now," allowing users to directly add their final choice to the cart or proceed with the purchase. For users who are still undecided, there’s an option to add items to their Wishlist for later consideration.

Wireframe 2: Product Selection Screen

The product selection screen features a filter section at the top, enabling users to refine their choices based on their preferences right from the start. Users can then select products for comparison. At the bottom of the screen, there’s a bar that displays the items they’ve already selected and indicates how many more products they can add for comparison (up to the allowed limit).

Question:

I’m considering whether to use a direct "Add to Compare" CTA for each product or to provide a checkbox for users to select products. I’d appreciate your feedback on which approach would enhance usability and make the comparison process smoother.