Day 8/21 - Creating a Comparison Tool for Products by K N Abhishika
Designed a product comparison page with below emphasis:
- Sticky Product Dropdown: A dropdown list of selected products remains fixed at the top during vertical scrolling, allowing users to quickly change their product selections for comparison. This feature enhances accessibility and user convenience, improving overall usability.
- Enhanced Information Grasp: Clearly displayed product names in the sticky dropdown promote better readability, helping users make informed choices without losing sight of their selections.
- Prominent Call-to-Action: A visible "BUY NOW" button enables users to quickly purchase their chosen devices, streamlining the buying process and encouraging conversions.
- Highlight Differences Feature: An easily accessible checkbox allows users to highlight key differences between the two products, facilitating better understanding and decision-making.
- Collapse All Button: This feature enables users to simplify the view by collapsing all sections, reducing clutter and allowing for focused comparisons on specific features.
- Clear Feature Summaries: A summary of key features is displayed at the top, with each section distinctly outlined, making it easy for users to navigate and comprehend the information.
- Visual Customization Options: Prominent images and color options allow users to visualize available choices, providing flexibility and enhancing the personalization of their shopping experience.
prototype here:
https://www.figma.com/proto/XS4NA9yqvAh5N0vfuozdLV/PeerList-Design-Challenges?page-id=0%3A1&node-id=103-606&node-type=frame&viewport=1029%2C-11164%2C0.6&t=svwMf49Vo1uI6EU7-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=103%3A606
Your upvotes and feedback are welcome!
Words have more power than we think. Be kind.