connie malamed visual language for designers elearning network

42
Connie Connie Malamed Malamed eLearning Network eLearning Network

Upload: norah-roberts

Post on 28-Dec-2015

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Connie Connie MalamedMalamed

eLearning Network

eLearning Network

Page 2: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

NEGLECTED CHILDRENARE MADE TO FEEL INVISIBLE

Page 3: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

visuals

persuadevisuals

persuade

Page 4: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

visuals show hidden

informationvisuals show hidden

information

Page 5: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Deaths from preventable

diseases

Deaths from wounds

visuals solve

problemsvisuals solve

problems

Page 6: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

visuals transcend

languagevisuals transcend

language

Page 7: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

visuals

explainvisuals

explain

©BBC

Page 8: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

visuals promote new ways of

thinkingvisuals promote new ways of

thinking

©B

BC

Page 9: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

What is your involvement with visuals?

A.Conceive graphics

B.Select stock photos/illustrations

C.Create graphics

D.Manage graphic production

E.All of the above

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

Page 10: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 11: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

1Wiredfor

Graphics

Page 12: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Our most massive brain system is

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

Page 13: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

© Colin Hayes

Page 14: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Pictures are a replica of the environment

Page 15: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

SENSORY INFORMATION

WORKING MEMORY

LONG-TERM

MEMORY

Page 16: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 17: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

limits the information we process

Limited Capacity4 bits of information

Short DurationJust a few

seconds

Page 18: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

People give meaning to the visuals they process

Page 19: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

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

Kosslyn

Page 20: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Based on findings and evidence

Considers how people perceive and comprehend visual informationCan be applied to the real world

Page 21: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

2Speed Up

Your Message

Page 22: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Features that Pop

Out

Page 23: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

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

Page 24: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

What pops

out?

Page 25: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

We’re looking for volunteers!

Page 26: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

©GOOD AND AMANDA BUCK

Page 27: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 28: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 29: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 30: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

ColorSizeShapeOrientationMovement

Page 31: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

3Make Graphics

Cognitively Efficient

Page 32: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

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: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

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: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Minimalist graphics:Fewer colorsLess detailSmooth surfaceMinimal shadows

Page 35: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

High-fidelity to Low-fidelity

Page 36: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

silhouettes

silhouettes

Page 37: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

©Lokesh Dakar

iconic formsiconic forms

Page 38: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 39: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 40: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network
Page 41: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

line artline art

Page 42: Connie Malamed VISUAL LANGUAGE FOR DESIGNERS eLearning Network

Blog:theelearningcoach.com

Twitter: @elearningcoach

FB: www.facebook.com/elearningcoach