Comparion

Effortless Product Comparison Tailored to Your Purchase Priorities

Timeline

February - March, 2023

90 hours spread across 5 weeks

My Role

Sole product designer

Disciplines

UX research, UX design, UI design

Tools

Figma, Figjam

My frustration with eCommerce product comparison experiences led me to this challenge of creating a better compare experience on a mobile device with limited space.

Online shoppers struggle with overwhelming product choices, especially when faced with similar-looking, spec-heavy options. 54% of surveyed shoppers abandon their shopping due to this challenge, despite majority of eCommerce sites offering comparison tools. At my old eCommerce job, I witnessed firsthand how confusing product choices can be for shoppers, potentially leading to high drop-off rates on product detail pages.

Additionally, product reviews are crucial for decision-making, with 93% of shoppers relying on them, yet most eCommerce sites fail to compare reviews.

I created Comparion, a mobile app designed to streamline the product comparison process, specifically for home appliance shoppers. By personalizing the comparison of product details and reviews to the shoppers’ specific needs and only showing reviews from others with similar considerations, Comparion makes it easier for shoppers to make informed decisions with confidence, while saving time and reducing overwhelm.

Get a personalized product comparison experience by answering just two questions about your appliance usage and purchase considerations.

View comparison and purchase activity, as well as product reviews, only from users with similar appliance usage and purchase considerations to yours.

Compare ratio of positive to negative reviews for each product, getting a general idea of how each product is perceived. Expand to read more about specific positives or negatives mentioned.

Comparion's utilizes Natural Language Processing (NLP) for comparing product reviews. Two key techniques are involved: Topic modeling and Sentiment classification.

  • Topic modeling assigns topics to text based on the words present, helping Comparion identify which part of a review is discussing a specific purchase consideration.

  • Sentiment classification identifies opinions in text and labels them as positive, negative, or neutral, allowing Comparion to determine whether a particular product attribute or consideration is being evaluated positively or negatively in reviews.

Developing an Effective Project Plan under Time Constraints

Given a 90-hour project time constraint, I had to carefully select the most effective UX methods to incorporate into the project plan while maintaining the essential design phases of discovery, design, and validation.

For example, I chose to utilize a screener survey during the discovery phase to be efficient - achieve two tasks at one go. This approach would validate the hypothesis that shoppers abandon shopping for spec-driven, similarly appearing products due to an overwhelming number of choices, and it would also screen for potential interviewees who could provide deeper insights into their shopping pain points.

Another example is I opted to begin the design process with mid-fidelity designs created using a UI kit, as this approach enabled usability testers to better envision the online shopping experience and provide more relevant and helpful feedback rather than the hypothetical feedback that might come out of testing sketches or wireframes.

Realizing the structural limitations in my Screener Survey

In the screener survey, I made the mistake of limiting participants based on their experience with shopping for stand mixers online (, because I chose stand mixers as a specific product category to illustrate my app concept).

If a survey respondent said “No they did not have online shopping experience with stand mixers”, they got sent straight to the submit form page of the survey.

Then, they were unable to answer an important question used to validate the hypothesis about overwhelming product choices leading to shopping abandonment.

In retrospect, I should have broadened the criteria to include any online shopping experience with spec-heavy, similar-looking products for my hypothesis validation, while still screening for stand mixer online shoppers for the interview phase.

Despite my error in the survey structure, "Overwhelmed by the range of products" emerged as the second most common reason for not adding items to the cart and abandoning online shopping. The top reason, "Waiting for bigger discount/sale," is more of a pricing and promotion issue rather than a UX issue. Although the sample size for this question was smaller than desired, due to time constraints and struggles in finding more survey respondents, I proceeded with the project by selecting interview participants who identified overwhelm as a reason for abandoning shopping.

Shaping user interview insights into How Might We challenges

Overwhelming and tedious, but still necessary

1

Don’t trust brand website’s compare or reviews

2

Shoppers prefer external independent reviews over branded website's reviews, with greater trust placed in recommendations from people they personally know and trust who have used the product.

Relevant Product Concerns

3

Shoppers prioritize viewing product aspects relevant to their own specific concerns and needs.

Competitive Analysis shows how my solution can differentiate

During my competitive analysis, I evaluated the approach of three eCommerce websites in comparing product information and reviews.

The competitive analysis showed my opportunity to differentiate lies in comparing product reviews in addition to comparing product details, and making sure the details AND reviews of product specs that shoppers care about the most are being compared across product they are considering.

Mapping the User Flow: Visualizing Seamless Interactions

I created user flows to help me gain a clear understanding of the steps and interactions Comparion users would go through when using the application. It allows me to visualize the entire user journey, from the initial interaction to the final goal.

Additionally, considering the time constraint, this exercise served as validation to ensure the coherence and effectiveness of the steps incorporated in addressing the identified "How Might We" challenges.

Leveraging social networks, Comparion enables users to connect with friends who are also using the app. This allows users to discover products compared by their friends and access their reviews, addressing trust issues with branded ecommerce websites' comparisons and reviews.

Comparion tailors comparisons to users' specific needs by asking about their product usage and important considerations. This approach ensures that only relevant product details and reviews are presented. Additionally, the app surfaces comparison activities and reviews from friends and other users who share similar answers.

Comparion streamlines and simplifies comparison shopping by curating relevant information for users. From exploring products to direct product comparison, the app focuses on the user's important considerations, eliminating irrelevant details and reviews.

From Mid-Fi to Hi-Fi: Enhancing Visual Coherence

With research insights and user flows serving as a solid foundation, I began designing a solution for our stand mixer online shoppers, using a free UI kit found online to design a mid-fidelity prototype fast and realistic enough for testing. I then tested with 5 different online shoppers who had experience with stand mixers.

A major issue discovered in testing that helped me iterate from mid- to high-fidelity was the visual disconnect between the compared products and their compared info.

Before

Difficult for user to tie the compared product details and product reviews to their selected-to-compare products - just having the names in text does not help.

After

Iterated designs streamlined by separating the comparison of product details from the comparison of product reviews. The product details comparison tab scrolls the compared products along with their corresponding product details so it’s easy to know which piece of info ties back to which product. Product reviews tab unfortunately can’t do the same due to the larger amount of info displayed, but I added visual reminder by displaying product image as well as product name to help tie together the reviews to the product.

Hi-Fi Iterations

In the second round of testing with another 5 stand mixer online shoppers, a key learning emerged: shoppers are quite privacy conscious and hesitate to give social connections data to apps. Many testers did not see the concept of social proof through trusted friends on the app as that much of a value-add.

Before

After

Social and friend aspect of this app was removed in the iteration. To protect users who do create account using socials, they can provide a username to mask themselves.

Before

Friends’ product comparison activities and more were shown on Explore screen, as well as friends’ product review snippets on the Compare screen.

After

Just activities from users with similar product usage and evaluation considerations as you.

Final Prototype

What I’d learned and would do differently next time

Less is more

1

I should have focused on a narrower set of features and prioritized their execution to ensure a higher level of polish and smoother user flow. Next time, I would opt for designing fewer elements but with greater attention to detail.

Avoid restrictive survey criteria

2

Instead of limiting survey participants to those who specifically purchased stand mixers, I should have opened it to anyone who has shopped for home appliances online. This would have alleviated difficulties in acquiring survey respondents and potential interviewees.

Look beyond stated preferences

3

User interviews may not always provide an accurate reflection of users' true desires and actions. In this case, a contextual inquiry approach, observing users in their natural environment as they engage in comparison activities through video calls, would have provided deeper insights into their actual behaviors and decision-making processes.


See More Projects

Sofvie

#SaaS #Data #Dashboard

Streamlining data access and analysis by creating Sofvie's first ever internal dashboard

Stakeholder Mgmt + Card Sort + Usability Testing

House2Home

#eCommerce

Reducing decision overwhelm for young urban dwellers with items bundling in decor kits

Design Sprint + Research Synthesis + Visual Design

Kept

#Sustainability #Environmental

Reducing household food waste for home cooks with grocery documentation and more

Research + Wireframing + Prototyping + Usability Testing