Warby Parker's Product Finder

June 12, 2018
User onboarding

Selecting the right pair of glasses is a mammoth decision: The pair you pick can change the way you look and how you feel. And because glasses are not an everyday purchase, you need to get it right the first time. But when styles are abundant and time is limited, it can be stressful to find the right ones. 

Understanding this prevalent pain point, Warby Parker—an online retailer of prescription glasses and sunglasses— has designed a practical product picker to help their customers make the right choice.

Why this is really good UX:

  • Really good UX happens with the identification of a genuine user problem and the discovery of a simple yet robust solution to that problem. Warby Parker's product finder does this by taking the time and stress out of finding the right frame.
  • The whole flow abides by Miller's Law that the average person can only process 5-9 items at any one time. The flow does not exceed seven items on a page, keeping the product finder quick and easy. And the final step offers the user a maximum of five styles to try on at home. This way, the user has enough choice without swamping them with frames.
  • The product finder uses conditional logic (sometimes called branch logic) to take the user down the right path, ensuring that they are offered only the options relevant to their input. If the user is unable to provide an answer to a question, they can still proceed with the “no preference/skip” button at each step.

Related Posts

Stay Inspired with Really Good UX

One email each week with the latest 🔥
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
brought to you with ♡ by the friendly folks @
appcues
Really Good UX