SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Embracing
Iterative Design
         Mike Rohde
 Art Director – MakaluMedia, Inc.
   Blogger – Rohdesign Weblog
What is
  Iterative 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 Design
    www.blit.com
Blit Logo: Sketches v1

  Many different
ideas, numbered

                                            Project details
                                            written in the
                                            margin for
                                            reference
Blit Logo: Sketches v2


Winning concepts
    didn’t appear
    until round 2
Blit Logo: B&W Concepts v1

   Again, I show
  Many different
ideas, numbered

                                                Along with my
                                                numbered designs
                                                I always provide
                                                “defense”notes
                                                on why I like one
                                                idea over another.
                                                I also like telling
                                                clients which are
                                                my favorite(s)
                                                and exactly why.
Blit Logo: Color Concepts v1


For continuity I like
     to show B&W
     winners above
       with various
      color options
                                                       I try and limit
       down below
                                                       designs I present
                                                       internally, to help
                                                       with reducing
                                                       to a winner,
                                                       rather than
                                                       creating more
                                                       options.
Blit Logo: Final Logo Winner
UserScape Web
   Redesign
 www.userscape.com
UserScape Web Redesign: Sketch v1


Detailed notes
 embedded in
 the sketches

                                                     Project details
                                                     written in the
                                                     margin for
                                                     reference
UserScape Web Redesign: Concept v0.1


   Pretty rough
     but getting
into the groove


                                                          Whole sections
                                                          were missing...

                                                          Usually I would
                                                          keep early work
                                                          to myself, but
                                                          this client
                                                          understood it
                                                          was in-progress
UserScape Web Redesign: Concept v1


Design is getting
 filled in a little
      bit better



                                                          Blocking out
                                                          areas can help
UserScape Web Redesign: Concept v2


More details
   added in
 each phase


                                                    Flowed in real
                                                    text here so I
                                                    could get a
                                                    better idea for
                                                    structure
UserScape Web Redesign: Concept v3


  Screenshots
     added in,
text tuned up


                                                      Sidebars filled
                                                      in and adjusted
UserScape Web Redesign: Final Concept


     Finalized
     trial text

                                                          Navbars finalized
     Headline
de-emphasized
                                                          Sidebars filled
                                                          in and adjusted

     Quotes
     finalized
Q+A
Mike Rohde
 MakaluMedia: www.makalumedia.com
Rohdesign Weblog: www.rohdesign.com

Mais conteúdo relacionado

Destaque

Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
BITCOIN INDIA
 

Destaque (14)

Being Team [Tradecraft]
Being Team [Tradecraft]Being Team [Tradecraft]
Being Team [Tradecraft]
 
Aнглийский сленг (P-T)
Aнглийский сленг (P-T)Aнглийский сленг (P-T)
Aнглийский сленг (P-T)
 
Practical cheminformatics workflows with mobile apps
Practical cheminformatics workflows with mobile appsPractical cheminformatics workflows with mobile apps
Practical cheminformatics workflows with mobile apps
 
Digital Solutions With MultiSoft
Digital Solutions With MultiSoftDigital Solutions With MultiSoft
Digital Solutions With MultiSoft
 
Внедрение аспектов в PHP с помощью библиотеки GO! AOP
Внедрение аспектов в PHP с помощью библиотеки GO! AOPВнедрение аспектов в PHP с помощью библиотеки GO! AOP
Внедрение аспектов в PHP с помощью библиотеки GO! AOP
 
UX is a Mindset [Tradecraft]
UX is a Mindset [Tradecraft]UX is a Mindset [Tradecraft]
UX is a Mindset [Tradecraft]
 
Design a passion project in three hours using Lean Start-up methods : Handouts
Design a passion project in three hours using Lean Start-up methods : HandoutsDesign a passion project in three hours using Lean Start-up methods : Handouts
Design a passion project in three hours using Lean Start-up methods : Handouts
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Private Detective in Jalandhar
Private Detective in Jalandhar Private Detective in Jalandhar
Private Detective in Jalandhar
 
Blueprint for a Creative Culture [Commonwealth Club of SF, Mar 2011]
Blueprint for a Creative Culture [Commonwealth Club of SF, Mar 2011]Blueprint for a Creative Culture [Commonwealth Club of SF, Mar 2011]
Blueprint for a Creative Culture [Commonwealth Club of SF, Mar 2011]
 
How to Teach Like an Award-winning Instructor
How to Teach Like an Award-winning InstructorHow to Teach Like an Award-winning Instructor
How to Teach Like an Award-winning Instructor
 
Aspect-Oriented Programming in PHP
Aspect-Oriented Programming in PHPAspect-Oriented Programming in PHP
Aspect-Oriented Programming in PHP
 
Enterprise Symfony Architecture (RU)
Enterprise Symfony Architecture (RU)Enterprise Symfony Architecture (RU)
Enterprise Symfony Architecture (RU)
 
The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]
The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]
The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]
 

Semelhante a Embracing Iterative Design

Lesson 12 create a visualisation
Lesson 12   create a visualisationLesson 12   create a visualisation
Lesson 12 create a visualisation
MrsNunn
 
Pragmatic responsive-design-110912113912-phpapp01
Pragmatic responsive-design-110912113912-phpapp01Pragmatic responsive-design-110912113912-phpapp01
Pragmatic responsive-design-110912113912-phpapp01
Kike Algarra
 
Brochure design2 web
Brochure   design2 webBrochure   design2 web
Brochure design2 web
Kevin Davison
 
Adobe designers magazine
Adobe designers magazineAdobe designers magazine
Adobe designers magazine
Webmaster
 

Semelhante a Embracing Iterative Design (20)

Design at Lingualeo: From Idea to MMP
Design at Lingualeo: From Idea to MMPDesign at Lingualeo: From Idea to MMP
Design at Lingualeo: From Idea to MMP
 
Unit 301 - Lesson 12 - Make a Visualisation
Unit 301 - Lesson 12 - Make a VisualisationUnit 301 - Lesson 12 - Make a Visualisation
Unit 301 - Lesson 12 - Make a Visualisation
 
James capabilities deck
James  capabilities deckJames  capabilities deck
James capabilities deck
 
Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)
 
Lesson 12 create a visualisation
Lesson 12   create a visualisationLesson 12   create a visualisation
Lesson 12 create a visualisation
 
A Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UXA Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UX
 
Understanding Codenvy - for Containerized Developer Workspaces
Understanding Codenvy - for Containerized Developer WorkspacesUnderstanding Codenvy - for Containerized Developer Workspaces
Understanding Codenvy - for Containerized Developer Workspaces
 
Weniger schlecht-css-schreiben
Weniger schlecht-css-schreibenWeniger schlecht-css-schreiben
Weniger schlecht-css-schreiben
 
Design for the Coder's Mind: Reverse-Engineering Visual Design
Design for the Coder's Mind: Reverse-Engineering Visual DesignDesign for the Coder's Mind: Reverse-Engineering Visual Design
Design for the Coder's Mind: Reverse-Engineering Visual Design
 
Pragmatic responsive-design-110912113912-phpapp01
Pragmatic responsive-design-110912113912-phpapp01Pragmatic responsive-design-110912113912-phpapp01
Pragmatic responsive-design-110912113912-phpapp01
 
Adobe magazine
Adobe magazineAdobe magazine
Adobe magazine
 
Brochure design2 web
Brochure   design2 webBrochure   design2 web
Brochure design2 web
 
Lean Enterprise
Lean Enterprise Lean Enterprise
Lean Enterprise
 
Adobe designers magazine
Adobe designers magazineAdobe designers magazine
Adobe designers magazine
 
Kanban Case Study
Kanban Case StudyKanban Case Study
Kanban Case Study
 
Web Design: Day 1
Web Design: Day 1Web Design: Day 1
Web Design: Day 1
 
Let's go to the whiteboard: how and why software developers use drawings
Let's go to the whiteboard: how and why software developers use drawingsLet's go to the whiteboard: how and why software developers use drawings
Let's go to the whiteboard: how and why software developers use drawings
 
Z-Shaped Thinkers
Z-Shaped ThinkersZ-Shaped Thinkers
Z-Shaped Thinkers
 
Selling usability
Selling usabilitySelling usability
Selling usability
 
ENGAGE WITH DESIGN
ENGAGE WITH DESIGN ENGAGE WITH DESIGN
ENGAGE WITH DESIGN
 

Mais de Mike Rohde

Mais de Mike Rohde (6)

Humanizing Business with Sketchnotes
Humanizing Business with SketchnotesHumanizing Business with Sketchnotes
Humanizing Business with Sketchnotes
 
HOW Design Live 2017: Sketchnote Masterclass
HOW Design Live 2017: Sketchnote MasterclassHOW Design Live 2017: Sketchnote Masterclass
HOW Design Live 2017: Sketchnote Masterclass
 
Sketchnote Mini Workshop: Design4Drupal 2015
Sketchnote Mini Workshop: Design4Drupal 2015Sketchnote Mini Workshop: Design4Drupal 2015
Sketchnote Mini Workshop: Design4Drupal 2015
 
Sketchnote Workshop Deck: That Conference 2013
Sketchnote Workshop Deck: That Conference 2013Sketchnote Workshop Deck: That Conference 2013
Sketchnote Workshop Deck: That Conference 2013
 
Pecha Kucha Milwaukee: Lessons Learned from Sketchnotes
Pecha Kucha Milwaukee: Lessons Learned from SketchnotesPecha Kucha Milwaukee: Lessons Learned from Sketchnotes
Pecha Kucha Milwaukee: Lessons Learned from Sketchnotes
 
Visual Note-Taking 101: Sketchnoting Techniques
Visual Note-Taking 101: Sketchnoting TechniquesVisual Note-Taking 101: Sketchnoting Techniques
Visual Note-Taking 101: Sketchnoting Techniques
 

Último

Último (20)

Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 

Embracing Iterative Design