Your SlideShare is downloading. ×
Ideation Sketching<br />October 5, 2011 HFIDO Fall Lecture Series<br />If I can’t picture it, I can’t understand it.   —Al...
Welcome!<br />About me<br /><ul><li>Part-time HFID student
Designer, educator, mother
Adjunct: IDCC 240 Fundamentals of Visual Communication</li></ul>About you<br /><ul><li>Let’s hear a little about each of you…
How far are you in the program?
What did you come here to learn?
How much do you envision using this skill in your Usability work?</li></li></ul><li>Technical Illustration<br />
Technical Illustration<br />
What is Ideation?<br />A relative new-comer to the English language, the term Ideation was combined from Idea Generation.<...
What is Ideation Sketching?<br />Ideation Sketching is about loosening up your mind, your hand, and the connection between...
What is Ideation Sketching?<br />Creating visual solutions<br />Brainstorming with images, words & short phrases<br />Harn...
Ideation Practice Run<br />Starter ideas<br />Logo redesign/branding<br />30-second spot commercial storyboard<br />Instru...
Loosening Up<br />
Loosening Up some more<br />
Loosening Up some more<br />
R-mode enhancing Exercises<br />Drawing on the Right Side of the Brain<br />	Vase/Faces Exercise<br />From Rapid Viz: Not ...
Ideation Practice Run<br />In Groups: Indentify a Design Problem.<br />Ideate around the problem together. <br />You can:<...
Upcoming SlideShare
Loading in...5
×

hFIDO Ideation Sketching

723

Published on

Published in: Design, Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
723
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "hFIDO Ideation Sketching"

  1. 1. Ideation Sketching<br />October 5, 2011 HFIDO Fall Lecture Series<br />If I can’t picture it, I can’t understand it. —Albert Einstein<br />
  2. 2. Welcome!<br />About me<br /><ul><li>Part-time HFID student
  3. 3. Designer, educator, mother
  4. 4. Adjunct: IDCC 240 Fundamentals of Visual Communication</li></ul>About you<br /><ul><li>Let’s hear a little about each of you…
  5. 5. How far are you in the program?
  6. 6. What did you come here to learn?
  7. 7. How much do you envision using this skill in your Usability work?</li></li></ul><li>Technical Illustration<br />
  8. 8. Technical Illustration<br />
  9. 9. What is Ideation?<br />A relative new-comer to the English language, the term Ideation was combined from Idea Generation.<br />Ideate is also a verb! When we brainstorm together around a design theme, we’re ideating.<br />“Only left-handed people are in their right minds.”<br />
  10. 10. What is Ideation Sketching?<br />Ideation Sketching is about loosening up your mind, your hand, and the connection between them. <br />Think Different!—L-mode and R-mode, terms introduced in Drawing on the Right Side of the Brain by Betty Edward.<br />“Only left-handed people are in their right minds.”<br />
  11. 11. What is Ideation Sketching?<br />Creating visual solutions<br />Brainstorming with images, words & short phrases<br />Harnessing the right side of the brain to work for us in problem solving<br />(Often working in groups) without judgment to access the craziest ideas: these lead to the brilliantones. Group synergy is key!<br />
  12. 12. Ideation Practice Run<br />Starter ideas<br />Logo redesign/branding<br />30-second spot commercial storyboard<br />Instruction sheet for assembly<br />Book jacket/cover design<br />Conveying large amounts of data<br />App icon design<br />Keep notes about your ideas as we play here tonight.<br />
  13. 13. Loosening Up<br />
  14. 14. Loosening Up some more<br />
  15. 15. Loosening Up some more<br />
  16. 16. R-mode enhancing Exercises<br />Drawing on the Right Side of the Brain<br /> Vase/Faces Exercise<br />From Rapid Viz: Not Another Drawing Book<br /> Varied line weight exercise, face sketching<br />Orthogonals<br /> Translating 2D information into 3D drawings<br />
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21. Ideation Practice Run<br />In Groups: Indentify a Design Problem.<br />Ideate around the problem together. <br />You can:<br />Sketch, make mind maps, think.<br />Talk a lot or a little. Only listen and draw.<br />Keep track of amazing tangential ideas, tell each other to build momentum.<br />Feel free to jump around your page with ideas. <br />Suspend judgment; it will help you be more prolific.<br />
  22. 22. Design ToolsUseful Resources<br />Adobe Photoshop & Illustrator<br />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.<br />See hFIDO blog for links<br />
  23. 23. Design ToolsUseful Resources<br />Prototyping Tools<br />Axureaxure.comBalsamiqbalsamiq.comiRise www.iRise.com<br />See hFIDO blog for links<br />
  24. 24. Design ToolsUseful Resources<br />IDEO<br />Design Thinking Toolkit for Educatorshttp://www.ideo.com/work/toolkit-for-educators<br />The Deep Dive: Nightline’s Look at IDEO’s shopping cart redesign processhttp://www.youtube.com/watch?v=M66ZU2PCIcM<br />Full-length original story (22 minutes)http://www.dustinkirk.com/2009/03/10/ideo-shopping-cart/<br />Drawing on the Right Side of the Brain<br />Superior Crash Course in Drawing: self-study or three-day workshophttp://drawright.com/http://drawright.com/portfram.htm/<br />See hFIDO blog for links<br />
  25. 25. Design ToolsUseful Resources<br />Build Your Portfolio<br />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.<br />Creating a Successful Online PortfolioSmashing Magazine weighs in with some helpful tips.Web colors in HTML code<br />See hFIDO blog for links<br />

×