30
W HY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE Learning for Success

Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

W H Y U S E G R A P H I C S ? �(.. .and Multimedia)

Multimedia

— SUMMER 2011 TECH CAMP — August 1, 2011

PALOMAR COLLEGELearning for Success

Page 2: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

GOAL�Deliver content with �

optimal message design �to improve comprehension�

WHY�Multi-sensory learning research�

TIPS�Recommendations for �

presentation design�

Page 3: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

Multimedia

— SUMMER 2011 TECH CAMP — August 1, 2011

PALOMAR COLLEGELearning for Success

WHY

Page 4: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

and

help the learner to

FOCUS

CLEARER

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

(Information compression)Multimed

ia

Visuals make presentations

Page 5: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

CONCISE

PROFESSIONALPERSUASIVE

EFFECTIVE INTERESTING

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

Visuals make presentations more:

Page 6: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

Multimedia

LEARNING 11%

20%

83%

50%

HEAR

HEAR

HEAR & SEE

SEE

VS. RETAINING

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Page 7: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

RECALL

TELLING

SHOWING

TELLING & �SHOWING

after 3 hours

after 3 days

70%

72%

65%

20%

10%

85%

Page 8: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

TIME PASSAGE IMPACT 10–30 seconds:

understand printed word 3 minutes:

develop a point

7 minutes: audience loses interest

21 minutes: concentration limit for detail

(change pace)

Page 9: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

MIND’S PROCESSING POWER 7+ 2

Page 10: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

FIRST MIDDLE LAST

HIGH

RECALL�SCORE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

Receiver recall is influenced by serial position of facts

Page 11: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

Sequential

PERCENT RECALL FOR �DIFFERENT ITEMSSimultaneous

12%

100%

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

MULTI-TASKING?

Page 12: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Our students are DIVERSE�

and have many LEARNING STYLES.� ��

Page 13: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

— SUMMER 2011 TECH CAMP —

Page 14: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Net-centric Prefer self-paced, customized, on-demand learning path Create interactive, social, and self-publishing media

GEN Y STUDENTS

Page 15: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Goal-oriented, excel��Entertained, interactive� �Need fast-paced �activity, technology ��Handouts that outline �presentations��Indepedent, �but collaborate ��

GEN Y STUDENTS

Page 16: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

COMPELLING REASONS TO IMPLEMENT �GRAPHICS AND MULTIMEDIA

1. Package our content. 2. Improve learning and recall. 3. Address learner individuality.

Page 17: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

Multimedia

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Page 18: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

Multimedia

— SUMMER 2011 TECH CAMP — August 1, 2011

PALOMAR COLLEGELearning for Success

TIPS

Page 19: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

PALOMAR COLLEGELearning for Success

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

EYE MOVEMENT Place most important information in upper

left corner.

Page 20: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

LAYOUTS

50% white space

Consistent elements

Vary element sizes

Page 21: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

L E T T E R I N G • M a x . 6 -7 l in e s . • M a x . 3 s iz e s o f le t te r s . • M in . s y m b o l h e ig h t = 1 / 4 0 a r e a w id th . • L o w e r c a s e is e a s ie r to r e a d th a n c a p s . • M a x . 3 ty p e fa c e s . (Bold/italics/color/ size to vary content.)

Page 22: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

COLOR • Max. 2–3 colors. • Contrast background. • Light colors emphasize. • Avoid red for business.

Page 23: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

A D D I N G C O L O R : �B u r e a u o f A d v e r t is in g S tu d y �

• R e a d e r s h ip in c r e a s e d 8 0 % .�• S a le s in c r e a s e d 5 0 – 8 5 % .�• R e te n t io n in c r e a s e d 5 5 – 7 0 % .���

Page 24: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

10 REASONS TO USE COLOR

1. Visual search 2. Object recognition

3. Meaning 4. Structure

5. Identity

Page 25: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

10 REASONS TO USE COLOR (contd)

6. Symbolism 7. Usability

8. Meaning 9. Mood

10. Metaphors

Page 26: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

MULTIMEDIA....� combines graphics, text, �

video, sound and animation to deliver a message.

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

Page 27: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

BEST PRACTICES 1. Compress. 2. Stream. 3. Give the visitor control. 4. Cross-platform/browser? 5. TEST. 6. State size/time. 7. Provide links to plugins. 8. Add transcripts. 9. “15-second rule” for loading. 10. Use special effects sparingly.

Page 28: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

Page 29: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP —

WHY USE GRAPHICS? (. . .and Multimedia)

Multimedia

Page 30: Why Use Graphics? (and Multimedia) - Palomar College€¦ · WHY USE GRAPHICS? (...and Multimedia) M u l t i m e d i a — SUMMER 2011 TECH CAMP — August 1, 2011 PALOMAR COLLEGE

— SUMMER 2011 TECH CAMP — August 1, 2011

PALOMAR COLLEGELearning for Success

Mult imedia

How are you going to implement new technologies in your classes?�

Let’s join the bandwagon!