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

9,866 views

Published on

So many businesses earn their daily bread online, so why are so many online shops so poorly designed?

This presentation from Edge of the Web '09 in Perth, Australia, is a review of common mistakes, and numerous common sense solutions and best practice examples for e-commerce site design.

Published in: Design, Technology
3 Comments
36 Likes
Statistics
Notes
No Downloads
Views
Total views
9,866
On SlideShare
0
From Embeds
0
Number of Embeds
163
Actions
Shares
0
Downloads
410
Comments
3
Likes
36
Embeds 0
No embeds

No notes for slide

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

  1. Flogging Design Daily Disasers & Bes Practice in Online Shop Design Perth, Australia November 2009
  2. Matt Balara Edge of the Web 2009 Flogging Design ?
  3. Heyyyy! 0Estasyo 1 p Ste aze! S le
  4. I want my MBP! Photo by LexnGer http://flic.kr/p/5bRyhQ
  5. Cartoon by Bill McLemore
  6. 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
  7. Matt Balara Edge of the Web 2009 Flogging Design Know Your Shoppers Who are we designing for?
  8. Browser
  9. Questor
  10. Blow-in
  11. Socialite
  12. Matt Balara Edge of the Web 2009 Flogging Design The Browser “I’m just looking.”
  13. The Browser
  14. Is this you? Photo by Emily Webber http://flic.kr/p/6aU4Rv
  15. Is this you? Photo by galaygobi http://flic.kr/p/b7YTT
  16. Is this you? Photo by specialkrb http://flic.kr/p/6bcPDm
  17. Design by Dustin Curtis http://dustincurtis.com
  18. navigation Photo by sevensixfive http://flic.kr/p/CYaYB
  19. Compact & simple
  20. Compact & simple
  21. Strict categories vs. multiple pathways
  22. Strict categories vs. multiple pathways plush toy dress-up action figure
  23. Strict categories vs. multiple pathways
  24. 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
  25. Strict categories vs. multiple pathways
  26. pringboards Photo by danibegood2001 http://flic.kr/p/5iwoxU
  27. Plenty of attractive options...
  28. Plenty of attractive options...
  29. Plenty of attractive options...
  30. How not to help the user...
  31. How not to help the user...
  32. “Don’t Make Me Think” by Steve Krug
  33. Scarcity motivates...
  34. Matt Balara Edge of the Web 2009 Flogging Design The Questor “I will find the one true product!”
  35. The Questor
  36. ? Search is hard!
  37. Hmmm.
  38. The ring!
  39. More features? More info.
  40. Less features? Bigger image.
  41. tooh uc ! m fo in Photo by Adam Pieniazek http://flic.kr/p/55Jf79
  42. Matt Balara Edge of the Web 2009 Flogging Design The Socialite “Honey, what do you think of this?”
  43. The Socialite
  44. like attracts like. Photo by heath_bar http://flic.kr/p/4MVejj
  45. 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
  46. rushfaster is trying hard...
  47. rushfaster is trying hard...
  48. rushfaster is trying hard...
  49. rushfaster is trying hard... ?
  50. Zappos gets sharing.
  51. Zappos gets sharing. Short URLs = sharing freedom
  52. Zappos gets sharing. “Tell a Friend” = simple 1-to-1 sharing
  53. Zappos gets sharing.
  54. Zappos gets sharing.
  55. Zappos gets sharing. “Share” = broadcast your taste
  56. Zappos gets sharing.
  57. Zappos gets sharing.
  58. Amazon has short URLs? ISBN { http://amzn.com/0596154925 http://www.amazon.com/dp/0596154925/ref=cm_sw_su_dp
  59. Amazon has short URLs? ?
  60. Matt Balara Edge of the Web 2009 Flogging Design The Blow-in “Uh, how’d I get here?”
  61. The Blow-in
  62. Close your eyes...
  63. Photo by Daygo D. http://flic.kr/p/5YU6mg
  64. make me want it! Photo by Thomas Hawk http://flic.kr/p/8jULC
  65. Peter’s of Kensington makes me squint
  66. Rush Faster makes me want their products
  67. Rush Faster makes me want their products
  68. Rush Faster makes me want their products
  69. Rush Faster makes me want their products
  70. ECCO lets you take a closer look
  71. ECCO lets you take a closer look
  72. ECCO lets you take a closer look
  73. ECCO lets you take a closer look
  74. Apple, the master of want
  75. Apple, the master of want
  76. Apple, the master of want u ct odter! Pr ea Th
  77. Something by Someone
  78. focus Photo by kevindooley http://flic.kr/p/6GERjX
  79. Matt Balara Edge of the Web 2009 Flogging Design Show me the Money “Get out of my way!”
  80. Photo by Sheila Steele http://flic.kr/p/7vtpM
  81. Photo by jussstas http://flic.kr/p/8Y3N1
  82. Why do we do this?
  83. Why do we do this?
  84. Why ask, if we already know? 4506 1187 0913 1114 5144 0932 8715 4748 3426 9960 899 654
  85. Why ask, if we already know? 4506 1187 0913 1114 5144 0932 8715 4748 3426 9960 899 654
  86. Why ask, if we already know? 4506 1187 0913 1114 5144 0932 8715 4748 3426 9960 899 654
  87. Threadless gets this right
  88. Another question we can answer ourselves.
  89. Another question we can answer ourselves.
  90. Isn’t this some kind of torture?
  91. Isn’t this some kind of torture?
  92. 43 s! 2 n One Dropdown op tio
  93. Shorter, not better...
  94. Shorter, not better...
  95. Shorter, not better...
  96. Isn’t this what suggestive search is for?
  97. Isn’t this what suggestive search is for?
  98. Isn’t this what suggestive search is for?
  99. Isn’t this what suggestive search is for?
  100. Isn’t this what suggestive search is for?
  101. Isn’t this what suggestive search is for?
  102. Isn’t this what suggestive search is for?
  103. Hello?
  104. Hello?
  105. Hello? ?
  106. Hello?
  107. Built in stumbling blocks...
  108. Built in stumbling blocks...
  109. Built in stumbling blocks... 660 pi xels
  110. Built in stumbling blocks... ked ba in f ail 660 pi xels
  111. A simple problem, easily solved.
  112. And last but not least...
  113. And last but not least... What users really want!
  114. ger g Big pin hop ts! S ar C Photo by jmccorm http://flic.kr/p/3uLfXE
  115. Web Form Design by Luke Wroblewski http://j.mp/8HtDs
  116. Matt Balara Edge of the Web 2009 Flogging Design Thanks... and? The web’s biggest missed opportunity
  117. Paula’s Choice, as bad as it gets.
  118. 5 Senses Coffee only tells me what I already know
  119. MOO doesn’t care what I do next.
  120. Even Apple misses this one.
  121. Amazon doesn’t miss an opportunity.
  122. Amazon doesn’t miss an opportunity.
  123. Matt Balara Edge of the Web 2009 Flogging Design Once more with feeling!
  124. Heyyyy! don’t be this guy.
  125. impress Photo by Emily Webber http://flic.kr/p/6aU4Rv
  126. navigation Photo by sevensixfive http://flic.kr/p/CYaYB
  127. pringboards Photo by danibegood2001 http://flic.kr/p/5iwoxU
  128. make me want it! Photo by Thomas Hawk http://flic.kr/p/8jULC
  129. focus Photo by kevindooley http://flic.kr/p/6GERjX
  130. like attracts like. Photo by heath_bar http://flic.kr/p/4MVejj
  131. desroy all stops. Photo by jussstas http://flic.kr/p/8Y3N1
  132. Thank you! Web mattbalara.com Matt Balara Email hello@mattbalara.com Freelance Designer Twitter @MattBalara
  133. Thank you! Questions? Web mattbalara.com Matt Balara Email hello@mattbalara.com Freelance Designer Twitter @MattBalara

×