WEBINAR: Designing Effective Visual Aids for Online Teaching

July 7, 2020

Visual Aids (advantages)

- summarize info
- Lessen words
- Show examples
- Emphasize points
- Engage audience
- Make easier to understand the topic
- Retain information

Types of visuals
1. PowerPoint
2. Whiteboard (manila paper/chalkboard
3. Handouts
4. Video clip
5. Flip Charts
6. Posters
7. Product objects or artifacts

TIPS FOR CREATING VISUAL AIDS

 Before you speak (Before and Now)
Plan for you classroom ex in google meet.
 Presentation Position (Sitting or Standing)
 Eye Contact (Offline and Online)
Sa online: it depend on the actions of the student behind the camera
 Voice – we can detect emotions based on the voice of our students
 Content - consider the content, audience, theme, target (motivate, entertain. Persuade, etc)
Before presenting: check your knowledge

3 parts of Content
1. Introduction : it should be engaging, add personality (ugali), games using apps,
2. Body: Express clearly, organize logically
3. Conclusion: know how to wrap-up, end with a bang

Interruption
1. Explore the software before the day of delivery
2. Test your device/s
3. Audience voice
4. Lock your door
5. Pay internet connection/ready your mobile data
6. Back-up device/files
 FORMAT

Words

 3 Rules
1. 5/5/5
No more than 5 words in one line.
In one slide, no more than 5 lines.

2. 6X6
Every line, no more than 6 words.
6 bullets only

3. 7/7
7 words of each of slides

FONTS

 Serif vs San Serif

DO NOT USE: Kristen, Mistral, Papyrus, Stencil, Comic Sans, Curslz, Bradley Hand, Courier
 For main text (18 minimum, 24 for maximum)
 Headers: 36-44 points
 If text is long, do not put animation, shadow
 Only use bold for clarification, specification

COLORS
 Color wheel
 Monochromatic colors
 Triadic, achromatic

ALIGNMENT & SPACING

 Use grids
 Use text and object alignment
 Spacing : Breather spaces/White spaces
CONTRAST
 Font vs background (affects headability)
 Follow proper contrasting
PHOTOS
 Frame and positioning
 Relevant pictures
SCALING
 Unlocked aspect ration
 Use corners not edge to adjust the object
ASPECT RATIO
 4:3 vs 16:9 (updated)
IMAGES
 JPEG, PNG, GIF
  Consider pixels (picture elements)
 Low or high resolution
OBJECTS
 Pictures
 Screenshot
 3d models
 Shapes
 Icons
 Chart
 Table
 Smartart
 Videos/audios
ANIMATION & TRANSITION
 Left to right transition
 Slide transition
 Animation ease boredom
CONSISTENCY
 Use 2-3 types of fonts from start to finish
 Also color scheme

CONCEPTS
1. Whiteboard/chalk board, paper setting
2. Video games
3. Use trending topics
4. Movies
5. Game show
6. Live games
7. Stop motion
8. Digital version of contemporary visual aids
9. Green screen
10. Cut-out paper effect
11. Isometric illustrations
12. Flat icons
13. Retro/vintage/wild west/history
14. Comic style
15. Lego/jigsaw/cube
16. QR & BAR CODE (Download QR Scanner/reader)
17. Parody/Jingle
18. Infographic (own/from net) pic2chart.com
19. Bullet journal

TOOLS FOR DESIGNING VISUAL AIDS

PowerPoint
Prezi (online however has lots of animations)
Google Slides
VISME
LODUS ONE
CANVA
ADOBE SPARK
FONTPAIR (font pairing)
ADOBE COLORS
COOLORS
GIPHY (moving pics)
FREEPIK
SNIPPING TOOL (screenshot)
FLIPACLIP: CARTOON ANIMATION (for mobile phones)
SCRIBBLE
STOP MOTION STUDIO
BITMOJI (cartoons shown during presentation)
AVATOON
VOICE CHANGER W/ EFFECTS
ANCHOR (make your own podcastlike)
LIVEBOARD (if may computation/graph)