Transcript
Page 1: Embracing Iterative Design

Iterative DesignMike Rohde

Art Director – MakaluMedia, Inc.Blogger – Rohdesign Weblog

Embracing

Page 2: Embracing Iterative Design

What isIterative Design?

A step-by-step process for solving design challenges.

Page 3: Embracing Iterative Design

Why Embrace Iteration?

Page 4: Embracing Iterative Design

Iteration lets you start somewhere.

Page 5: Embracing Iterative Design

Iteration reduces the pressure for a “eureka.”

Page 6: Embracing Iterative Design

Iteration provides time to “brew”on ideas.

Page 7: Embracing Iterative Design

Design Iteration Ideas

Page 8: Embracing Iterative Design

Capture good ideas everywhere.

Page 9: Embracing Iterative Design

Write specs and key details before sketching.

Page 10: Embracing Iterative Design

Defend your ideas – write out defense notes.

Page 11: Embracing Iterative Design

Break projects into distinct phases.

Page 12: Embracing Iterative Design

Save major iterations.

Page 13: Embracing Iterative Design

Get feedback from designers and others

Page 14: Embracing Iterative Design

Enjoy the process!

Page 15: Embracing Iterative Design

Blit Logo Designwww.blit.com

Page 16: Embracing Iterative Design

Blit Logo: Sketches v1

Project detailswritten in the margin forreference

Many differentideas, numbered

Page 17: Embracing Iterative Design

Blit Logo: Sketches v2

Winning conceptsdidn’t appearuntil round 2

Page 18: Embracing Iterative Design

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

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

Blit Logo: Final Logo Winner

Page 21: Embracing Iterative Design

UserScape Web Redesign

www.userscape.com

Page 22: Embracing Iterative Design

UserScape Web Redesign: Sketch v1

Project detailswritten in the margin forreference

Detailed notesembedded inthe sketches

Page 23: Embracing Iterative Design

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

UserScape Web Redesign: Concept v1

Blocking outareas can help

Design is gettingfilled in a little

bit better

Page 25: Embracing Iterative Design

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

UserScape Web Redesign: Concept v3

Sidebars filledin and adjusted

Screenshots added in,

text tuned up

Page 27: Embracing Iterative Design

UserScape Web Redesign: Final Concept

Sidebars filledin and adjusted

Headline de-emphasized

Finalizedtrial text

Navbars finalized

Quotesfinalized

Page 28: Embracing Iterative Design

Q+A

Page 29: Embracing Iterative Design

MakaluMedia: www.makalumedia.comRohdesign Weblog: www.rohdesign.com

Mike Rohde


Top Related