daniel burka - iterative design strategies
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
![Page 1: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/2.jpg)
Your design sucksTrust me, you can do better
Credit: Martin_Heigan
![Page 3: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/3.jpg)
Are you in or out?in-house designvscontract work
Credit: Mark Trammellaka chasingfun
![Page 4: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/4.jpg)
Read this bookStewart Brand - How Buildings Learn
![Page 5: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/5.jpg)
High roadarchitecture
![Page 6: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/6.jpg)
High roadwebsite
![Page 7: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/7.jpg)
Low roadarchitecture
![Page 8: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/8.jpg)
Low roadWebsite
![Page 9: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/9.jpg)
Look what you can do!Build yourself a castle in no time!
![Page 10: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/10.jpg)
Establish a visual languageAvoid the Tower of Babel
![Page 11: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/11.jpg)
![Page 12: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/12.jpg)
Example from Pownce
![Page 13: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/13.jpg)
![Page 14: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/14.jpg)
![Page 15: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/15.jpg)
Mezzoblue(thanks Dave!!)
Mozilla Digg
![Page 16: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/16.jpg)
![Page 17: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/17.jpg)
![Page 18: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/18.jpg)
![Page 19: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/19.jpg)
![Page 20: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/20.jpg)
![Page 21: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/21.jpg)
Desire pathsDon’t try to predict everything
Credit: Phil Gyford
![Page 22: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/22.jpg)
Adapt to ScaleIt’s a great problem to have
![Page 23: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/23.jpg)
Subtraction is iteration tooTry to remove as much as you add
Credit: Rev Dan Catt
![Page 24: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/24.jpg)
![Page 25: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/25.jpg)
![Page 26: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/26.jpg)
![Page 27: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/27.jpg)
Realign, don’t RedesignCameron Moll is clever
Credit: kk+ (flickr)
![Page 28: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/28.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/29.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/30.jpg)
Don’t panic!Listen and learn carefully before reacting
![Page 31: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/31.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/32.jpg)
Digg comments systemA case study
2005-2008
![Page 33: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/33.jpg)
2005
![Page 34: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/34.jpg)
2005Doesn’t scale
![Page 35: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/35.jpg)
2005Limited functionality
Doesn’t scale
![Page 36: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/36.jpg)
2005
Data isn’t very compact
Limited functionality
Doesn’t scale
![Page 37: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/37.jpg)
2005
Design is awfully literal
Data isn’t very compact
Limited functionality
Doesn’t scale
![Page 38: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/38.jpg)
2006
![Page 39: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/39.jpg)
2006Still doesn’t scale that well
![Page 40: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/40.jpg)
2006Nesting confuses novices
Still doesn’t scale that well
![Page 41: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/41.jpg)
2006
Nesting too basic for experts
Nesting confuses novices
Still doesn’t scale that well
![Page 42: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/42.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/43.jpg)
2007
![Page 44: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/44.jpg)
2007Scales! ... but slower UI
![Page 45: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/45.jpg)
2007Nesting! ... but cluttered
Scales! ... but slower UI
![Page 46: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/46.jpg)
2007
Interactions awkward
Nesting! ... but cluttered
Scales! ... but slower UI
![Page 47: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/47.jpg)
2007
Hard to locate your comments
Interactions awkward
Nesting! ... but cluttered
Scales! ... but slower UI
![Page 48: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/48.jpg)
2008
![Page 49: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/49.jpg)
2008Scales better... much faster
![Page 50: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/50.jpg)
2008More functionality, less clutter
Scales better... much faster
![Page 51: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/51.jpg)
2008
Interactions stronger
More functionality, less clutter
Scales better... much faster
![Page 52: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/52.jpg)
2008
Start looking for cracks...
Interactions stronger
More functionality, less clutter
Scales better... much faster
![Page 53: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/53.jpg)
Adapt to surviveIf iterative design isn’t instinctual, be convincing
![Page 54: Daniel Burka - Iterative Design Strategies](https://reader035.vdocuments.mx/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/54.jpg)
Thanks! Questions?Slides will be on deltatangobravo.com