SlideShare a Scribd company logo
1 of 171
Download to read offline
Flogging
Design
Perth, Australia November 2009
Daily Disasers & Bes Practice
in Online Shop Design
Matt Balara Edge of the Web 2009 Flogging Design
?
Heyyyy!
10 Easy
Steps to
Sleaze!
Photo by LexnGer http://flic.kr/p/5bRyhQ
I want my
MBP!
Cartoon by Bill McLemore
graphic
designer
Photo by Julian Bleecker http://flic.kr/p/4YXxrr
Hi!
IxD
UXD
ID
Designer
Matt Balara Edge of the Web 2009 Flogging Design
Know Your
Shoppers
Who are we designing for?
Browser
Questor
Blow-in
Socialite
Matt Balara Edge of the Web 2009 Flogging Design
The
Browser
“I’m just looking.”
The Browser
Photo by Emily Webber http://flic.kr/p/6aU4Rv
Is
this
you?
Photo by galaygobi http://flic.kr/p/b7YTT
Is
this
you?
Photo by specialkrb http://flic.kr/p/6bcPDm
Is
this
you?
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Design by Dustin Curtis http://dustincurtis.com
Photo by sevensixfive http://flic.kr/p/CYaYB
navigation
Compact & simple
Compact & simple
Strict categories vs. multiple pathways
Strict categories vs. multiple pathways
plush toy dress-up action figure
Strict categories vs. multiple pathways
Strict categories vs. multiple pathways
plush toy
ages 3–6
Animal Alley
dress-up
ages 6–10
Hello Kitty
action figure
ages 8–12
movie toy
Twilight
top rated
Strict categories vs. multiple pathways
Photo by danibegood2001 http://flic.kr/p/5iwoxU
pringboards
Plenty of attractive options...
Plenty of attractive options...
Plenty of attractive options...
How not to help the user...
How not to help the user...
“Don’t Make Me Think” by Steve Krug
Scarcity motivates...
Matt Balara Edge of the Web 2009 Flogging Design
The
Questor
“I will find the one
true product!”
The Questor
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Search is
hard!
?
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Hmmm.
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
The ring!
More features?
More info.
Less features?
Bigger image.
Photo by Adam Pieniazek http://flic.kr/p/55Jf79
too
much
info!
Matt Balara Edge of the Web 2009 Flogging Design
The
Socialite
“Honey, what do you
think of this?”
The Socialite
like
attracts
like.
Photo by heath_bar http://flic.kr/p/4MVejj
like
attracts
like.
62% of all shoppers consult
online communities before
making a purchase. Just 27%
of consumers go directly to
the retailer.
net imperative http://j.mp/doz5m
“ ”
Photo by heath_bar http://flic.kr/p/4MVejj
rushfaster is trying hard...
rushfaster is trying hard...
rushfaster is trying hard...
rushfaster is trying hard...
?
Zappos gets sharing.
Zappos gets sharing.
Short URLs = sharing freedom
Zappos gets sharing.
“Tell a Friend” = simple 1-to-1 sharing
Zappos gets sharing.
Zappos gets sharing.
Zappos gets sharing.
“Share” = broadcast your taste
Zappos gets sharing.
Zappos gets sharing.
Amazon has short URLs?
http://amzn.com/
http://www.amazon.com/dp/0596154925/ref=cm_sw_su_dp
{
ISBN
0596154925
Amazon has short URLs?
?
Matt Balara Edge of the Web 2009 Flogging Design
The
Blow-in
“Uh, how’d I get here?”
The Blow-in
Close your eyes...
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Photo by Daygo D. http://flic.kr/p/5YU6mg
make me
want it!
Photo by Thomas Hawk http://flic.kr/p/8jULC
Peter’s of Kensington makes me squint
Rush Faster makes me want their products
Rush Faster makes me want their products
Rush Faster makes me want their products
Rush Faster makes me want their products
ECCO lets you take a closer look
ECCO lets you take a closer look
ECCO lets you take a closer look
ECCO lets you take a closer look
Apple, the master of want
Apple, the master of want
Apple, the master of want
Product
Theater!
Something by Someone
Photo by kevindooley http://flic.kr/p/6GERjX
focus
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Matt Balara Edge of the Web 2009 Flogging Design
Show me
the Money
“Get out of my way!”
Photo by Sheila Steele http://flic.kr/p/7vtpM
Photo by jussstas http://flic.kr/p/8Y3N1
Why do we do this?
Why do we do this?
Why ask, if we already know?
4506 1187 0913 1114
5144 0932 8715 4748
3426 9960 899 654
Why ask, if we already know?
4506 1187 0913 1114
5144 0932 8715 4748
3426 9960 899 654
Why ask, if we already know?
4506 1187 0913 1114
5144 0932 8715 4748
3426 9960 899 654
Threadless gets this right
Another question we can answer ourselves.
Another question we can answer ourselves.
Isn’t this some kind of torture?
Isn’t this some kind of torture?
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
Flogging Design: Daily Disasters & Best Practice in Online Shop Design
One Dropdown
243
options!
Shorter, not better...
Shorter, not better...
Shorter, not better...
Isn’t this what suggestive search is for?
Isn’t this what suggestive search is for?
Isn’t this what suggestive search is for?
Isn’t this what suggestive search is for?
Isn’t this what suggestive search is for?
Isn’t this what suggestive search is for?
Isn’t this what suggestive search is for?
Hello?
Hello?
Hello?
?
Hello?
Built in stumbling blocks...
Built in stumbling blocks...
Built in stumbling blocks...
660 pixels
Built in stumbling blocks...
660 pixels
baked
in
fail
A simple problem, easily solved.
And last but not least...
And last but not least...
What users
really want!
Photo by jmccorm http://flic.kr/p/3uLfXE
Bigger
Shopping
Carts!
Web Form Design by Luke Wroblewski http://j.mp/8HtDs
Matt Balara Edge of the Web 2009 Flogging Design
Thanks...
and?
The web’s biggest missed
opportunity
Paula’s Choice, as bad as it gets.
5 Senses Coffee only tells me what I already know
MOO doesn’t care what I do next.
Even Apple misses this one.
Amazon doesn’t miss an opportunity.
Amazon doesn’t miss an opportunity.
Matt Balara Edge of the Web 2009 Flogging Design
Once more
with
feeling!
Heyyyy!
don’t be
this guy.
Photo by Emily Webber http://flic.kr/p/6aU4Rv
impress
Photo by sevensixfive http://flic.kr/p/CYaYB
navigation
Photo by danibegood2001 http://flic.kr/p/5iwoxU
pringboards
make me
want it!
Photo by Thomas Hawk http://flic.kr/p/8jULC
Photo by kevindooley http://flic.kr/p/6GERjX
focus
Photo by heath_bar http://flic.kr/p/4MVejj
like
attracts
like.
Photo by jussstas http://flic.kr/p/8Y3N1
desroy
all
stops.
Thank
you!
Matt Balara
Freelance Designer
Web mattbalara.com
Email hello@mattbalara.com
Twitter @MattBalara
Thank
you!
Matt Balara
Freelance Designer
Web mattbalara.com
Email hello@mattbalara.com
Twitter @MattBalara
Questions?

More Related Content

Viewers also liked

Membuat Landing Page Online Shop
Membuat Landing Page Online ShopMembuat Landing Page Online Shop
Membuat Landing Page Online Shopswirawan
 
materi dasar debat mahasiswa - kesalahan fikir
materi dasar debat mahasiswa - kesalahan fikirmateri dasar debat mahasiswa - kesalahan fikir
materi dasar debat mahasiswa - kesalahan fikirswirawan
 
SEO Conversion Strategies (MacGyver Problem Solving Edition)
SEO Conversion Strategies (MacGyver Problem Solving Edition)SEO Conversion Strategies (MacGyver Problem Solving Edition)
SEO Conversion Strategies (MacGyver Problem Solving Edition)Angie Schottmuller
 
Preparing a 2016 Online Real Estate Business Plan
Preparing a 2016 Online Real Estate Business PlanPreparing a 2016 Online Real Estate Business Plan
Preparing a 2016 Online Real Estate Business PlanTara Christianson
 
Cara Mudah Membuat Website Online
Cara Mudah Membuat Website OnlineCara Mudah Membuat Website Online
Cara Mudah Membuat Website OnlineFahrizal Adi Wibowo
 
Whats app promotions & marketing - Market your Product & Services using WhatsApp
Whats app promotions & marketing - Market your Product & Services using WhatsAppWhats app promotions & marketing - Market your Product & Services using WhatsApp
Whats app promotions & marketing - Market your Product & Services using WhatsAppSonu Pandey
 
BAB 3 Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...
BAB 3Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...BAB 3Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...
BAB 3 Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...Emilia Wati
 
Business plan for_retail_shop
Business plan for_retail_shopBusiness plan for_retail_shop
Business plan for_retail_shopAbdulla chowdhury
 
Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...
Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...
Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...Jonathan Matz
 
Retail management business plan
Retail management business planRetail management business plan
Retail management business planAmogh Kaspale
 
Food delivery service MARKETING PLAN
Food delivery service MARKETING PLAN Food delivery service MARKETING PLAN
Food delivery service MARKETING PLAN Carlos Collado
 
Business Plan On Retail Mall
Business Plan On Retail MallBusiness Plan On Retail Mall
Business Plan On Retail Mallajithsrc
 
Presentasi E- commerce
Presentasi E- commercePresentasi E- commerce
Presentasi E- commerceImam tantowi
 

Viewers also liked (16)

Membuat Landing Page Online Shop
Membuat Landing Page Online ShopMembuat Landing Page Online Shop
Membuat Landing Page Online Shop
 
materi dasar debat mahasiswa - kesalahan fikir
materi dasar debat mahasiswa - kesalahan fikirmateri dasar debat mahasiswa - kesalahan fikir
materi dasar debat mahasiswa - kesalahan fikir
 
Building an online shop
Building an online shopBuilding an online shop
Building an online shop
 
SEO Conversion Strategies (MacGyver Problem Solving Edition)
SEO Conversion Strategies (MacGyver Problem Solving Edition)SEO Conversion Strategies (MacGyver Problem Solving Edition)
SEO Conversion Strategies (MacGyver Problem Solving Edition)
 
Preparing a 2016 Online Real Estate Business Plan
Preparing a 2016 Online Real Estate Business PlanPreparing a 2016 Online Real Estate Business Plan
Preparing a 2016 Online Real Estate Business Plan
 
Cara Mudah Membuat Website Online
Cara Mudah Membuat Website OnlineCara Mudah Membuat Website Online
Cara Mudah Membuat Website Online
 
Whats app promotions & marketing - Market your Product & Services using WhatsApp
Whats app promotions & marketing - Market your Product & Services using WhatsAppWhats app promotions & marketing - Market your Product & Services using WhatsApp
Whats app promotions & marketing - Market your Product & Services using WhatsApp
 
BAB 3 Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...
BAB 3Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...BAB 3Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...
BAB 3 Menggunakan Teknologi Informasi dalam Menjalankan Perdagangan Elektroni...
 
Business plan for_retail_shop
Business plan for_retail_shopBusiness plan for_retail_shop
Business plan for_retail_shop
 
Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...
Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...
Deliveroo’s Best Practices for Managing Customers’ Digital Experiences with U...
 
Uber Eats Launch & Pricing Strategy
Uber Eats Launch & Pricing Strategy Uber Eats Launch & Pricing Strategy
Uber Eats Launch & Pricing Strategy
 
Retail management business plan
Retail management business planRetail management business plan
Retail management business plan
 
Food delivery service MARKETING PLAN
Food delivery service MARKETING PLAN Food delivery service MARKETING PLAN
Food delivery service MARKETING PLAN
 
Business Plan On Retail Mall
Business Plan On Retail MallBusiness Plan On Retail Mall
Business Plan On Retail Mall
 
Presentasi E- commerce
Presentasi E- commercePresentasi E- commerce
Presentasi E- commerce
 
Foodpanda ppt
Foodpanda pptFoodpanda ppt
Foodpanda ppt
 

Flogging Design: Daily Disasters & Best Practice in Online Shop Design