Daniel Burka - Iterative Design Strategies
-
Upload
daniel-burka -
Category
Business
-
view
13.234 -
download
2
description
Transcript of Daniel Burka - Iterative Design Strategies
![Page 1: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/4.jpg)
Read this bookStewart Brand - How Buildings Learn
![Page 5: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/5.jpg)
High roadarchitecture
![Page 6: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/6.jpg)
High roadwebsite
![Page 7: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/7.jpg)
Low roadarchitecture
![Page 8: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/8.jpg)
Low roadWebsite
![Page 9: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/11.jpg)
![Page 12: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/12.jpg)
Example from Pownce
![Page 13: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/13.jpg)
![Page 14: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/14.jpg)
![Page 15: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/15.jpg)
Mezzoblue(thanks Dave!!)
Mozilla Digg
![Page 16: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/16.jpg)
![Page 17: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/17.jpg)
![Page 18: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/18.jpg)
![Page 19: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/19.jpg)
![Page 20: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/20.jpg)
![Page 21: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/24.jpg)
![Page 25: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/25.jpg)
![Page 26: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/26.jpg)
![Page 27: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/32.jpg)
Digg comments systemA case study
2005-2008
![Page 33: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/33.jpg)
2005
![Page 34: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/34.jpg)
2005Doesn’t scale
![Page 35: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/35.jpg)
2005Limited functionality
Doesn’t scale
![Page 36: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/38.jpg)
2006
![Page 39: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/39.jpg)
2006Still doesn’t scale that well
![Page 40: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/43.jpg)
2007
![Page 44: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/44.jpg)
2007Scales! ... but slower UI
![Page 45: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/45.jpg)
2007Nesting! ... but cluttered
Scales! ... but slower UI
![Page 46: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/48.jpg)
2008
![Page 49: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/49.jpg)
2008Scales better... much faster
![Page 50: Daniel Burka - Iterative Design Strategies](https://reader035.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader035/viewer/2022062703/55533835b4c905e12e8b4f3d/html5/thumbnails/54.jpg)
Thanks! Questions?Slides will be on deltatangobravo.com