SLIDE 1
Drizly - Comparison Feature
General Assembly Design Team
What is Drizly?
Alcohol marketplace
- perating in over
Drizly - Comparison Feature General Assembly Design Team What is - - PowerPoint PPT Presentation
Drizly - Comparison Feature General Assembly Design Team What is - - PowerPoint PPT Presentation
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
SLIDE 2
SLIDE 3
- Brief
- Research Overview
○ User Interviews ○ Quantitative Data ○ Competitive/Comparative Analysis ○ Problem + Solution Statements
- User Flow
- Sketches
- Wireframes and Iterations
- Final Mock
O v e r v i e w
3
SLIDE 4
4
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.
SLIDE 5
5
User Interviews
“I like to see reviews, if they like the flavor or not” “The price, I don’t want to spend a lot
- f money”
“Compares presentation
- f product (packaging,
label, color of glass, artwork on glass)” “When I am browsing I usually buy products through suggested products or trendy products” “I look at descriptions to compare wines” “I look for accurate description of the flavor profile and suggested food pairings”
SLIDE 6
6
Quantitative Data Common trends
- Price
- Reviews
- Manufacturers description
- Flavor Profile
- Product Packaging
- Suggested Products
SLIDE 7
7
Competitive/Comparative Analysis
- e-Commerce
- Tech Products
- No
- Comparison (YES)
- Filter (YES)
- Delivery (YES)
bhphotovideo.com
- e-Commerce
- Alcohol Products
- Yes
- Comparison (NO)
- Filter (YES)
- Delivery (NO)
totalwine.com
- e-Commerce
- Groceries
- Yes
- Comparison (NO)
- Filter (YES)
- Delivery (YES)
peapod.com
- Marketplace
- Groceries
- Yes
- Comparison (NO)
- Filter (YES)
- Delivery (YES)
instacart.com
- Marketplace
- Everything
- Yes
- Comparison (Price
Only)
- Filter (YES)
- Delivery (NO)
google.com
- Marketplace
- Everything
- No
- Comparison (NO)
- Filter (YES)
- Delivery (YES)
amazon.com
Type of Business Products Sold Comparison Feature Type of Business Products Sold Comparison Feature Type of Business Products Sold Comparison Feature Type of Business Products Sold Comparison Feature Type of Business Products Sold Comparison Feature Type of Business Products Sold Comparison Feature Alcohol Products Alcohol Products Alcohol Products Alcohol Products Alcohol Products Alcohol Products
SLIDE 8
8
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.
SLIDE 9
9
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.
SLIDE 10
1
User Flow
*This user flow is structured under the assumption that the user is signed in and the delivery address has been entered.
SLIDE 11
1 1
Sketches
SLIDE 12
1 2
Design Decisions
- Product Discovery
- Iconography
- Comparison Column Width
- Bottom Sticky Bar
SLIDE 13
1 3
Usability Testing
V1: 6 usability tests V2: 5 usability tests V3: 5 usability tests Final Version: 16 usability tests
SLIDE 14
1 4
Iterations
The copywriting caused confusion The button lacked consistency and wasn’t prominent enough The copywriting was confusing to users. Also, some users missed it there. The color draw too much attention in the category page. The copywriting received great feedback. The button lacked consistency and did not meet users’ expectations.
V1 V2
SLIDE 15
1 5
Iterations
V3
This button did not meet users’ expectations, so we iterated it with an icon.
SLIDE 16
1 6
Final Mock
SLIDE 17
N e x t S t e p s
1 7
Quick Compare feature on the PDP