embracing iterative design

29
Iterative Design Mike Rohde Art Director – MakaluMedia, Inc. Blogger – Rohdesign Weblog Embracing

Upload: mike-rohde

Post on 29-Aug-2014

12.660 views

Category:

Technology


4 download

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

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