Half of the brains resources are dedicated to seeing and interpreting what we see.What our eyes physically perceive is only one part.The image coming in are changed and interpreted and it’s the brain that “sees”
We *think* that everything in our world our eyes are sending information to our brains. Our brains then process the information and tell us what it is we’re seeing. In fact our brains may be interpreting something entirely different that what we actually see.What do you see?Triangle with black border in the backgroundWhite triangle on topNot really there. Your brain creates the shape of the upside down triangle out of empty space. It “expects” to see it.
Light enters through cornea and lens.Lens focuses image on the retinaOn the retina it is always 2D representation even if object is 3DImage sent to visual cortex in the brain
Recognition of patterns. Visual cortex turns 2D image into 3D representation
Biz card exercise
Marketers annoy us all the time. That’s why they have obnoxious flashy blinky ads in the periphery of a web page – we can’t help but notice.
How to Communicate to the Visual Cortex - mLearn13
firstname.lastname@example.org@learnnuggetsnuggethead.netHow To Communicate to theVisual CortexWhat Learners Don’t SeeKevin Thorn
Visual CortexRetina receives electrical patternsCreates several tracks from those patterns – asmany as 12 tracks(color, motion, location, edges, angles, etc.)All data combined into two tracksMovement: Is the object moving?Location: Where is the object in relation tome?
Visual Cortex – V2• Dorsal: “Where” or “How” pathway– Motion– Representation of object locations– Control of the eyes and arms; reaching• Ventral: “What” pathway– Form recognition– Object representation– Storage of long-term memory
These motor skills begin to developin the first year of life.Once learned, these are stored inlong-term memory.
Peripheral VisionTWO TYPES:• Central – look at things directly• Peripheral – everything else
Stop Clicky, Clicky, Bling, BlingPeople can’t help notice things moving in theirperipheral vision.EX: Reading text on screen and some animationor blinking is off to the side. Think of sidebaradvertisement.ANNOYING
Dave Gray – http://www.davegrayinfo.comVisual Alphabet
• schedule• deadline• meeting• retirement• center piece• end of an era• celebration• timeless• commitment• reliable• steadfast• passing of timeSame Image; Different Meaning
Instruction w/ WordsTo make a peanut butter and jelly sandwich,you will need two slices of bread, peanutbutter, your favorite flavor of jelly, and a knife.With the knife, spread the peanut butter onone slice of bread. Also with the knife, spreadthe jelly on top of the peanut butter. Whenfinished, place the other slice of bread on topof the already prepared slice with the peanutbutter and jelly. Smash and eat!
Digital Learning Instructional TextTo open the doorgrasp the handlewith a firm gripand push downrotating the leveruntil the latchfrees from thedoor jamb whileslightly applyingforward pressureuntil the doorswings open.Trust your learners thatthey know how to clickthe next button withoutyou telling them how.
The following slides represent goodvisual design that does not require“how to navigate this app” instructions.Amazon ShoppingeBayFabGoComicsNARR8Smithsonian ChannelArtRage
To continue click theNext button to beginOld school sidebarMenu designDistracting?First screen. Why is this arrow here? >Why do we design with an attitude that our audience are idiots?Wasted real estate?Wasted real estate?Company Logo< If we have to remind users who they work for, we have bigger problems.