Drizly - Comparison Feature General Assembly Design Team
What is Drizly? Alcohol marketplace operating in over 100 markets across the United States & Canada
w e i v r e v O ● Brief ● Research Overview ○ User Interviews ○ Quantitative Data ○ Competitive/Comparative Analysis ○ Problem + Solution Statements ● User Flow ● Sketches ● Wireframes and Iterations ● Final Mock 3
Brief We were given the task to build a feature for the mobile and desktop website where users could compare items to help them make a decision. 4
User Interviews “Compares presentation of product (packaging, “The price, I don’t label, color of glass, “I like to see want to spend a lot artwork on glass)” reviews, if they like of money” the flavor or not” “I look for accurate description of the flavor “When I am browsing I profile and suggested usually buy products food pairings” through suggested products or trendy “I look at products” descriptions to compare wines” 5
Quantitative Data Common trends ● Price ● Reviews ● Manufacturers description ● Flavor Profile ● Product Packaging ● Suggested Products 6
Competitive/Comparative Analysis peapod.com bhphotovideo.com instacart.com totalwine.com google.com amazon.com Type of Business Type of Business Type of Business Type of Business Type of Business Type of Business ● e-Commerce ● e-Commerce ● e-Commerce ● Marketplace ● Marketplace ● Marketplace Products Sold Products Sold Products Sold Products Sold Products Sold Products Sold ● Groceries ● Tech Products ● Alcohol Products ● Everything ● Everything ● Groceries Alcohol Products Alcohol Products Alcohol Products Alcohol Products Alcohol Products Alcohol Products ● Yes ● No ● Yes ● No ● Yes ● Yes Comparison Feature Comparison Feature Comparison Feature Comparison Feature Comparison Feature Comparison Feature ● Comparison (NO) ● Comparison (YES) ● Comparison (NO) ● Comparison (NO) ● Comparison (Price ● Comparison (NO) ● Filter (YES) ● Filter (YES) ● Filter (YES) ● Filter (YES) Only) ● Filter (YES) ● Delivery (YES) ● Delivery (YES) ● Delivery (NO) ● Delivery (YES) ● Filter (YES) ● Delivery (YES) ● Delivery (NO) 7
Problem Statement The consumer needs a way to compare products by price, reviews, label information, and flavor profile because that will help them to make a better informed purchase. 8
Solution Statement We will know this to be true when users spend time on the website using this feature, making better informed decisions, and discovering new items. 9
User Flow 0 1 *This user flow is structured under the assumption that the user is signed in and the delivery address has been entered.
Sketches 1 1
Design Decisions ● Product Discovery ● Iconography ● Comparison Column Width ● Bottom Sticky Bar 2 1
Usability Testing V1: 6 usability tests V2: 5 usability tests V3: 5 usability tests Final Version: 16 usability tests 3 1
Iterations The copywriting The button lacked was confusing consistency and did not to users. Also, meet users’ expectations. V1 some users missed it there. The copywriting caused confusion The color draw too much attention in the category page. The copywriting V2 received great feedback. The button lacked consistency and wasn’t prominent enough 4 1
Iterations This button did not meet users’ expectations, so V3 we iterated it with an icon. 5 1
Final Mock 6 1
s p e t S t x e N Quick Compare feature on the PDP 7 1
Recommend
More recommend
