Online Teaching Tools

Online Teaching and Engagement Toolkit

Michael Myers | Information Specialist | michael.myers@unityhealth.to

Learning Objectives

• Learn the benefits of information visualization
• Understand basic design elements

• Identify best practices for presentations
• Use online teaching tools for engagement/gamification during online presentations/sessions (Padlet & Genially)
• Understand the basic functionalities of graphic design software (Canva & Visme)
• Learn how to use a video editing tool for asynchronous content (Loom)
• Understand accessibility features using a browser extension (WAVE)

Agenda

Visualizing Information

Presentation - Best Practices & Design Elements

Visme & Canva - Slide Decks & Infographics

Genially & Padlet - Games & Engagement

Video Editing - Loom

Accessibility - WAVE

On-Demand Classes

Advanced PowerPoint

Infographic Design & Tools

Excel eLearning Modules

Online Teaching Tools

Visualizing Information

Information visualization is the practice of translating information into a visual context to make data/concepts easier for the human brain to understand and pull insights from

Visualizing Information

Visualizing Information

Benefits

Diversify your Work

Reach a Broader Audience

Different Learning Styles

Engagement

Retention of Content

Simplifies Concepts

Presentations - Best Practices & Design Elements

Best Practices

Title

Audience

Keep it Simple

Learn your Style

Slide Ratio

Knowledge Checks

Consistency

Content

Design Elements

Colour

• Consider what your colours represent
• Consider which colours are appropriate to the topic
• Design a colour palette
• Colour can be used as emphasis
• Keep AODA in mind

Designing a Colour Pallette

• https://coolors.co/
• https://www.canva.com/colors/color-palette-generator/

Design Elements

Visuals & Images

• Visual consistency
• Ensure it is adding to the content and not distracting from it
• Use images sparingly; icons are typically the better option
• What does the image represent?
• Sizing can represent importance

Design Elements

White Space

• Clarity and ease of reading
• Increases visual appeal
• Provides balance
• Includes line spacing

Design Elements

Transitions & Animation

• Limit transitions and animations
• Use with purpose
• Can be distracting
• Might not translate on other devices

Design Elements

Videos & Audio

• Using videos can be engaging by changing the pace
• Ensure they are relevant to the topic
• Explain why you are playing the clip
• Keep it short
• Embed on to your slides whenever possible

Design Elements

Data

• Visualizing datasets helps improve the comprehension of information

Journal of American Medical Association (JAMA+9)

$13,506

Cost-per-use: $1.21

Annual Subscription

$7,623.03

Cost-per-use: $0.42

New England Journal of Medicine

Annual subscription

Design Elements

Unity Health Toronto Branding

• Unsure you are using the Unity Health Toronto logos when appropriate
• Follow the colour palette
• Use site specific logos/colours when appropriate

https://unitynet.unity.local/requests-resources-tools/branding-guidelines-templates-and-forms/

#563E82

#2D2926

#C5C6C7

#4060AF

#EA6F08

#003D6F

#A7BCD5

#A192B1

#00A0AF

Visme & Canva - Slide Decks

Graphic Design Tools

Graphic Design tools such as Canva and Visme allow a user to expand upon traditional options that are available in PowerPoint, and allows users to create more visual documents, as well social graphics and even GIFs

Slide Decks

Infographics

Documents

Social Graphics & GIFs

Graphic Design Examples

Comparsion Chart

Readiness Checklist

Guidance on Authorship

Knowledge Synthesis Search Timeline

Peer Review of Electronic Search Strategies

Application Process

Annual Report

Pubmed Vs. Google Scholar

Library Newsletter

Genailly & Padlet - Games and Engagement

Benefits

Engagement

Fun

Memorable

Comfortable

Review

Reinforcement

Padlet

QUIZ

INVADERS

INVADERS

PRESS START

LEVEL 1

OF 5

Which is not a best practice with videos?

The longer the better

Embed it when possible

Explain why you are playing it

LEVEL 2

OF 5

Why is visualizing information helpful?

It's pretty!

I like it!

Simplifies Concepts

LEVEL 3

OF 5

Which one of these is not a best practice?

White Space

Consistency

Simplicity

LEVEL 4

OF 5

What is the more universal ratio for slides?

14:7

4:3

16:9

LEVEL 5

OF 5

Which is the colour code for the Unity Health purple?

#4060AF

#ffffff

#563E82

NEW HIGH SCORE

999999

CONGRATULATIONS!

THANKS FOR PLAYING

© 2022 GENIALLY GAMES

GAME OVER

CONTINUE?

YES

NO

Genailly

Explore the Education Portfolio

Video Editing - Loom

Loom

Accessibility - WAVE

WAVE

• Errors
• Contrast Errors
• Alerts
• Structural Elements
• ARIA labels

Thanks!

Michael Myers | Information Specialist | michael.myers@unityhealth.to

St. Michael's Library

St. Joseph's Library

PRovidence Library

Resources

• Canva: https://www.canva.com/
• Visme: https://visme.co/
• Padlet: https://padlet.com/
• Genially: https://genial.ly/
• Loom: https://loom.com/
• WAVE: https://wave.webaim.org/
• https://coolors.co/
• https://www.canva.com/colors/color-palette-generator/
• https://unitynet.unity.local/requests-resources-tools/branding-guidelines-templates-and-forms/