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

Flogging Design Daily Disasers & Bes Practice in Online Shop Design Perth, Australia November 2009

Matt Balara Edge of the Web 2009 Flogging Design ?

Heyyyy! 0Estasyo 1 p Ste aze! S le

I want my MBP! Photo by LexnGer http://flic.kr/p/5bRyhQ

Cartoon by Bill McLemore

Hi! xD Xer I ign D c phi r es U D D graigne des I Photo by Julian Bleecker http://flic.kr/p/4YXxrr

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

Is this you? 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

Design by Dustin Curtis http://dustincurtis.com

navigation Photo by sevensixfive http://flic.kr/p/CYaYB

Compact & simple

Strict categories vs. multiple pathways

Strict categories vs. multiple pathways plush toy dress-up action figure

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

pringboards Photo by danibegood2001 http://flic.kr/p/5iwoxU

Plenty of attractive options...

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

? Search is hard!

The ring!

More features? More info.

Less features? Bigger image.

tooh uc ! m fo in Photo by Adam Pieniazek http://flic.kr/p/55Jf79

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

62% of all shoppers consult like “ ” online communities before making a purchase. Just 27% attracts of consumers go directly to like. 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... ?

Zappos gets sharing.

Zappos gets sharing. Short URLs = sharing freedom

Zappos gets sharing. “Tell a Friend” = simple 1-to-1 sharing

Zappos gets sharing. “Share” = broadcast your taste

Amazon has short URLs? ISBN { http://amzn.com/0596154925 http://www.amazon.com/dp/0596154925/ref=cm_sw_su_dp

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...

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

ECCO lets you take a closer look

Apple, the master of want

Apple, the master of want u ct odter! Pr ea Th

Something by Someone

focus Photo by kevindooley http://flic.kr/p/6GERjX

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 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.

Isn’t this some kind of torture?

43 s! 2 n One Dropdown op tio

Shorter, not better...

Isn’t this what suggestive search is for?

Hello?

Hello? ?

Hello?

Built in stumbling blocks...

Built in stumbling blocks... 660 pi xels

Built in stumbling blocks... ked ba in f ail 660 pi xels

A simple problem, easily solved.

And last but not least...

And last but not least... What users really want!

ger g Big pin hop ts! S ar C Photo by jmccorm http://flic.kr/p/3uLfXE

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.

Matt Balara Edge of the Web 2009 Flogging Design Once more with feeling!

Heyyyy! don’t be this guy.

impress Photo by Emily Webber http://flic.kr/p/6aU4Rv

navigation Photo by sevensixfive http://flic.kr/p/CYaYB

pringboards Photo by danibegood2001 http://flic.kr/p/5iwoxU

make me want it! Photo by Thomas Hawk http://flic.kr/p/8jULC

focus Photo by kevindooley http://flic.kr/p/6GERjX

like attracts like. Photo by heath_bar http://flic.kr/p/4MVejj

desroy all stops. Photo by jussstas http://flic.kr/p/8Y3N1

Thank you! Web mattbalara.com Matt Balara Email hello@mattbalara.com Freelance Designer Twitter @MattBalara

Thank you! Questions? Web mattbalara.com Matt Balara Email hello@mattbalara.com Freelance Designer Twitter @MattBalara

http://www.pollenizer.com	20
http://www.slideshare.net	15
http://a0.twimg.com	15
http://speakerrate.com	4
http://www.e-presentations.us	4
http://siliconeteen.blogspot.com	4
http://webcache.googleusercontent.com	1

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

by Matt Balara on Nov 05, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 63

Statistics

Flogging Design: Daily Disasters & Best Practice in Online Shop Design — Presentation Transcript