Your SlideShare is downloading. ×
hFIDO Ideation Sketching
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

hFIDO Ideation Sketching


Published on

Published in: Design, Technology, Art & Photos

1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Ideation Sketching
    October 5, 2011 HFIDO Fall Lecture Series
    If I can’t picture it, I can’t understand it. —Albert Einstein
  • 2. Welcome!
    About me
    • Part-time HFID student
    • 3. Designer, educator, mother
    • 4. Adjunct: IDCC 240 Fundamentals of Visual Communication
    About you
    • Let’s hear a little about each of you…
    • 5. How far are you in the program?
    • 6. What did you come here to learn?
    • 7. How much do you envision using this skill in your Usability work?
  • Technical Illustration
  • 8. Technical Illustration
  • 9. What is Ideation?
    A relative new-comer to the English language, the term Ideation was combined from Idea Generation.
    Ideate is also a verb! When we brainstorm together around a design theme, we’re ideating.
    “Only left-handed people are in their right minds.”
  • 10. What is Ideation Sketching?
    Ideation Sketching is about loosening up your mind, your hand, and the connection between them.
    Think Different!—L-mode and R-mode, terms introduced in Drawing on the Right Side of the Brain by Betty Edward.
    “Only left-handed people are in their right minds.”
  • 11. What is Ideation Sketching?
    Creating visual solutions
    Brainstorming with images, words & short phrases
    Harnessing the right side of the brain to work for us in problem solving
    (Often working in groups) without judgment to access the craziest ideas: these lead to the brilliantones. Group synergy is key!
  • 12. Ideation Practice Run
    Starter ideas
    Logo redesign/branding
    30-second spot commercial storyboard
    Instruction sheet for assembly
    Book jacket/cover design
    Conveying large amounts of data
    App icon design
    Keep notes about your ideas as we play here tonight.
  • 13. Loosening Up
  • 14. Loosening Up some more
  • 15. Loosening Up some more
  • 16. R-mode enhancing Exercises
    Drawing on the Right Side of the Brain
    Vase/Faces Exercise
    From Rapid Viz: Not Another Drawing Book
    Varied line weight exercise, face sketching
    Translating 2D information into 3D drawings
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Ideation Practice Run
    In Groups: Indentify a Design Problem.
    Ideate around the problem together.
    You can:
    Sketch, make mind maps, think.
    Talk a lot or a little. Only listen and draw.
    Keep track of amazing tangential ideas, tell each other to build momentum.
    Feel free to jump around your page with ideas.
    Suspend judgment; it will help you be more prolific.
  • 22. Design ToolsUseful Resources
    Adobe Photoshop & Illustrator
    Great Tutorials for Creating Images:Photoshop StarAdobe's Current TutorialsThese tend to focus on the newest advances of Adobe's latest version. The Media Lab has CS4 and Adobe's site promotes CS5.Good Beginner Illustrator TutorialI often build in Illustrator, pulling in images from Photoshop when I need to. Illustrator creates vector work which has the advantage of being scalable.Like research, one good link begets another. Keep an eye out for your favorite tutorial creators’ other work.
    See hFIDO blog for links
  • 23. Design ToolsUseful Resources
    Prototyping Tools
    See hFIDO blog for links
  • 24. Design ToolsUseful Resources
    Design Thinking Toolkit for Educators
    The Deep Dive: Nightline’s Look at IDEO’s shopping cart redesign process
    Full-length original story (22 minutes)
    Drawing on the Right Side of the Brain
    Superior Crash Course in Drawing: self-study or three-day workshop
    See hFIDO blog for links
  • 25. Design ToolsUseful Resources
    Build Your Portfolio
    Portfolio Sites:CoroflotThe portfolio website created by Core77, Industrial Design Magazine and Resource.YolaFound out about this one asking a Media Arts student what he used.WordpressAlways a good backup. Check around there for others using it as a portfolio presentation. It's not bad.DroprNow in beta for the public, and an interesting option.
    Creating a Successful Online PortfolioSmashing Magazine weighs in with some helpful tips.Web colors in HTML code
    See hFIDO blog for links