embracing iterative design
DESCRIPTION
Mike Rohde, Art Director for MakaluMedia, Inc. discusses how he embraces an iterative design process in his logo and web design work. This presentation includes samples of projects from sketches through final design. http://www.makalumedia.com/ http://www.rohdesign.com/TRANSCRIPT
Iterative DesignMike Rohde
Art Director – MakaluMedia, Inc.Blogger – Rohdesign Weblog
Embracing
What isIterative Design?
A step-by-step process for solving design challenges.
Why Embrace Iteration?
Iteration lets you start somewhere.
Iteration reduces the pressure for a “eureka.”
Iteration provides time to “brew”on ideas.
Design Iteration Ideas
Capture good ideas everywhere.
Write specs and key details before sketching.
Defend your ideas – write out defense notes.
Break projects into distinct phases.
Save major iterations.
Get feedback from designers and others
Enjoy the process!
Blit Logo Designwww.blit.com
Blit Logo: Sketches v1
Project detailswritten in the margin forreference
Many differentideas, numbered
Blit Logo: Sketches v2
Winning conceptsdidn’t appearuntil round 2
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.
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.
Blit Logo: Final Logo Winner
UserScape Web Redesign
www.userscape.com
UserScape Web Redesign: Sketch v1
Project detailswritten in the margin forreference
Detailed notesembedded inthe sketches
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
UserScape Web Redesign: Concept v1
Blocking outareas can help
Design is gettingfilled in a little
bit better
UserScape Web Redesign: Concept v2
Flowed in realtext here so Icould get abetter idea forstructure
More detailsadded in
each phase
UserScape Web Redesign: Concept v3
Sidebars filledin and adjusted
Screenshots added in,
text tuned up
UserScape Web Redesign: Final Concept
Sidebars filledin and adjusted
Headline de-emphasized
Finalizedtrial text
Navbars finalized
Quotesfinalized
Q+A
MakaluMedia: www.makalumedia.comRohdesign Weblog: www.rohdesign.com
Mike Rohde