case study: sizable, men's fashion app
DESCRIPTION
TRANSCRIPT
@initialsJZ | Two Weeks In October 2013
SIZABLEA Men’s Fashion App | Version 3For men who can't find clothes that fit, Sizable is a male fashion app. Unlike Mr. Porter, Sizable only shows clothes that fit.. Because we believe anything looks good when it fits, and that anyone can find their “Start-Up Look”.
Monday, March 3, 14
Key Screen Flow
Increase or decrease your jacket size, waist and inseam measurements. The figure and the numbers on the screen update as you slide.
1.0 Slide To Your SizeSwipe to view individual "Items" and entire "Outfits" that fit your measurements. Can get more detail on items.
2.0 Search ResultsView stores nearby where you can try on or buy clothes that fit you.
3. Map of Stores
Monday, March 3, 14
Date
PLANNING
Monday, March 3, 14
COMPETITORS
Monday, March 3, 14
Competitor DesignsInputing Size
GiltUpCload Mr. Porter
Monday, March 3, 14
PersonasLast Minute Versus Planned Out
Name Eric Sway Neil Lee
Persona Get in and get out Quarterback Tailored Hipster
AgeOccupationBody Type
24Consultant, IBMBroad Shoulders
31Computer Scientist, Healthcare Start Up
Tall & Skinny
Quote“What does a model who is 6’1” have to do with me? Sizes
based on him make me not want to buy the brand.” “Start up founders are trendy. There’s an expected wardrobe”
Goals
•Eric is in Soho for one hour and remembers he needs three new shirts.•Only wants to try on slim shirts that are not boxy and would fit him. •Know what brands other broad-shouldered guys wear
•Fit into the start-up culture. Know how to pull together outfits. He Show he is edgy, but doesn’t want to be ridiculed for being “too out there”.•Share street fashion photography and pics of clothes he bought. Talk to his co-workers about style.•People asking him “where did you get that?”.
Monday, March 3, 14
ERIC SWAYGet In and Get Out Quarterback“My shoulders don’t come down to my knees”
BACKGROUND
✤ Eric is a first year consultant. His wants to gain visibility and get on important projects.
✤ Loves his girlfriend and taking her to nice dinners.
✤ Misses playing football though he still goes to the gym with friends who stayed in Chicago.
✤ Lost 10 pounds and needs clothes for a trip to Italy.
✤ Spends $300 on 8 pieces of clothing once a season. Otherwise picks up any one thing he needs after work.
✤ Likes GQ because it tells him how to dial down his pounds, and amp up his watch purchases.
PAIN POINTS
✤ Size charts. What does Tom have to do with me? He’s a model, 6’1”? This charts just make me not want to buy it.
✤ His build doesn’t even out and hates clothes that make him look like a clown.
✤ Wasting time going into stores and trying things on that won’t fit him.
✤ Not being able to shop online.
GOALS & NEEDS
✤ Feeling confident and happy. “If I’m wearing oversized clothes from when I was a little bit bigger. I know everything is a little bit bigger and it doesn’t fit well. It’s already in my head.”
✤ Being able to find things that will fit his broad shoulders when he only has an hour somewhere.
✤ Discovering shirts that other guys with big shoulders like.
Monday, March 3, 14
ERIC SWAYGet In and Get OutFind A Fit Within the Hour
SCENARIOS
✤ ERIC NEEDS TO BUY A SHIRT WHILE HE IS OUT: Eric tried on some shirts that don’t fit and only has 20 minutes left to find one for wide shoulders that is not boxy. Eric looks for stores nearby but has no idea which stores to try next. He tries the Sizable app and only wants to find shirts that fit. likes that he won’t have to waste time Cool, he did not know one of his favorite brands opened a new store nearby. never would have thought about that brand, and didn’t know that store was on the same block. He goes and tries on two styles. One fits! He buys three colors of that style and makes it back to the office in time.
✤ ERIC NEEDS A NEW DEFAULT BRAND THAT FITS: Eric’s favorite Abercrombie style no longer fits! Eric wishes he bought out the old cut. He needs a new brand. Friends have been talking about Sizable and that brands change their sizes all the time. Before the weekend, Eric looks at the other brands men his size on Sizable like. And the styles that they voted fit best. He decides to go to a mall that has more shirts that Sizable says should fit him.
FEATURES
✤ ERIC NEEDS TO BUY A SHIRT WHILE HE IS OUT:
✤ Search bar
✤ Body selector
✤ GPS Auto-locate
✤ Map of closest stores/online product page
✤ ERIC NEEDS A NEW DEFAULT BRAND THAT FITS:
✤ Brand selector
✤ Voting
✤ Watch list
Monday, March 3, 14
Audio Clip“Clothes That Fit”
Monday, March 3, 14
NEIL CHECKERSSilicon Alley Mover & Shaker“I like the The Zach Braff blazer-over-hoodie look”
BACKGROUND
✤ Neil is a finance guy turned coder. He works at a NYC start-up. Emulates founders: nerdy, ambitious, hipster.
✤ Goes to indie shows, follows street photography on Instagram. It has to be real life, not runways.
✤ Shops with guy friends who vote what’s cool or not cool. They text him pictures “check out these shoes that I got.”
✤ Trying to strike happy medium between looking professional and keeping a casual vibe. Nice sneaks, watch, long fitted shirt, jeans or fitted pants...skinny tie, tailored and polished like Ryan Gosling...Founders of Bonobos, Warby Parker.
✤ Spends $200 on clothing for one hour a month, up to $600.
PAIN POINTS
✤ Not fitting in. If you come in with a full wall street suit, you would be really out of place. But this isn’t Silicon Valley either where Mark Zuckerberg shows up in hoodie, baggy jeans, and Birkenstocks. So what works?
✤ Wearing something way out there. A patterned sweater can look subdued when you buy them, but loud when you wear it.
GOALS & NEEDS
✤ Knowing trends and upping his game: “Start Up Founders are trendy, it’s kind of a thing in our generation to put forth the effort. There’s an expected wardrobe.
✤ Having people ask him “where did you get that?” Having friends tell him they like him wearing his brown dress shoes, dark green jeans and blue patterned shirt, together.
✤ Discovering more brands that fit.
Monday, March 3, 14
NEIL CHECKERSSilicon Alley Mover & ShakerFits Into Work Culture
SCENARIOS
✤ NEIL NEEDS TO UPDATE HIS WARDROBE FOR THE START UP ENVIRONMENT: Neil can no longer mix dress shirts and jeans differently every morning and needs some new clothes. He hears that Sizable warns when ironic double breasted jackets are trending in advertising, but not yet for tech. Cut also warns against it for skinny guys like him, but recommends wafered shirts. That weekend, Neil and his girlfriend go to H&M and picks up a wafered shirt to go under the blazers he already has.
✤ NEIL NEEDS AN EASY WAY TO ADD HIMSELF TO THE STYLE CONVERSATION AT HIS START UP: Neil sees colleagues at lunch voting on the Sizable app, on cuts that fit or that they could wear in their industry. When colleagues at work ask him where he got his wafered shirt, he asks them if wafered shirts are in tech yet. They go on the Sizable app to see which industry the wafered shirt is being worn in. They see it is being worn in tech. It’s trending, and post on Facebook “vote for this if you work in tech.”
FEATURES
✤ NEIL NEEDS TO UPDATE HIS WARDROBE FOR THE START UP ENVIRONMENT:
✤ Cut & style content, indexing, or sizing database
✤ Warnings & recommendations
✤ NEIL NEEDS AN EASY WAY TO ADD HIMSELF TO THE STYLE CONVERSATION AT HIS START UP:
✤ Voting
✤ Sharing
Monday, March 3, 14
Audio Clip“Start Up Look”
Monday, March 3, 14
Business Model Canvas
Monday, March 3, 14
Feature Prioritization
Monday, March 3, 14
Concept Map
Monday, March 3, 14
Site Map
Home
1.0 Slide To Your Size
2.0 Search Results
2.1 Item2.2 Outfit
2.1.1 Item Detail 3.0 Map of Stores
3.1 Store Detail 3.2 List
Monday, March 3, 14
User Flow
Monday, March 3, 14
Sketching& Paper Prototypes
Monday, March 3, 14
Iterations 1, 2 & 3Not social, not professional, fit first
✤ 1. ITERATION: Not Social, Not Professional, Fit First
✤ 2. ITERATION: Fit First& De-prioritize Styles
✤ 3. ITERATION: Fit Fit& Add Body Silhouette
Carrier 12:00 PM
SELECT OR SLIDE
Broad Shoulder
s
Skinny &Tall
Skinny & Not So
Tall
-
SIZABLE Body Types
CHANGE BODY TYPE
32"inches
Jacket Size =
29" inches
Waist =
5' 9" feet inch
Height =
+
7. Body Types
Carrier 12:00 PM
Body Type = Broad Shoulders
SIZABLE My Account Settings
CHANGE MY BODY TYPE
Email Address
Password
SIGN IN
Sign In To Vote
Hipsters
F2012
Skinny Jeans
10. Sign In / My Account
Carrier 12:00 PMSIZABLE
SLIDE TO YOUR SIZE
FIND CLOTHES YOUR SIZE
1. Home
42"inches
Jacket Size =
SIZABLE
32"inches
Inseam =
29" inches
Waist =
Carrier 12:00 PM
2012
START UP LOOK1/2 Hipster + 1/2 TailoredNever tip the balance
SIZABLE Outfit
Wool BlazerHoodie
Skinny Jeans Brown Oxfords
FIT?
Carrier 12:00 PM
SIZEABLE : Allt-shirt Body Type
JeansAdvertising
HoodiesPharma
Cargo Pants
ALL STYLES
32
22
72
52
ALL PROFESSIONAL OUTFITS
Back
Carrier 12:00 PM
SIZABLE Item Detail
ABERCROMBIE Slim Shirt100 % Cotton, Combed By Monks
FIND STORES WITH SLIM SHIRT
3. Item
< Back
ASD
Pic: Monks
Carrier 12:00 PM
2
3
1
23
Abercrombie3 Blocks away100 Mercer @ Lafayette
SIZABLE Store Map List
1 2
5. Map
Ra70111
Carrier 12:00 PM
CLICK ALL THAT APPLYRefine Later
SIZABLE Body Types
SET MY SIZE
7. Body Types
Broad Shoulders
Long Arms
Decrease Inseam
Add Extra Padding
< Back
Carrier 12:00 PM
2
3
1
23
Abercrombie3 Blocks away100 Mercer @ Lafayette
SIZABLE Store Map List
1 2
5. Map
Ra70111
Monday, March 3, 14
Iterations on SocialOptimized by Usability Testing
✤ Not Social, Not Professional
Carrier 12:00 PM
Body Type = Broad Shoulders
SIZABLE My Account Settings
CHANGE MY BODY TYPE
Email Address
Password
SIGN IN
Sign In To Vote
Hipsters
F2012
Skinny Jeans
10. Sign In / My Account
Carrier 12:00 PM
2012
START UP LOOK1/2 Hipster + 1/2 TailoredNever tip the balance
SIZABLE Outfit
Wool BlazerHoodie
Skinny Jeans Brown Oxfords
FIT?
Carrier 12:00 PM
SIZEABLE : Allt-shirt Body Type
JeansAdvertising
HoodiesPharma
Cargo Pants
ALL STYLES
32
22
72
52
ALL PROFESSIONAL OUTFITS
Back
Monday, March 3, 14
Iterations on FitOptimized by Usability Testing
✤ Prioritize Fit& Add Body Silhouette
Carrier 12:00 PM
SELECT OR SLIDE
Broad Shoulder
s
Skinny &Tall
Skinny & Not So
Tall
-
SIZABLE Body Types
CHANGE BODY TYPE
32"inches
Jacket Size =
29" inches
Waist =
5' 9" feet inch
Height =
+
7. Body Types
Carrier 12:00 PMSIZABLE
SLIDE TO YOUR SIZE
FIND CLOTHES YOUR SIZE
1. Home
42"inches
Jacket Size =
SIZABLE
32"inches
Inseam =
29" inches
Waist =
Carrier 12:00 PM
CLICK ALL THAT APPLYRefine Later
SIZABLE Body Types
SET MY SIZE
7. Body Types
Broad Shoulders
Long Arms
Decrease Inseam
Add Extra Padding
< Back
Monday, March 3, 14
Usability Testing
Monday, March 3, 14
Date
WIREFRAMES
Monday, March 3, 14
Key Screen Flow
Increase or decrease your jacket size, waist and inseam measurements. The figure and the numbers on the screen update as you slide.
1.0 Slide To Your SizeSelect from three categories, Shirts, Pants, & Outfits. Shirts are individual items, pants are individual items, while Outfits are groups of items.
2.0 Search ResultsView stores nearby where you can try on or buy clothes that fit you.
3. Map of Stores
Monday, March 3, 14
Wireframe | 1.0 Slide to Your SizeNotes
1. Slider input for Jacket Size measurementThe figure and the numbers update as you increase or decrease the value.
2. Slider input for Waist measurementThe figure and the numbers update as you increase or decrease the value.
3. Slider input for Inseam measurementThe figure and the numbers update as you increase or decrease the value.
4. Search FunctionClothes are indexed by their measurements and only returned are clothes that fit the user.
5. Goes to Navigation Picker
2.
1.
3.
4.
5.
Monday, March 3, 14
Wireframe | 2.0 Search Results
Notes
1. Close up photo of a shirt that fits the user's measurements.
2. Goes to 2.1 "Item" screen of a Slim Shirt, in the Shirts category, that fits the user's measurements.
3. Goes to 2.1 "Item" screen of a Super Slim Shirt, in the Shirts category, that fits the user's measurements.
4. Close up photo of a pair of pants that fits the user's measurements.
5. Goes to 2.1 "Item" screen of Slim Flat Front Pants, in the Pants category, that fits the user's measurements.
6. Goes to 2.1 "Item" screen of a pair of Skinny Jeans, in the Pants category, that fits the user's measurements.
7. Picture of a Style, or a whole Outfit worn by the model that fits the user's measurements.
8. Goes to 2.2 "Outfit" screen of a Start Up Look outfit.
9. Goes to 2.2 "Outfit" screen of a Madman Look outfit.
10. Navigation. Goes to 2.1 "Item" screen and 2.2 "Outfit" screen of the app.
3.
8.
10.1.
2.
5.
6.
4.
9.
7.
Monday, March 3, 14
Wireframe | 3.0 Map of StoresNotes
1. Pin of the closest store where the user can try on or buy the Item.For example, buying Abercrombie at the Abercrombie flagship store. Goes to 3.1 "Store Detail".
2. Pin of the second closest store where the user can try on or buy the Item.For example, buying Abercrobie at Barney's Co-op or a department store. Goes to 3.1 "Store Detail".
3. Pin of the third closest store where the user can try on or buy the Item.For example, a further Abercrombie. Goes to 3.1 "Store Detail".
4. Go To My Location FunctionShows user where he is located on the map, his GPS location.
5. Name of the second closest store where the user can try on or buy the Item.Swipe to view. For example, name of Barney's Co-op or a department store where he can buy Abercrombie. Shows how many blocks away the store is. Goes to 3.1 "Store Detail" screen.
6. Name of the closest store where the user can try on or buy the Item.Name of store where he can buy the Item he selected. Show how many blocks away the store is. Goes to 3.1 "Store Detail" screen.
7. NavigationGoes to 1.0 "Slide to Your Size screen, 2.1 "Item" screen and 2.2 "Outfit" screen of the app.
8. Goes to 3.2 "Store List" screen User can see a list view of these stores.
4.
7.
2.
8.
5.
3.
1.
6.
Monday, March 3, 14
Results
✤ “I was shopping this weekend and this app would have saved me so much time.” -- User feedback
✤ Sizable allows men to input their size and filter first. It heals their fit pain points and makes them feel successful when they need to buy.
✤ Sizable allows brands and retailers to increase conversion, and decrease discovery and acquisition costs.
Monday, March 3, 14
Student Work For User Experience Boot Camp At General Assembly
[email protected] Jenny Zhang
Monday, March 3, 14