embracing iterative design

Post on 29-Aug-2014

12.661 Views

Category:

Technology

4 Downloads

Preview:

Click to see full reader

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

top related