Reinvent The Wheel:
Sketching your own Design Process
                  Christopher Fahey


                  www.behavior...
Where do Ideas Go?

      May       June   July    August     September




  Scope


            Define


                ...
Where do Ideas Go?

      May       June   July           August   September




  Scope


            Define


           ...
Where do Ideas Go?

      May           June           July           August   September



 1. Clarify the project’s idea...
Where do Ideas Go?

      May           June          July           August      September



 2. Start with an idea, perf...
Where do Ideas Go?

      May           June          July           August      September



 2. Start with an idea, perf...
Where do Ideas Go?

      May         June        July           August   September



 3. ABC: Always Be Creative

  Scop...
Where do Ideas Go?

      May         June         July           August   September



 3. ABC: Always Be Creative   … an...
“Design is about solving
  problems – not about
 creativity and personal
      expression.”
“Design is about solving
  problems – not about
 creativity and personal
      expression.”
        Say what?
Dava Newman
How can we
  create an air
pressure pocket
   around the
     body?
How can we
  create an air   How can we
pressure pocket    pressurize
   around the       the skin?
     body?
How can we     How can we
  create an air    design a
pressure pocket    slimmer,
   around the   nimbler, sexier
     bod...
Bad Designers!

1. Aesthetes	
  of	
  Style 2. Agents	
  of	
  Neutrality
   Love the formal              No room for pers...
Bad Designers!

1. UX designers   2. UX designers
   who are too       who aren’t
   creative.         creative enough.
Bad Designers!

1. UX designers   2. UX designers
   who are too       who aren’t
   creative.         creative enough.
Data-Driven
  Design?
Informed
Guesswork
Design
Courage
Data-Inspired
   Design
Mind Mapping




           Mind Map by Stuart Karten Design
Personas
Persona Classification

1.   The Temporary Visitor
2.   The Occasional Repeat Visitor
3.   The New Subscriber
4.   The Lon...
Creative Research




From Designing Web Sites for Older Adults for AARP by Ginny Redish and Dana Chisnell
Designers as
Researchers
Q: Which design
techniques are the best?
Q: Which design
techniques are the best?

        A: Yes!
The Reinvention Imperitive: New Technologies

Why Reinvent the Wheel?
• Touch and Gesture
  Interfaces
• Voice Recognition...
Methodology

     May       June   July           August   September




 Scope


           Define


                     ...
Choose your
 weapon!
IDEO Method Cards
Stephen Anderson: Mental Notes Cards
www.getmentalnotes.com
Jesse Schell: Art of Game Design: A Deck of Lenses
The Mother of all Methods

• It combines site mapping, process flow logic, and
  wireframming into a single entity
• It al...
Sketch “Resolution Spectrum”
  Lo-Fidelity
                 •   Gestures
                 •   Words
                 •   W...
Sketch “Resolution Spectrum”
  Lo-Fidelity
                 •   Gestures
                 •   Words
                 •   W...
Roll your own
design process.
Information Visualization
Information Visualization
Information Visualization
There Are No
 Templates
Tricks
The Blank Canvas
Exercise: “What is it?”
Thumbnail
Quantifications
Least Wanted
User Persona
 Flash Mob
User Persona Flash Mob

• Gather user research (user interviews, market research,
  stakeholder interviews)
User Persona Flash Mob

• Gather user research (user interviews, market research,
  stakeholder interviews)
• Brainstorm u...
User Persona Flash Mob

• Gather user research (user interviews, market research,
  stakeholder interviews)
• Brainstorm u...
User Persona Flash Mob

• Gather user research (user interviews, market research,
  stakeholder interviews)
• Brainstorm u...
User Persona Flash Mob

• Gather user research (user interviews, market research,
  stakeholder interviews)
• Brainstorm u...
Product Personality
      (voice)
“If we want users to like our
software, we should design it to
behave like a likeable person.”
- Alan Cooper
Voice = Content Strategy
Personality
Characteristics
Interpersonal Circumplex
Interpersonal Circumplex




   Agreeableness
    (Communion)




                     Dominance
                      (Ag...
Design
Themes
“Editorial”   “Dashboard”




“Cinematic”   “Flow”
Metaphors
Metaphors

Keyword      Experience Focus   Metaphor
1. Content   Content-Centric    Auditorium
2. Social    People-Centric...
Metaphors
Metaphors
Metaphors
Make up your
own words.
Ignazio Moresco, Creative Director at Frog
Ignazio Moresco, Creative Director at Frog
Ignazio Moresco, Creative Director at Frog
Sketching
Kevin Cheng
Listening:
The Critique
UNDER OVER
UNDER OVER

 Brian Mathis at directedge.us and Chris Rugen at currentconfiguration.com
Drawing Conclusions


 Prototype as if you are right.
 Listen as if you are wrong.
                      - Diego Rodriguez
Things to try

    •   Designers, get involved in research. Researcher, get
        involved in design.

    •   Plan to c...
Thanks!
Christopher Fahey

@chrisfahey

#sxsw #reinvent




graphpaper.com
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
Upcoming SlideShare
Loading in...5
×

Reinvent The Wheel: Sketching Your Own Design Process

8,719

Published on

It's the start of a new project. You've got requirements, guidelines, data, research. Now what? Like an artist staring at a blank canvas, information architects often don't know where to begin. Instead of following a rigid methodology or waiting for the perfect idea to appear out of the blue, learn to continually invent new tools and techniques to foster real user experience innovation.

Published in: Design, Education, Technology
2 Comments
64 Likes
Statistics
Notes
No Downloads
Views
Total Views
8,719
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
2
Likes
64
Embeds 0
No embeds

No notes for slide

Transcript of "Reinvent The Wheel: Sketching Your Own Design Process"

  1. 1. Reinvent The Wheel: Sketching your own Design Process Christopher Fahey www.behaviordesign.com graphpaper.com @chrisfahey #sxsw #reinvent
  2. 2. Where do Ideas Go? May June July August September Scope Define Build Deploy
  3. 3. Where do Ideas Go? May June July August September Scope Define Build Deploy
  4. 4. Where do Ideas Go? May June July August September 1. Clarify the project’s ideas as soon as possible. Scope Define Build Deploy
  5. 5. Where do Ideas Go? May June July August September 2. Start with an idea, perfect it during a structured design phase. Scope Define Build Deploy
  6. 6. Where do Ideas Go? May June July August September 2. Start with an idea, perfect it during a structured design phase. Scope Define Build Deploy
  7. 7. Where do Ideas Go? May June July August September 3. ABC: Always Be Creative Scope Define Build Deploy
  8. 8. Where do Ideas Go? May June July August September 3. ABC: Always Be Creative … and open minded. Scope Define Build Deploy
  9. 9. “Design is about solving problems – not about creativity and personal expression.”
  10. 10. “Design is about solving problems – not about creativity and personal expression.” Say what?
  11. 11. Dava Newman
  12. 12. How can we create an air pressure pocket around the body?
  13. 13. How can we create an air How can we pressure pocket pressurize around the the skin? body?
  14. 14. How can we How can we create an air design a pressure pocket slimmer, around the nimbler, sexier body? space suit?
  15. 15. Bad Designers! 1. Aesthetes  of  Style 2. Agents  of  Neutrality Love the formal No room for personal aspects of design expression in design! Design for design’s sake Love systems, grids, manuals, and methodologies. Every project is a chance to win a design award Technically-focused (Nick Bell, Eye magazine)
  16. 16. Bad Designers! 1. UX designers 2. UX designers who are too who aren’t creative. creative enough.
  17. 17. Bad Designers! 1. UX designers 2. UX designers who are too who aren’t creative. creative enough.
  18. 18. Data-Driven Design?
  19. 19. Informed Guesswork
  20. 20. Design Courage
  21. 21. Data-Inspired Design
  22. 22. Mind Mapping Mind Map by Stuart Karten Design
  23. 23. Personas
  24. 24. Persona Classification 1. The Temporary Visitor 2. The Occasional Repeat Visitor 3. The New Subscriber 4. The Long-Term Subscriber 1. The Sports Fan 2. The Political Junkie 3. The Concerned Parent 4. The Well-Rounded Person
  25. 25. Creative Research From Designing Web Sites for Older Adults for AARP by Ginny Redish and Dana Chisnell
  26. 26. Designers as Researchers
  27. 27. Q: Which design techniques are the best?
  28. 28. Q: Which design techniques are the best? A: Yes!
  29. 29. The Reinvention Imperitive: New Technologies Why Reinvent the Wheel? • Touch and Gesture Interfaces • Voice Recognition • Image/Facial Recognition and Motion Capture • Game Mechanics
  30. 30. Methodology May June July August September Scope Define Build Deploy
  31. 31. Choose your weapon!
  32. 32. IDEO Method Cards
  33. 33. Stephen Anderson: Mental Notes Cards
  34. 34. www.getmentalnotes.com
  35. 35. Jesse Schell: Art of Game Design: A Deck of Lenses
  36. 36. The Mother of all Methods • It combines site mapping, process flow logic, and wireframming into a single entity • It allows atomic-level interface modules to be modified or replaced globally • It is accessible via a web browser • It can be printed • It simulates the user experience via click-throughs from page to page or feature to feature • It permits extensive feature annotation for programmers, bordering on functional specifications • It is fast and fluid for the document creator
  37. 37. Sketch “Resolution Spectrum” Lo-Fidelity • Gestures • Words • Whiteboard • Pencil • Sharpie • Collage • Low-Fidelity Schematics or Wireframe • Hi-Fidelity Schematics or Wireframe • Model, Comp, or Mock-up • Functional Prototype High-Fidelity
  38. 38. Sketch “Resolution Spectrum” Lo-Fidelity • Gestures • Words • Whiteboard • Pencil • Sharpie • Collage • Low-Fidelity Schematics or Wireframe • Hi-Fidelity Schematics or Wireframe • Model, Comp, or Mock-up • Functional Prototype High-Fidelity • The ACTUAL PRODUCT !
  39. 39. Roll your own design process.
  40. 40. Information Visualization
  41. 41. Information Visualization
  42. 42. Information Visualization
  43. 43. There Are No Templates
  44. 44. Tricks
  45. 45. The Blank Canvas
  46. 46. Exercise: “What is it?”
  47. 47. Thumbnail Quantifications
  48. 48. Least Wanted
  49. 49. User Persona Flash Mob
  50. 50. User Persona Flash Mob • Gather user research (user interviews, market research, stakeholder interviews)
  51. 51. User Persona Flash Mob • Gather user research (user interviews, market research, stakeholder interviews) • Brainstorm user types. Don’t censor. Capture each user type you come up with in a spreadsheet.
  52. 52. User Persona Flash Mob • Gather user research (user interviews, market research, stakeholder interviews) • Brainstorm user types. Don’t censor. Capture each user type you come up with in a spreadsheet. • Create a “micro-persona” card for each user type, and put them up on the wall.
  53. 53. User Persona Flash Mob • Gather user research (user interviews, market research, stakeholder interviews) • Brainstorm user types. Don’t censor. Capture each user type you come up with in a spreadsheet. • Create a “micro-persona” card for each user type, and put them up on the wall. • Find patterns and larger groups among the user types. Card-sort the personas.
  54. 54. User Persona Flash Mob • Gather user research (user interviews, market research, stakeholder interviews) • Brainstorm user types. Don’t censor. Capture each user type you come up with in a spreadsheet. • Create a “micro-persona” card for each user type, and put them up on the wall. • Find patterns and larger groups among the user types. Card-sort the personas. • Define a smaller, more managable number of groups based on the emergent patterns.
  55. 55. Product Personality (voice)
  56. 56. “If we want users to like our software, we should design it to behave like a likeable person.” - Alan Cooper
  57. 57. Voice = Content Strategy
  58. 58. Personality Characteristics
  59. 59. Interpersonal Circumplex
  60. 60. Interpersonal Circumplex Agreeableness (Communion) Dominance (Agency)
  61. 61. Design Themes
  62. 62. “Editorial” “Dashboard” “Cinematic” “Flow”
  63. 63. Metaphors
  64. 64. Metaphors Keyword Experience Focus Metaphor 1. Content Content-Centric Auditorium 2. Social People-Centric Networking Event 3. Tools Data-Centric Trading Floor
  65. 65. Metaphors
  66. 66. Metaphors
  67. 67. Metaphors
  68. 68. Make up your own words.
  69. 69. Ignazio Moresco, Creative Director at Frog
  70. 70. Ignazio Moresco, Creative Director at Frog
  71. 71. Ignazio Moresco, Creative Director at Frog
  72. 72. Sketching
  73. 73. Kevin Cheng
  74. 74. Listening: The Critique
  75. 75. UNDER OVER
  76. 76. UNDER OVER Brian Mathis at directedge.us and Chris Rugen at currentconfiguration.com
  77. 77. Drawing Conclusions Prototype as if you are right. Listen as if you are wrong. - Diego Rodriguez
  78. 78. Things to try • Designers, get involved in research. Researcher, get involved in design. • Plan to change your plan • Think of your process as a story, one that you are writing. • Deliverables are for the design team, not for your client. So invite the client into the design team. • Throw away the templates!
  79. 79. Thanks! Christopher Fahey @chrisfahey #sxsw #reinvent graphpaper.com

×