Iterative Design & Testing of a Product Discovery Prototype
Overview
In the journey of creating a prototype for a product search interface, the challenge was to accommodate a large amount of data and multiple options that the client wanted to test in a single prototype. The primary goal was to enhance the user experience while effectively managing the complexities of the client's requirements.
The research phase revealed a key pain point for users: many felt overwhelmed by cluttered search pages. Users struggled to efficiently browse and engage with the product listings, which resulted in frustration and a poor experience. This feedback became the foundation for the next phase of design.
Year
2024
Company
Millipore Sigma
Discovery
To tackle the design of the Search Results Page (SRP), I started by asking a core question: "How do users prefer to browse and interact with product listings?" This led me to explore different layout options, specifically focusing on whether a list view or a card view would provide a more intuitive and efficient experience. To guide my decision-making, I researched insights from the Baymard Institute and reflected on my design philosophies to determine the best approach. The goal was to create a layout that balanced the data-heavy nature of the search results while maintaining an engaging and streamlined user experience.
After gathering insights, we decided to conduct a user test with both layout options. We also introduced a toggle feature, allowing users to switch between views and assess if the ability to toggle between list and card views was valuable for different types of products. Testing these iterations helped us understand how users interacted with the interface and revealed which elements made navigation more fluid and intuitive.
Iterative Design Process
Through iterative testing, the decision was made to simplify the interface. By focusing solely on product cards in the next design iteration, we eliminated unnecessary clutter and reduced cognitive overload. This shift towards a more minimalist approach allowed users to engage more effectively with the products themselves rather than being distracted by excessive elements on the page.
Pervious SRP Product List Lockup Vs. New Product Card Lockup Examples.
Trizma® base
Synonym(s):
2-Amino-2-(hydroxymethyl)-1,3-propanediol, THAM, Tris base, Tris(hydroxymethyl)aminomethane, Trometamol
Linear Formula:
NH2C(CH2OH)3
CAS No.:
Molecular Weight:
121.14
EC No.:
Beilstein No.:
741883
77-86-1
201-064-4
All Photos (19)
T1503
View
Primary Standard and Buffer, ≥99.9% (titration), crystalline
93352
View
≥99.0% (T)
T6066
View
BioPerformance Certified, meets EP, USP testing specifications, suitable for cell culture
93362
View
BioUltra, for molecular biology, ≥99.8% (T)
93440
View
certified reference material for titrimetry, certified by BAM, ≥99.5%
Compare
Product No.
Description
SDS
Pricing
Show More
Compare
In Your Cart
Supelco
93440
Trizma® base
reference material for titrimetry, certified by BAM, ≥99.5%
CAS No:
77-86-1
EC No:
201-064-4
Molecular Weight:
121.14
Beilstein No:
741883
Download SDS
Quick View
Outcome and Conclusion
The result of this iterative design process was a more intuitive and user-centered product discovery experience. By continuously testing and refining, the design evolved to meet user needs more effectively. The insights gathered during the research and testing phases guided each decision, ensuring the prototype aligned with both user expectations and the client's vision.
This process demonstrated the power of iterative design and testing in refining complex user interfaces and creating meaningful, user-friendly experiences.
Return to Work
Next Case Study