Photo Credit: kevindooley




           Evolution of your
                Design
Iteration & You
Designing Adaptable Webs...
Credit: Martin_Heigan




  Your design sucks
Trust me, you can do better
Credit: Mark Trammell
                              aka chasingfun




       Are you in or out?
contract work   vs   in-h...
Read this book
Stewart Brand - How Buildings Learn
High road
  architecture
High road
  website
Low road
 architecture
Low road
   Website
Look what you can do!
Build yourself a castle in no time!
Establish a visual language
   Avoid the Tower of Babel
Example from Pownce
Mezzoblue         Mozilla   Digg
(thanks Dave!!)
Desire paths
                       Don’t try to predict everything




Credit: Phil Gyford
Adapt to Scale
It’s a great problem to have
Subtraction is iteration too
Try to remove as much as you add




                                   Credit: Rev Dan Catt
Realign, don’t Redesign
Cameron Moll is clever




Credit: kk+ (flickr)
“Every time I hear a designer say the word
    innovation I reach for my revolver....
   so I can shoot them in the face”
...
Make time for iteration
    Don’t overbook yourself on new stuff
    Don’t hesitate to release




Credit: Jeremy Keith
Don’t panic!
Listen and learn carefully before reacting
Low road design is much easier to adapt

Realign, don’t redesign

Create a visual language and iterate it
You can’t predic...
A case study

Digg comments system
                 2005-2008
2005
Doesn’t scale   2005
Limited functionality
Doesn’t scale           2005
Data isn’t very compact
Limited functionality
Doesn’t scale             2005
Design is awfully literal
Data isn’t very compact
Limited functionality
Doesn’t scale               2005
2006
Still doesn’t scale that well   2006
Nesting confuses novices
Still doesn’t scale that well   2006
Nesting too basic for experts
Nesting confuses novices
Still doesn’t scale that well   2006
Top posting rampant
Nesting too basic for experts
Nesting confuses novices
Still doesn’t scale that well   2006
2007
Scales! ... but slower UI   2007
Nesting! ... but cluttered
Scales! ... but slower UI    2007
Interactions awkward
Nesting! ... but cluttered
Scales! ... but slower UI    2007
Hard to locate your comments
Interactions awkward
Nesting! ... but cluttered
Scales! ... but slower UI      2007
2008
Scales better... much faster   2008
More functionality, less clutter
Scales better... much faster       2008
Interactions stronger
More functionality, less clutter
Scales better... much faster       2008
Start looking for cracks...
Interactions stronger
More functionality, less clutter
Scales better... much faster       2008
Adapt to survive
If iterative design isn’t instinctual, be convincing
Thanks! Questions?
 Slides will be on deltatangobravo.com
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Daniel Burka - Iterative Design Strategies
Upcoming SlideShare
Loading in …5
×

Daniel Burka - Iterative Design Strategies

13,913 views

Published on

This workshop at MeshU 2008 focuses on ways to start projects and then take your work through phases of refinement and adjustment. Looking at examples from Digg, Pownce, and elsewhere, we'll talk about creating a visual language, adapting to user feedback, and iterating your web projects over time.

Published in: Business, Technology
1 Comment
30 Likes
Statistics
Notes
  • Very interesting and good presentation.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
13,913
On SlideShare
0
From Embeds
0
Number of Embeds
58
Actions
Shares
0
Downloads
193
Comments
1
Likes
30
Embeds 0
No embeds

No notes for slide

Daniel Burka - Iterative Design Strategies

  1. 1. Photo Credit: kevindooley Evolution of your Design Iteration & You Designing Adaptable Websites Daniel Burka – Digg Creative Director – Pownce Co-founder
  2. 2. Credit: Martin_Heigan Your design sucks Trust me, you can do better
  3. 3. Credit: Mark Trammell aka chasingfun Are you in or out? contract work vs in-house design
  4. 4. Read this book Stewart Brand - How Buildings Learn
  5. 5. High road architecture
  6. 6. High road website
  7. 7. Low road architecture
  8. 8. Low road Website
  9. 9. Look what you can do! Build yourself a castle in no time!
  10. 10. Establish a visual language Avoid the Tower of Babel
  11. 11. Example from Pownce
  12. 12. Mezzoblue Mozilla Digg (thanks Dave!!)
  13. 13. Desire paths Don’t try to predict everything Credit: Phil Gyford
  14. 14. Adapt to Scale It’s a great problem to have
  15. 15. Subtraction is iteration too Try to remove as much as you add Credit: Rev Dan Catt
  16. 16. Realign, don’t Redesign Cameron Moll is clever Credit: kk+ (flickr)
  17. 17. “Every time I hear a designer say the word innovation I reach for my revolver.... so I can shoot them in the face” Stuart Butterfield, Flickr March, 2008
  18. 18. Make time for iteration Don’t overbook yourself on new stuff Don’t hesitate to release Credit: Jeremy Keith
  19. 19. Don’t panic! Listen and learn carefully before reacting
  20. 20. Low road design is much easier to adapt Realign, don’t redesign Create a visual language and iterate it You can’t predict all eventualities Remove as much as you add Don’t be over reactive Make time for iteration
  21. 21. A case study Digg comments system 2005-2008
  22. 22. 2005
  23. 23. Doesn’t scale 2005
  24. 24. Limited functionality Doesn’t scale 2005
  25. 25. Data isn’t very compact Limited functionality Doesn’t scale 2005
  26. 26. Design is awfully literal Data isn’t very compact Limited functionality Doesn’t scale 2005
  27. 27. 2006
  28. 28. Still doesn’t scale that well 2006
  29. 29. Nesting confuses novices Still doesn’t scale that well 2006
  30. 30. Nesting too basic for experts Nesting confuses novices Still doesn’t scale that well 2006
  31. 31. Top posting rampant Nesting too basic for experts Nesting confuses novices Still doesn’t scale that well 2006
  32. 32. 2007
  33. 33. Scales! ... but slower UI 2007
  34. 34. Nesting! ... but cluttered Scales! ... but slower UI 2007
  35. 35. Interactions awkward Nesting! ... but cluttered Scales! ... but slower UI 2007
  36. 36. Hard to locate your comments Interactions awkward Nesting! ... but cluttered Scales! ... but slower UI 2007
  37. 37. 2008
  38. 38. Scales better... much faster 2008
  39. 39. More functionality, less clutter Scales better... much faster 2008
  40. 40. Interactions stronger More functionality, less clutter Scales better... much faster 2008
  41. 41. Start looking for cracks... Interactions stronger More functionality, less clutter Scales better... much faster 2008
  42. 42. Adapt to survive If iterative design isn’t instinctual, be convincing
  43. 43. Thanks! Questions? Slides will be on deltatangobravo.com

×