Transcript
Page 1: Daniel Burka - Iterative Design Strategies

Evolution of your Design

Photo Credit: kevindooley

Iteration & YouDesigning Adaptable WebsitesDaniel Burka – Digg Creative Director – Pownce Co-founder

Page 2: Daniel Burka - Iterative Design Strategies

Your design sucksTrust me, you can do better

Credit: Martin_Heigan

Page 3: Daniel Burka - Iterative Design Strategies

Are you in or out?in-house designvscontract work

Credit: Mark Trammellaka chasingfun

Page 4: Daniel Burka - Iterative Design Strategies

Read this bookStewart Brand - How Buildings Learn

Page 5: Daniel Burka - Iterative Design Strategies

High roadarchitecture

Page 6: Daniel Burka - Iterative Design Strategies

High roadwebsite

Page 7: Daniel Burka - Iterative Design Strategies

Low roadarchitecture

Page 8: Daniel Burka - Iterative Design Strategies

Low roadWebsite

Page 9: Daniel Burka - Iterative Design Strategies

Look what you can do!Build yourself a castle in no time!

Page 10: Daniel Burka - Iterative Design Strategies

Establish a visual languageAvoid the Tower of Babel

Page 11: Daniel Burka - Iterative Design Strategies
Page 12: Daniel Burka - Iterative Design Strategies

Example from Pownce

Page 13: Daniel Burka - Iterative Design Strategies
Page 14: Daniel Burka - Iterative Design Strategies
Page 15: Daniel Burka - Iterative Design Strategies

Mezzoblue(thanks Dave!!)

Mozilla Digg

Page 16: Daniel Burka - Iterative Design Strategies
Page 17: Daniel Burka - Iterative Design Strategies
Page 18: Daniel Burka - Iterative Design Strategies
Page 19: Daniel Burka - Iterative Design Strategies
Page 20: Daniel Burka - Iterative Design Strategies
Page 21: Daniel Burka - Iterative Design Strategies

Desire pathsDon’t try to predict everything

Credit: Phil Gyford

Page 22: Daniel Burka - Iterative Design Strategies

Adapt to ScaleIt’s a great problem to have

Page 23: Daniel Burka - Iterative Design Strategies

Subtraction is iteration tooTry to remove as much as you add

Credit: Rev Dan Catt

Page 24: Daniel Burka - Iterative Design Strategies
Page 25: Daniel Burka - Iterative Design Strategies
Page 26: Daniel Burka - Iterative Design Strategies
Page 27: Daniel Burka - Iterative Design Strategies

Realign, don’t RedesignCameron Moll is clever

Credit: kk+ (flickr)

Page 28: Daniel Burka - Iterative Design Strategies

so I can shoot them in the face”

Stuart Butterfield, Flickr

“Every time I hear a designer say the word

innovation I reach for my revolver....

March, 2008

Page 29: Daniel Burka - Iterative Design Strategies

Make time for iterationDon’t overbook yourself on new stuff

Credit: Jeremy Keith

Don’t hesitate to release

Page 30: Daniel Burka - Iterative Design Strategies

Don’t panic!Listen and learn carefully before reacting

Page 31: Daniel Burka - Iterative Design Strategies

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

Page 32: Daniel Burka - Iterative Design Strategies

Digg comments systemA case study

2005-2008

Page 33: Daniel Burka - Iterative Design Strategies

2005

Page 34: Daniel Burka - Iterative Design Strategies

2005Doesn’t scale

Page 35: Daniel Burka - Iterative Design Strategies

2005Limited functionality

Doesn’t scale

Page 36: Daniel Burka - Iterative Design Strategies

2005

Data isn’t very compact

Limited functionality

Doesn’t scale

Page 37: Daniel Burka - Iterative Design Strategies

2005

Design is awfully literal

Data isn’t very compact

Limited functionality

Doesn’t scale

Page 38: Daniel Burka - Iterative Design Strategies

2006

Page 39: Daniel Burka - Iterative Design Strategies

2006Still doesn’t scale that well

Page 40: Daniel Burka - Iterative Design Strategies

2006Nesting confuses novices

Still doesn’t scale that well

Page 41: Daniel Burka - Iterative Design Strategies

2006

Nesting too basic for experts

Nesting confuses novices

Still doesn’t scale that well

Page 42: Daniel Burka - Iterative Design Strategies

2006

Top posting rampant

Nesting too basic for experts

Nesting confuses novices

Still doesn’t scale that well

Page 43: Daniel Burka - Iterative Design Strategies

2007

Page 44: Daniel Burka - Iterative Design Strategies

2007Scales! ... but slower UI

Page 45: Daniel Burka - Iterative Design Strategies

2007Nesting! ... but cluttered

Scales! ... but slower UI

Page 46: Daniel Burka - Iterative Design Strategies

2007

Interactions awkward

Nesting! ... but cluttered

Scales! ... but slower UI

Page 47: Daniel Burka - Iterative Design Strategies

2007

Hard to locate your comments

Interactions awkward

Nesting! ... but cluttered

Scales! ... but slower UI

Page 48: Daniel Burka - Iterative Design Strategies

2008

Page 49: Daniel Burka - Iterative Design Strategies

2008Scales better... much faster

Page 50: Daniel Burka - Iterative Design Strategies

2008More functionality, less clutter

Scales better... much faster

Page 51: Daniel Burka - Iterative Design Strategies

2008

Interactions stronger

More functionality, less clutter

Scales better... much faster

Page 52: Daniel Burka - Iterative Design Strategies

2008

Start looking for cracks...

Interactions stronger

More functionality, less clutter

Scales better... much faster

Page 53: Daniel Burka - Iterative Design Strategies

Adapt to surviveIf iterative design isn’t instinctual, be convincing

Page 54: Daniel Burka - Iterative Design Strategies

Thanks! Questions?Slides will be on deltatangobravo.com


Recommended