• Like
  • Save
hFIDO Ideation Sketching
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

hFIDO Ideation Sketching



Published in Design , Technology , Art & Photos
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    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
    Axureaxure.comBalsamiqbalsamiq.comiRise www.iRise.com
    See hFIDO blog for links
  • 24. Design ToolsUseful Resources
    Design Thinking Toolkit for Educatorshttp://www.ideo.com/work/toolkit-for-educators
    The Deep Dive: Nightline’s Look at IDEO’s shopping cart redesign processhttp://www.youtube.com/watch?v=M66ZU2PCIcM
    Full-length original story (22 minutes)http://www.dustinkirk.com/2009/03/10/ideo-shopping-cart/
    Drawing on the Right Side of the Brain
    Superior Crash Course in Drawing: self-study or three-day workshophttp://drawright.com/http://drawright.com/portfram.htm/
    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