Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Designing for Visual Efficiency (FITC09)
Next
Download to read offline and view in fullscreen.

Share

Designing for Visual Efficiency [Ignite Format]

Download to read offline

My presentation deck from #igniteto on November 25, 2009.

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Designing for Visual Efficiency [Ignite Format]

  1. 1. Why is Waldo<br />so !#@%!ng<br />hard to find?<br />
  2. 2. At any one time,<br />most of the world is <br />FOCUS<br />out of<br />Photo: VictoriaPeckham (Flickr)<br />
  3. 3. Represents Approx. 5% of our visual field…<br />… but uses HALF of our visual processing power.<br />Approximate size of what’s in focus at any given time.<br />
  4. 4. Problem Solving<br />Eye Movements<br />Pattern Testing<br />Based on illustration by Colin Ware, Visual Thinking for Design<br />
  5. 5. Visual Efficiency <br />=<br />Reducing <br />Visual Queries<br />
  6. 6. Neurons are tuned for specific features<br />
  7. 7. Features<br />Pattern Processing<br />Objects<br />
  8. 8. Photo: Woodlywonderworks (Flickr)<br />
  9. 9. = “Face”<br />
  10. 10. Photo: Gaetan Lee, Clip_Works, BaylorBear78, Chidorian, (Flickr)<br />
  11. 11. Photo: thetruthabout, wootang01, dno1967, sylvar (Flickr)<br />
  12. 12. Make it Pop!<br />Colour<br />Proximity<br />Shape<br />Motion<br />
  13. 13.
  14. 14. Ensure highest contrast goes to the emphasized elements.<br />Ensure highest contrast goes to the emphasized elements. <br />
  15. 15.
  16. 16.
  17. 17. Word<br />Word<br />Word<br />Word<br />Word<br />Word<br />Word<br />Word<br />Word<br />Image: Pink Sherbet Photography (Flickr)<br />
  18. 18. Appeal to low-level features.<br />Make it POP! <br />Use one channel at a time.<br />Stay Consistent, train your viewer.<br />
  19. 19. Where’s Waldo Example<br />(Cognitively Difficult)<br />
  20. 20. THANKS!<br />I’ll post the deck at:<br />http://ryancoleman.ca/ignite<br />
  • jeffbelden

    Jan. 11, 2012
  • dmireault

    Apr. 16, 2010
  • ariamax

    Mar. 29, 2010
  • xiaoxiaosun

    Mar. 8, 2010
  • rquit

    Jan. 15, 2010
  • wiederkehr

    Jan. 15, 2010
  • nmovold

    Dec. 28, 2009
  • pkbalyan

    Nov. 30, 2009

My presentation deck from #igniteto on November 25, 2009.

Views

Total views

4,226

On Slideshare

0

From embeds

0

Number of embeds

755

Actions

Downloads

88

Shares

0

Comments

0

Likes

8

×