Creation and Collection: How to Design and Select Instructional Media for Your
Classroom
By Caity Kelly
Presented via the Program for Instructional Excellence (PIE)
Welcome! ☺
• Caity Kelly
• 2 Time FSU Alumni
• Bachelor’s degree in Psychology; Master’s degree in Instructional Systems and Learning Technologies
• Past work as a psychology tutor; TA for Theories of Learning and Cognition; instructional design intern; PIE Graduate Assistant
Today’s Agenda
1. Describe a few elements of good media design.
2. Identify a few common design issues.
3. List helpful tools for instructional media design.
4. Explore the utility of open educational resources (OER).
5. Discuss strategies and resources for using OER in
the classroom.
What is your current level of design comfort?
Low HighModerate
What’s wrong with this picture?
Image Title: The Waste Hierarchy
Image Source:
https://en.wikipedia.org/wiki/Packaging_and_lab
eling#/media/File:Waste_hierarchy_rect-en.svg
Creators: Jmarchn, with collaboration of Núria
Vidal Rodrigo
License Link: CC BY-SA 3.0
A few core elements…
Alignment
This Photo by Unknown Author is licensed under CC BY-SA
This Photo by Unknown Author is licensed under CC BY-NC-ND
Contiguity/Proximity
A few core elements…
Repetition
Contrast
This Photo by Unknown Author is licensed under CC BY-SA-NC
This Photo by Unknown Author is licensed under CC BY-NC-ND
The complexities of color…
Image Source Link: https://support.office.com/en-us/article/Combining-Colors-in-PowerPoint-–-
Mistakes-to-Avoid-555e1689-85a7-4b2e-aa89-db5270528852
This Photo by Unknown Author is licensed under CC BY
The complexities of color…
A Few Rules of Thumb:
• Match warm colors with warm colors and cool
colors with cool colors
• Less is more (4 or fewer)*
• Select dark and light tones depending on your
theme*
• Consider color “emotion”*
• Remember accessibility
• Implement major tenets of design (contrast,
repetition, etc.) This Photo by Unknown Author is licensed under CC BY-SA-NC
*Newbold, C. (2014). The 50 most important rules of document design: Color CRAYON-TIP method [Blog post].
Retrieved from https://thevisualcommunicationguy.com/2014/10/23/the-50-most-important-rules-of-document-
design-color-crayon-tip-method/
Tips for typography…
This Photo by Unknown Author is licensed under CC BY-SA
• Consider the theme of your media*
• Consider the hierarchy of your
information—font size/bolding*
• Avoid overly stylistic/difficult-to-read
font styles
• Limit number of fonts used—less is more
• Remember previous design tenets
(contrast, contiguity, alignment, etc.)
• Consider the Comic Sans controversy…
*WebFX. (n.d.) The basics of typography [Blog post]. Retrieved from
https://www.webfx.com/blog/web-design/the-basics-of-
typography/
A few design tools…
Microsoft PowerPoint
Voicethread:https://voicethread.com/
APowersoft:https://www.apowersoft.
com/free-online-screen-recorder
Free Image Sources
• Pixabay: https://pixabay.com/
• Freepik: https://www.freepik.com/
• Open Doodles: https://www.opendoodles.com/
This Photo by Unknown Author is licensed under CC BY-ND
Canva
This Photo by Unknown Author is licensed under CC BY-SA
Canva is an online design
software that allows users to:
• Create digital and print-based media
• Infographics, social media banners,
stationary, business cards, video
clips, etc.
• Includes a variety of free options
Quick Review
• Repetition
• Contiguity/Proximity
• Alignment
• Contrast
• Avoid low contrast and
warm/cool combination
colors
• Consider thematically
appropriate colors/fonts
• Always bear in mind readability
and accessibility
• Explore a wide range of free
design software and image
sources
Activity: 15 Minutes
Padlet Link:
https://padlet.com/grimmallusi
ons/o46jsizvywvx234t
Bad Design Challenge!
Canva Editing Link:
https://www.canva.com/design/DAD_W
WT6WQo/share/preview?token=8cWONL
nAChBNik6EYMy9OA&role=EDITOR&utm_
content=DAD_WWT6WQo&utm_campaig
n=designshare&utm_medium=link&utm_
source=sharebutton
Open Educational Resources: An Introduction
What do you know about Open
Educational Resources?
Open Educational Resources: A Definition
Open Educational Resources (OER) are educational
materials that are released at little to no cost and
with fewer usage restrictions for the general public.
Depending on the variety of public domain or
creative commons license an OER uses, educators
typically have greater freedom pertaining to saving,
using, and changing that material.
• Specifically refers to materials
that are openly licensed and
distributed
• Depending on the degree of
openness, many are
downloadable and in an editable
format
• Includes a wide variety of
materials like books, videos,
lesson plans, courses. Etc.
This Photo by Unknown Author is licensed under CC BY
Different licensing = Different responsibilities
• Others may use, alter,
expand, distribute,
download, and edit the
material.
• May be commercial
• Credit to the original creator
required
• Highly accommodating
Attribution
• Others may use, alter,
expand, distribute,
download, and edit
material
• May be commercial
• Credit to the original author
and identical licensing
required for new revisions
• Highly accommodating
Attribution ShareAlike
• Allows for use,
downloading, and sharing of
the material
• May be commercial
• Credit to the original author
required and revised
versions of material cannot
be shared
• Moderately accommodating
Attribution NoDerivs
Creative Commons: https://creativecommons.org/
Different licensing = Different responsibilities
• Others may use, alter,
expand, distribute,
download, and edit the
material.
• Cannot be used commercially
• Credit to the original creator
required
• Highly accommodating
Attribution Non-
Commercial
• Others may use, alter,
expand, distribute,
download, and edit
material
• Cannot be used
commercially
• Credit to the original author
and identical licensing
required for new revisions
• Moderately accommodating
Attribution Non-
Commercial ShareAlike
• Allows for use,
downloading, and sharing of
the material
• Cannot be used
commercially
• Credit to the original author
required and revised
versions of material cannot
be shared
• Least accommodating
Attribution Non-
Commercial NoDerivs
Defining the 5Rs…
Retain
• Right to hold a copy of the
resource
• Download, save it to your
device, etc.
Defining the 5Rs…
Revise
• Right to change the
resource
• Edit, update, translate,
etc.
Defining the 5Rs…
Remix
• Right to create a
combination
• Add content to the
resource, combine it with
another resource, etc.
Defining the 5Rs…
Reuse
• Right to use the resource
on a public platform
• Original version of resource
or revised/remixed version
• Pay close attention to
license type
This Photo by Unknown Author is licensed under CC BY-NC-ND
Defining the 5Rs…
Redistribute
• Right to give access to
original/changed resource
to other users
• Share physical copies, post
online, etc.
Finding OER for your classroom…
OER Commons is a fantastic repository for finding a wide variety of OER
for various topics and learner age levels. Go to
https://www.oercommons.org/ and select your desired search filters to
find OER that interest you.
Some online resources are specifically designed to present open
courseware and textbooks. These are a great opportunity for self-
paced learning or adapting courses.
As with any online resource, it is important to practice quality
assessment skills. Spelling, grammar, and thoroughness/accuracy of
content are key features. Some OER may also be aligned with
standards such as Common Core.
OER Repositories
Online Resources for Open Courses and Books
Quality Assessment
Notes on attribution…
• Take note of the license type
• TASL
• Place the information in a natural
location
This Photo by Unknown Author is licensed under CC BY-SA
• Title: OER on OER
• Author: The EME5250 Group
• Source: https://sites.google.com/view/oer-on-oer/8-
providing-attribution-when-using-oer
• License: Creative Commons Attribution-
NonCommercial-ShareAlike 4.0 International License.
EME5250 Spring 2020 Class Project
Researched/brainstormed OER
categories for the target audience
Devised a list of specific
topics/medium types
Developed/evaluated a variety of OER
for target audience
Developed/promoted an OER
repository
Check it out!
• Project Link:
https://sites.google.co
m/view/oer-on-oer
• More information about
authorship available on
the Google Site
Let’s recap!
• Open educational resources are
instructional materials that typically
bear fewer usage restrictions
• OER usage rights and obligations
typically depend on the license
assigned to the particular resource
• The internet contains a variety
of OER databases and websites
• Feel free to access the OER
repository developed by the
EME5250 Group to learn more
about OER
Thanks for watching! ☺
• The workshop recording/slides will be available on the PIE
website.
• Please check out the EME5250 Spring 2020 Google Site for more
information about using OER for your educational endeavors.
• If you have not already done so, please consider enrolling in the
PIE TA Community Support Canvas site for more helpful
resources as we continue to teach remotely.
• Join PIE for the third summer workshop on July 22!