Thursday, March 24, 2011

Your Brain on Graphics with @elearningcoach

I've just run into Connie Malamed's sessionabout research around visuals and I'm late. I'm going to start blogging right away. Connie's been talking about the power of visuals - e.g how Dan Roam simplified the US healthcare problem. Connie's the author of one of my favourite books - Visual Language for Designers. I'm going to struggle to give you the complete picture (pun intended) because Connie's book is really what you should read for this kind of thing. Here's what she's covering.

Why we're wired for graphics

Everyone's worked on courses where the visuals could be better. We have 1,200,000 fibers in the optical nerve as against 30,000 auditory in the auditory. We're hardwired for visuals. This is why we have the picture superiority effect where an image trumps words for descriptions most of the time - what we call "a picture speaks a thousand words". Pictures are a much closer replica of our environment than words. So how do we process visuals. We have a store called sensory memory and we process from visual and auditory sources.  We take input from the sensory memory into the working memory. A lot less information actually comes through the working memory to get encoded into the long term memory. Working memory limits the information we process. That capacity is quite limited - 4 bits of information at a time. This is information from top cognitive scientists. Information in this working memory is quite short, it lasts only a few seconds.

So how do we represent visual information? We represent images differently from works. These are internal representations that represent some physical characteristics of the real object. It may not be exact - maybe a line drawing of the actual picture. We represent things to ourselves very simply and that's a case for simplicity in graphics. Our capacity for remembering pictures in long-term memory is enormous. You could go to an image library and recognise all the pictures that you've ever used. People give meaning to the visuals that they process. You add context to the images you see, your values, what you understand, your culture, your beliefs.

"The mind is not a camera" - Stephen Kosslyn

We're not just recording devices, we're adding to the worlds as we see it. This said, we can go wrong with graphics - take a look. Research inspired design can therefore help. It's based on evidence and facts and can be applied to the real world.

How do you speed up your message?

Preattentive processing - we're always scanning our environments and by doing that we create a coherent picture of what we see and how we make sense of it. What things pop out? We notice these features quite strongly. There are certain characteristics of visuals and graphics that we can make pop out to make use of preattentive processing. Grouping is another technique that helps people understand things that go together. Connie shows some interesting ways to do the 'pop out':
  • Colour contrast
  • Unusual elements in pictures
  • Size contrast
  • Shade contrast
  • Direction and position in pictures - what in visual language we call orientation
  • Motion vs stationary 
  • Depth
  • Shape

How do we do the grouping then? How do you let your learners know what goes together?
  • Proximity is an obvious way to group elements
  • Color is also a great way to group elements together
  • Similarity is also a great way to create grouping; eg: several colored circles close to each other
  • The law of common fate - we usually group lines or anything that's going in the same direction
  • Connectedness - objects that are connected with lines or another visual element seem grouped
  • The boundary principle. Anything that's within a single boundary gets grouped together

How do we make graphics efficient

When elements of a graphic are consistent in meaning, the information is easier to process. Connie showed us examples of where we read the words RED, GREEN and BLUE in entirely different colours. This obviously was strange for the entire group. What if the arrows for a skydiving graphic go up instead of a downward direction that actually is the direction in which we would actually dive. There's something to say about reducing realism - it makes graphics cognitively efficient. Illustrations are a great way for novices to learn, as against elaborate 3D pictures. It provides fewer distractions, it takes less time to percieve, it minimises load on working memore and it's easier to encode this in our long term memory. So how do we actually achieve this?
  • Reduce noisy detail
  • Increase contrast
  • Make it minimalistic - silhouette instead of detailed pictures maybe?
  • Fewer colors
  • Less detail
  • Smooth surface
  • Minimal shadows
  • Going from high fidelity to low fidelity graphics
  • Use of line art instead of detailed pictures
  • Use of iconic forms; everyday icons like shopping carts which people
  • The use of symbols - people recognise this stuff very quickly
How do we connect through emotions?
Can your image create a reaction in your audience's body? Images have that ability to move us in some way. Emotion and cognition are really tied together. Emotions affect mental process. They capture attention, increase brain activity and can really improve retention. This is because we build associations with images based on experiences. We are also particularly attuned to faces - this is something I've observed too. Our eyes move towards even cartoon faces. In fact that's one of the first things that we see on a visual. It's almost a way to create a 'pop out'. Connie is showing us this image. Emotional images are definitely awesome for changing attitudes. Graphics with statistics can create emotion around the numbers. Think hungry child in Haiti when you're showing a graph on poverty.

There's another side to emotion as well - surprise! Surprise results from novelty and humour. It comes from the unusal juxtaposition of elements and it comes from unexpectedness.

How do we make the abstract concrete?
Abstract graphics make understanding quite easy in some cases. Charts and diagraphs, graphs, maps, timelines, visualisations, etc provide an abstraction of the real images. You can use diagrams to show the big picture view to people. Diagrams can really simplify things for your audience. You can try to externalise people's internal mental models. For example if you're teaching the sales funnel, then use the funnel metaphor to explain it. Use graphs to present quantitative information. Maps can show so much more than geography. Timelines can show progression, evolution and history. Tables don't need to be boring and text based. You can use visual tables like this one!
This was such a great, information dense, yet engaging talk by Connie. Explains why she's one of my favourite bloggers and writers.

27 comments:

Dana said...

Fascinating, I know that I definitely respond more to visual demonstrations than i do to written explanations. It just sticks in my mind.

HG said...

Nice article, thanks. I'm working on a real time app with a GUI so I will take your excellent comments on board.

Franc said...

Wow, that's exciting! I can and will use some of this in my course. Thanks! ;)

web design crewe said...

Stimulating visuals catch our eyes more often. This is why it's important to come up with an ideal design for your brand.

seo reseller said...

Abstracts can be presented through visual arts and diagrams. In that way, people from all over the world can understand the things that are inside your mind. Diagrams and graphics are being used in the internet world to show statistics.

Albert Wood said...

Graphic designs is what a site is mainly made of. Some Seo oakville said that without it, the site will look dull and unattractive that'll result to decreased ranking.

Charles Arellano said...

This can be helpful as well for seo for restaurants, since food attracts customer through its colors. Creating graphics for it might boost number of customers.

Klasemen Liga Spanyol said...

Thanks so much with this fantastic new web site. I’m very fired up to show it to anyone. It makes me so satisfied your vast understanding and wisdom have a new channel for trying into the world.

Da Shuai Guo said...

guowenhao0810
true religion outlet, http://www.truereligionoutletstore.us.com
tiffany and co
supra footwear
links of london
asics running shoes
coach outlet store
barcelona jersey
soccer shoes
baltimore ravens jerseys
hermes belt
ugg boots, http://www.uggbootsclearance.in.net
christian louboutin outlet
converse shoes
celine outlet online
abercrombie and fitch
puma shoes
seattle seahawks jerseys
tods shoes
dansko outlet
moncler coats
coach outlet online
michael kors factory outlet, http://www.michaelkorsfactoryoutletonline.com
hermes birkin
michael kors uk
cheap uggs, http://www.uggboot.com.co
cheap toms
valentino outlet
valentino shoes
the north face clearance
supra shoes
burberry outlet online, http://www.burberryoutletonlinestore.com.co
soccer jerseys
ghd hair straighteners
prada shoes
kobe 9
coach outlet online
cheap nfl jerseys
new balance shoes
air max 2014
thomas sabo

Wenhao Guo said...

cyber monday 2015
cheap ray ban sunglasses
discount ugg boots
wellensteyn jackets
ugg boots
cyber monday deals
black friday deals
belstaff jackets
ugg boots
snow boots
parajumpers coats
canada goose jackets
black friday 2015
ugg australia
cheap ugg boots
canada goose jackets
barbour coats
ugg sale
ugg outlet
nobis outlet
michael kors factory outlet
winter jackets
canada goose outlet
ray ban sunglasses
canada goose jackets
woolrich outlet
winter coats
ugg outlet
barbour coats
canada goose jackets
canada goose outlet
moncler jackets
moncler outlet
ugg outlet
achang1024

Dong Dong said...

20151211dongdong
nike sb shoes
fitflops
louis vuitton handbags
coach outlet
ugg boots
louis vuitton handbags
michael kors outlet
ray ban sunglasses
instyler max
louis vuitton handbags
coach outlet
ed hardy uk
cheap ugg boots
gucci outlet
ghd hair straighteners
ray bans
michael kors outlet
moncler jackets
canada goose jacket
running shoes
hermes belt
air jordans
north face jackets
christian louboutin shoes
christian louboutin outlet
true religion outlet
coach factory outlet
sac longchamp pliage
true religion outlet
coach outlet
toms outlet
sac longchamp
michael kors handbags
canada goose outlet
nike uk
ugg outlet
louis vuitton handbags
adidas shoes uk
soccer jerseys
longchamp outlet

柯云 said...

2015-12-14keyun
ray ban sunglasses
oakley sunglasses cheap
coach factory outlet
uggs australia
louis vuitton outlet
cheap toms shoes
mont blanc pens
beats by dre
coach clearance
coach factory outlet
louis vuitton handbags
uggs on sale
official coach factory outlet
michael kors outlet
michael kors outlet
michael kors outlet
oakley sunglasses sale
michael kors outlet online sale
prada handbags
coach outlet
michael kors outlet online
louis vuitton handbags
ray-ban sunglasses
ugg boots sale
ugg australia
ugg boots sale
p90x
ugg outlet
michaek kors outlet
ugg boots outlet
ralph lauren sale
burberry sale
oakley sunglasses wholesale
uggs outlet
louis vuitton bags
coach outlet store
canada goose
ray ban outlet store
ed hardy outlet
jordan concords

John Smith said...

I like this a lot. Thank you for sharing. I'm always looking for upcycles like this. In the end, you don't know it was a shipping pallet to begin with!
South Africa T20 World Cup 2016 Team Squad Players List
T20 world cup 2016 live matches
New Zealand Captain Name for T20 World Cup 2016

Andrian Romadhoni said...

Obat Penurun Leukosit Tinggi
bisa kamu dapatkan disini, Nama obat tersebut adalah obat tradisional ace maxs yang mana ace maxs ini merupakan racikan khusus dari perusahaan herbal indonesia.

Libin Huang said...

20160318libinray ban sunglasses
ray ban sunglasses
louis vuitton outlet
louis vuitton outlet
louis vuitton outlet
louis vuitton handbags
louis vuitton handbags
michael kors outlet
michael kors outlet
michael kors outlet online
michael kors handbags
michael kors uk
prada outlet
timberland boots
fitflop clearance
ralph lauren outlet
ralph lauren shirts
cheap nfl jerseys
cheap mlb jerseys
cheap snapbacks
rolex watches
pandora jewelry
thomas sabo uk
herve leger outlet
longchamp outlet
links of london
swarovski jewelry
nike air force 1
lacoste polo shirts
soccer jerseys
mcm outlet
nike air max
kobe shoes
nike roshe
calvin klein underwear

柯云 said...

2016-03-26keyun
nike blazers
uggs on sale
air jordan 13
oakley sunglasses
giuseppe zanotti
coach outlet
ugg outlet
ray ban sunglasses
lebron 13
coach factorty outlet
ugg outlet
coach factorty outlet
nike basketball shoes
replica rolex watches
ray ban sunglasses
tory burch outlet
jordan 3 white cenment
marc jacobs handbags
rolex watches
designer handbags
louis vuitton
louis vuitton handbags
hollister uk
nike sb shoes
michael kors outlet
ray ban wayfarer
coach outlet online
toms shoes
nike huarache
ray ban sunglasses
longchamp outlet
ray ban sunglasses outlet
ray ban sunglasses
air jordans
louis vuitton
kids lebron shoes
oakley sunglasses outlet
jordans for sale
michael kors outlet

karthikeyan said...

idm serial key

idm serial number

serial key

idm key

idm product key

Meiqing Xu said...

20160512meiqing
nike cortez
polo outlet
coach outlet
cheap ray-ban sunglasses
adidas uk
jordan shoes
michael kors outlet
nike store
coach outlet online
ray ban outlet
yeezy boost 350 balck
michael kors outlet clearance
michael kors handbags
lacoste shoes
nike huarache white
louis vuitton outlet
kate spade handbags
adidas gazelle
nike air max
designer bags
ray ban outlet
jimmy choo shoes
prada sunglasses
coach outlet store online
michael kors outlet online
basketball shoes
ray-ban sunglasses
cheap jordan shoes
versace shoes
asics outlet
chaussure louboutin
cheap oakley sunglasses
fitflop uk
nike cortez red
omega watches
reebok pump
armani watches

Qing Cai said...

ray ban sunglasses
toms shoes
oakley sunglasses
true religion jeans
toms outlet
beats by dr dre
michael kors handbags
louis vuitton neverfull sale
mcm backpack
omega outlet
rolex uk
nike blazer pas cher
fitflops sale clearance
louis vuitton outlet store
coach outlet store
prada outlet online
nike air max 90
pandora outlet
nba jerseys
nike blazer pas cher
ralph lauren uk
ferragamo shoes
michael kors handbags clearance
jordan pas cher
ferragamo shoes
ralph lauren polo
longchamp pliage
burberry outlet online
fitflops sale clearance
bottega veneta outlet online
cai20160604

Rudy Lay said...

If your actions inspire others to dream more, learn more, do more and become more, you are a leader.

Togel Online Singapore
Togel Online Hongkong
Bandar Togel Singapore
Bandar Togel
Togel Online Terpercaya
Bandar Togel Online Terpercaya
Togel Online
Agen Togel Online Terpercaya
Agen Togel Online
Foto Cewe Bugil
Gambar Cewe Bugil

Rudy Lay said...

To hone logic, supported with open minds and a lot to learn. For logic that is already extensive, balance it with humility
Agen Bandarq
Agen domino99
Domino Online
Bandarq
Bandar domino
Bandar poker Agen Bandarq
Agen Domino99
Domino Online
Agen Poker
Bandar Domino99
Bandar Poker


Agen Bola
Agen Bola Resmi
Bandar bola
Agen Bola Terpercaya
Agen Bola Terbesar
Agen Bola online
Judi bola
Berita Bola
Agen Sbobet
Agen Ibcbet


Agen Bandarq
Agen Domino99
Domino Online
Agen Poker
Bandar Domino99
Bandar Poker

Togel Online Singapore
Togel Online Hongkong
Bandar Togel Singapore
Bandar Togel
Togel Online Terpercaya
Bandar Togel Online Terpercaya
Togel Online
Agen Togel Online Terpercaya
Agen Togel Online

Agen Bandarq
Agen Domino99
Domino Online
Agen Poker
Bandar Domino99
Bandar Poker


Agen Bandarq
Agen Domino99
Domino Online
Agen Poker
Bandar Domino99
Bandar Poker

obat sifilis said...

Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)
Obat Sifilis (Raja singa)

John Corner said...

Watch Rio Olympics Live Streaming
Rio Olympics 2016
Rio Olympics TV Broadcasters
Rio Olympics 2016 Opening Ceremony
Rio Olympics 2016 Schedule Timetable
Watch Rio Olympics Live
Rio Olympics 2016 Live Streaming
Rio Olympics Mascot, Logo and Images

Kelly Anni said...

I definitely enjoying every little bit of it. It is a great website and nice share:
contact form | snapchat emoji

Hua Cai said...

coach outlet online
ghd uk
ugg boots sale
coach outlet
adidas uk store
michael kors outlet
swarovski outlet
mulberry uk
celine outlet
michael kors outlet
louis vuitton handbags outlet
hollister clothing
christian louboutin shoes
tiffany and co
ferragamo outlet
versace sunglasses on sale
mulberry outlet
adidas outlet store
nike air max
ugg outlet
fitflops clearance
omega watches
true religion uk
true religion outlet
nike blazer pas cher
toms outlet
ugg boots
cheap jordan shoes
air max 90
polo ralph lauren outlet
michael kors outlet online
mac cosmetics
lululemon outlet
kobe shoes
tiffany and co
20160808caihuali

Rudy Lay said...

I really liked your article , your article is very petrified me in the learning process and provide additional knowledge to me , maybe I can learn more from you , I will wait for your next article article , thanks
A report Agen Bandarq
U.N. order. they then Agen domino
Jewish American following Domino Online
speech of Rabbi Diem used strong agen Bandarq
Emmanuel with Jewish pressure Bandar domino99 before a special meeting agen domino online of the Emergency Agen Bandarq
Council Agen domino99
of European Rabbis in Budapest, Hungary, January 12, Domino Online
1952: "Greetings, my children; Bandarq
You have Bandar domino been called her to Agen Bola Resmi recapitulate the Bandar bola principal steps of our new program. As you know, we had hoped to have twenty Agen Bola Terpercaya years Agen Bola Terbesar between wars we made Agen Bola online from World War II, Judi bola but our increasing numbers Berita Bola in with every Agen Sbobet means at our disposal to precipitate World War III within Agen Ibcbet five years Agen Bandarq [They did not precipitate Agen Domino99 World War III Domino Online but they Agen Poker did instigate the Bandar Domino99 Korean War Togel Online Singapore when on Togel Online Hongkong June 25, Bandar Togel Singapore 1950 they ordered the North Korean army to launch a surprise attack Bandar Togel on South Korea. On June Togel Online Terpercaya 26, the U.N. Bandar Togel Online Terpercaya Security Council Togel Online condemned Agen Togel Online Terpercaya the invasion of the invading Agen Togel Onlineforces.

Rudy Lay said...

Super website with a great sharing and amazing stories is ur web.. please keep doing what u do now.. thanks to you.
Togel Online Singapore

Togel Online Hongkong

Bandar Togel Singapore

Bandar Togel

Togel Online Terpercaya

Bandar Togel Online Terpercaya

Togel Online

Agen Togel Online Terpercaya

Agen Togel Online

Related Posts with Thumbnails