42
Connie Connie Malamed Malamed eLearning Network eLearning Network

Visual Language for Designers Presentation

Embed Size (px)

DESCRIPTION

visual leangguage

Citation preview

Page 1: Visual Language for Designers Presentation

Connie Connie MalamedMalamed

eLearning Network

eLearning Network

Page 2: Visual Language for Designers Presentation

NEGLECTED CHILDRENARE MADE TO FEEL INVISIBLE

Page 3: Visual Language for Designers Presentation

visuals persuade

Page 4: Visual Language for Designers Presentation

visuals show hidden

information

Page 5: Visual Language for Designers Presentation

Deaths from preventable

diseases

Deaths from wounds

visuals solve

problems

Page 6: Visual Language for Designers Presentation

visuals transcend

language

Page 7: Visual Language for Designers Presentation

visuals explain

©BBC

Page 8: Visual Language for Designers Presentation

visuals promote new ways of thinking

©BB

C

Page 9: Visual Language for Designers Presentation

What is your involvement with visuals?A.Conceive graphicsB.Select stock photos/illustrationsC.Create graphicsD.Manage graphic productionE.All of the above

Please type the letter of your answer in the Chat window.

Page 10: Visual Language for Designers Presentation
Page 11: Visual Language for Designers Presentation

1Wiredfor

Graphics

Page 12: Visual Language for Designers Presentation

Our most massive brain system is

That’s right!20,000,000,000 neurons!

Page 13: Visual Language for Designers Presentation

© Colin Hayes

Page 14: Visual Language for Designers Presentation

Pictures are a replica of the environment

Page 15: Visual Language for Designers Presentation

SENSORY INFORMATION

WORKING MEMORY

LONG-TERM

MEMORY

Page 16: Visual Language for Designers Presentation
Page 17: Visual Language for Designers Presentation

limits the information we process

Limited Capacity4 bits of information

Short DurationJust a few

seconds

Page 18: Visual Language for Designers Presentation

People give meaning to the visuals they process

Page 19: Visual Language for Designers Presentation

“The mind is not a camera.” Stephen M.

Kosslyn

Page 20: Visual Language for Designers Presentation

Based on findings and evidenceConsiders how people perceive and comprehend visual informationCan be applied to the real world

Page 21: Visual Language for Designers Presentation

2Speed Up

Your Message

Page 22: Visual Language for Designers Presentation

Features that Pop

Out

Page 23: Visual Language for Designers Presentation

In the following slides, what characteristic or attribute pops out at you? Type it in the chat window?

Page 24: Visual Language for Designers Presentation

What pops

out?

Page 25: Visual Language for Designers Presentation

We’re looking for volunteers!

Page 26: Visual Language for Designers Presentation

©GOOD AND AMANDA BUCK

Page 27: Visual Language for Designers Presentation
Page 28: Visual Language for Designers Presentation
Page 29: Visual Language for Designers Presentation
Page 30: Visual Language for Designers Presentation

ColorSizeShapeOrientationMovement

Page 31: Visual Language for Designers Presentation

3Make Graphics

Cognitively Efficient

Page 32: Visual Language for Designers Presentation

You are designing a course on engine repair to novices. What type of visual would be most effective?

A.Realistic photo of the engine

B.Illustration of the engine without much detail

Please type the letter of your answer in the Chat window.

Page 33: Visual Language for Designers Presentation

Provides fewer distractions

Minimizes load on working memory

Easier to encode into long-term memory

makes graphics cognitively efficient

Takes less time to perceive

Page 34: Visual Language for Designers Presentation

Minimalist graphics:Fewer colorsLess detailSmooth surfaceMinimal shadows

Page 35: Visual Language for Designers Presentation

High-fidelity to Low-fidelity

Page 36: Visual Language for Designers Presentation

silhouettes

Page 37: Visual Language for Designers Presentation

©Lokesh Dakar

iconic forms

Page 38: Visual Language for Designers Presentation
Page 39: Visual Language for Designers Presentation
Page 40: Visual Language for Designers Presentation
Page 41: Visual Language for Designers Presentation

line art

Page 42: Visual Language for Designers Presentation

Blog:theelearningcoach.comTwitter: @elearningcoachFB: www.facebook.com/elearningcoach