Online Teaching Tools

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

Online Teaching and Engagement Toolkit

• 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)

Learning Objectives

Accessibility - WAVE

Video Editing - Loom

Genially & Padlet - Games & Engagement

Visme & Canva - Slide Decks & Infographics

Presentation - Best Practices & Design Elements

Visualizing Information

Agenda

Excel eLearning Modules

Advanced PowerPoint

Online Teaching Tools

Infographic Design & Tools

On-Demand Classes

Visualizing Information

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

Simplifies Concepts

Retention of Content

Engagement

Different Learning Styles

Reach a Broader Audience

Diversify your Work

Benefits

Visualizing Information

Presentations - Best Practices & Design Elements

Slide Ratio

Consistency

Content

Knowledge Checks

Learn your Style

Title

Keep it Simple

Audience

Best Practices

Designing a Colour Pallette

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

• 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

Colour

Design Elements

• 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

Visuals & Images

Design Elements

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

White Space

Design Elements

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

Transitions & Animation

Design Elements

• 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

Videos & Audio

Design Elements

• Visualizing datasets helps improve the comprehension of information

Data

Annual subscription

New England Journal of Medicine

Annual Subscription

Journal of American Medical Association (JAMA+9)

Cost-per-use: $0.42

Cost-per-use: $1.21

$7,623.03

$13,506

Design Elements

#00A0AF

#A192B1

#A7BCD5

#003D6F

#EA6F08

#4060AF

#C5C6C7

#2D2926

#563E82

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

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

Unity Health Toronto Branding

Design Elements

Visme & Canva - Slide Decks

Social Graphics & GIFs

Documents

Infographics

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

Library Newsletter

Pubmed Vs. Google Scholar

Annual Report

Application Process

Peer Review of Electronic Search Strategies

Knowledge Synthesis Search Timeline

Guidance on Authorship

Readiness Checklist

Comparsion Chart

Graphic Design Examples

Genailly & Padlet - Games and Engagement

Reinforcement

Review

Comfortable

Memorable

Fun

Engagement

Benefits

Padlet

PRESS START

QUIZ

INVADERS

INVADERS

Explain why you are playing it

Embed it when possible

The longer the better

LEVEL 1

OF 5

Which is not a best practice with videos?

Simplifies Concepts

I like it!

It's pretty!

LEVEL 2

OF 5

Why is visualizing information helpful?

Simplicity

Consistency

White Space

LEVEL 3

OF 5

Which one of these is not a best practice?

16:9

4:3

14:7

LEVEL 4

OF 5

What is the more universal ratio for slides?

#563E82

#ffffff

#4060AF

LEVEL 5

OF 5

Which is the colour code for the Unity Health purple?

NEW HIGH SCORE

999999

© 2022 GENIALLY GAMES

THANKS FOR PLAYING

CONGRATULATIONS!

NO

YES

GAME OVER

CONTINUE?

Explore the Education Portfolio

Genailly

Video Editing - Loom

Loom

Accessibility - WAVE

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

WAVE

St. Michael's Library

St. Joseph's Library

PRovidence Library

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

Thanks!

• 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/

Resources