Daniel Burka - Iterative Design Strategies

54
Evolution of your Design Photo Credit: kevindooley Iteration & You Designing Adaptable Websites Daniel Burka Digg Creative Director Pownce Co-founder

description

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.

Transcript of Daniel Burka - Iterative Design Strategies

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