UX IMPROVEMENT

SOLUTIONS FINDER

We previously utilized a Vitamins, Minerals & Supplements (VMS) online assessment, consisting of a science-based quiz with 30 questions. Customer feedback indicated that the quizzes were perceived as overwhelming due to the high number of questions and customers feeling uncertain about their ability to make informed selections. Recently, I've been involved in the UI/UX design and development of an MVP project called Solutionms Finder, collaborating with cross-disciplinary and cross-functional teams. This digital program provides customers with a simplified and intuitive tool to identify a VMS solution tailored to their needs. This enhancement in user experience has replaced the longstanding online quiz, reflecting our commitment to continuous improvement.

Objective

Deliver a simple and engaging tool that consumers can interact with to identify a solution specific to their needs.

User Story

As a VMS Consumer  

I want to easily figure out what product(s) is right for me 

So that I can purchase the solution that best meets my needs 

Functional Requirements

The functional requirements I listed:

• Create a Solutions Finder model for a product collection page 

• Default filter menu categories are I NEED…, I’D LIKE TO…, STRENGTH, PILL TYPE

• The Solutions Finder helps customers find what they need by narrowing down their choices to help them decide which products are right for them

• Users can change or clear the filter

• All products in the same collection are displayed as default

• All the default products are viewable before the user makes filter selection

• All the default products are viewable after the user clears filter selection

• Products display may change dependent upon filter selection

• When the user clicks on a category button, the choices menu opens

• The user can click on the category button for the opened menu to close the menu

• If the user is viewing an open menu, the user can click on a different category button which will close the currently displayed menu and open the selected category menu

• When a category menu is open, the user can select any/all choices for that category by clicking on the checkbox for the associated choice 

• The user can deselect a choice by clicking on the checkbox

• The products displayed for the user will dynamically change based on user’s selected choices

• The user can click on a product image, product title, or CTA to be directed to the product detail page (PDP)

• For standard page template and modules, CMS and System Requirements should follow overall site design requirements

• This tool needs be accessed via tablet devices for the PR launch event

• Set up analytics tracking per business stakeholder requirements

Non-Functional Requirements

The non-functional requirements I listed:

• Easy to use and engage

• Before the customers make selections, display a default product category drawer which gives users a quick indicator for how to use the tool

• Tool is a secondary vehicle to educate consumers about VMS and find the product that is right for their specific need 

System Notes

• When the user clicks on a category button, the menu accordions open below the button and the products view will get pushed down the page to accommodate the menu. If menu is open and then a user closes it, the products will shift up back up the page.

• As the user selects choice(s), the product displayed will dynamically change depends on selection.

• If the user clicks through to the PDP, then clicks on the browser back button and lands back on the Solution Finder page, filter selections/products displayed should maintain the integrity for the length of the user session/cookie history unless the user changes selections after landing back.

Prototypes: 

 Mobile

Desktop 

Prototype Thumbnails

Prototype Flow (partial)

Prototype Re-Flow from Selected Screen (partial)

Demo: 

Measuring Success

Quantitatively, track:

• Clickthrough rate (CTR) from Finder module to the Finder Tool page

• Time spent on Finder Tool page

• Add to Carts from Finder Tool page

• Comparison data of customers that use the Solutions Finder to make purchase vs customers that take the quiz vs customers that build their own pack

Qualitatively, track:

Incorporate some questions about the tool in user survey

Current State

This solutions finder will be implemented into Sleep product collection in phase one. 

Future State

• Add dynamic comparison table module so that users can compare more details of their results

• The Solutions Finder tool is first applied to one product collection page but may be rolled out to all the other collection pages

• The Solutions Finder tool is first implemented in our D2C project but may be applied to the other Pharmavite DTC sites

• The Solutions Finder tool may be integrated to the e-commerce sites of our retailers and e-tailers