Embracing Iterative Design
-
Upload
mike-rohde -
Category
Technology
-
view
12.665 -
download
4
description
Transcript of Embracing Iterative Design
![Page 1: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/1.jpg)
Iterative DesignMike Rohde
Art Director – MakaluMedia, Inc.Blogger – Rohdesign Weblog
Embracing
![Page 2: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/2.jpg)
What isIterative Design?
A step-by-step process for solving design challenges.
![Page 3: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/3.jpg)
Why Embrace Iteration?
![Page 4: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/4.jpg)
Iteration lets you start somewhere.
![Page 5: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/5.jpg)
Iteration reduces the pressure for a “eureka.”
![Page 6: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/6.jpg)
Iteration provides time to “brew”on ideas.
![Page 7: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/7.jpg)
Design Iteration Ideas
![Page 8: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/8.jpg)
Capture good ideas everywhere.
![Page 9: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/9.jpg)
Write specs and key details before sketching.
![Page 10: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/10.jpg)
Defend your ideas – write out defense notes.
![Page 11: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/11.jpg)
Break projects into distinct phases.
![Page 12: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/12.jpg)
Save major iterations.
![Page 13: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/13.jpg)
Get feedback from designers and others
![Page 14: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/14.jpg)
Enjoy the process!
![Page 15: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/15.jpg)
Blit Logo Designwww.blit.com
![Page 16: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/16.jpg)
Blit Logo: Sketches v1
Project detailswritten in the margin forreference
Many differentideas, numbered
![Page 17: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/17.jpg)
Blit Logo: Sketches v2
Winning conceptsdidn’t appearuntil round 2
![Page 18: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/18.jpg)
Blit Logo: B&W Concepts v1
Again, I showMany different
ideas, numbered
Along with mynumbered designsI always provide“defense”noteson why I like oneidea over another.I also like tellingclients which aremy favorite(s)and exactly why.
![Page 19: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/19.jpg)
Blit Logo: Color Concepts v1
For continuity I liketo show B&Wwinners above
with various color optionsdown below
I try and limitdesigns I presentinternally, to helpwith reducingto a winner,rather thancreating moreoptions.
![Page 20: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/20.jpg)
Blit Logo: Final Logo Winner
![Page 21: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/21.jpg)
UserScape Web Redesign
www.userscape.com
![Page 22: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/22.jpg)
UserScape Web Redesign: Sketch v1
Project detailswritten in the margin forreference
Detailed notesembedded inthe sketches
![Page 23: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/23.jpg)
UserScape Web Redesign: Concept v0.1
Whole sectionswere missing...
Pretty roughbut getting
into the groove
Usually I wouldkeep early workto myself, butthis clientunderstood itwas in-progress
![Page 24: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/24.jpg)
UserScape Web Redesign: Concept v1
Blocking outareas can help
Design is gettingfilled in a little
bit better
![Page 25: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/25.jpg)
UserScape Web Redesign: Concept v2
Flowed in realtext here so Icould get abetter idea forstructure
More detailsadded in
each phase
![Page 26: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/26.jpg)
UserScape Web Redesign: Concept v3
Sidebars filledin and adjusted
Screenshots added in,
text tuned up
![Page 27: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/27.jpg)
UserScape Web Redesign: Final Concept
Sidebars filledin and adjusted
Headline de-emphasized
Finalizedtrial text
Navbars finalized
Quotesfinalized
![Page 28: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/28.jpg)
Q+A
![Page 29: Embracing Iterative Design](https://reader033.fdocuments.net/reader033/viewer/2022051207/53fffe928d7f72ba408b4581/html5/thumbnails/29.jpg)
MakaluMedia: www.makalumedia.comRohdesign Weblog: www.rohdesign.com
Mike Rohde