Design of Pile Foundations - Online PDH and CEU Courses - How to
Information Design for Online Courses
-
Upload
uzma-bhatti -
Category
Education
-
view
60 -
download
5
description
Transcript of Information Design for Online Courses
![Page 1: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/1.jpg)
Information Design for Online Courses
Uzma Bhatti
Learning Technologies Division
![Page 2: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/2.jpg)
What is Information Design?
Information design "is the defining, planning, and shaping of the contents of a message and the environments in which it is presented, with the intention to satisfy the information needs of the intended recipients”
(International Institute of Information Design, October 2014)
![Page 3: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/3.jpg)
Why is it important?
The challenge should lie within the instructional content. Not within the structure or the layout of the course.
![Page 4: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/4.jpg)
Information Design Will
Create consistency
Create a seamless layout
Increase focus on instructional content
![Page 5: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/5.jpg)
Information Design Will Not
Water down the content
Reinforce passive learning
Create a boring learning environment
![Page 6: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/6.jpg)
The Great
Easter Egg Hunt
![Page 7: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/7.jpg)
Syllabus:Assignment
name, No Due Date
Complete Assignment
Details
Module Checklist:
Limited Info
Dropbox:More detailed
info, not linked in CL
News Item:Contains updates
![Page 8: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/8.jpg)
Syllabus: Contains
assignment name & due
date
Complete Assignment
Details
Module Checklist: Lists
assignment and links to
DB
Dropbox:Contains the
complete instructions
News Item:Reflects
changes, links back to all
pieces
Change from the news item is reflected through
each piece of information.
![Page 9: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/9.jpg)
The War and Peace Model
“Heavy Reading” by Jill Clardy via Flickr
![Page 10: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/10.jpg)
![Page 11: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/11.jpg)
Know your route
![Page 12: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/12.jpg)
Information Chunks, Patterns and Icons
Break up long pieces
of text
Create visual patterns
in your text
Consider using icons as guide
markers
Use visuals to anchor your text
Use formatting to create emphasis
![Page 13: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/13.jpg)
Proximity
Alignment
Repetition
Contrast
![Page 14: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/14.jpg)
Contrast
RepetitionAlignment
Proximity
The inverse of
P.A.R.C. is…
![Page 15: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/15.jpg)
What does FONT HAPPY mean?
It means you use way too many fonts.
This creates a lot of visual dissonance which makes the text look more like holiday lights rather than well formatted text. Think bold yet
simple to emphasize. Choose crisp and clear rather than fancy-shmancy. Remember, less is more and more is typically A MESS. Like this slide,
.
![Page 16: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/16.jpg)
I (do not) Animations
• Too many animations
• Can be very distracting
• And time consuming
• And annoying
• Again, less is more
![Page 17: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/17.jpg)
![Page 18: Information Design for Online Courses](https://reader033.fdocuments.us/reader033/viewer/2022052910/559cd2b91a28ab667f8b4759/html5/thumbnails/18.jpg)
Think Brevity. Write Concisely. Inform Effectively.