Upload
uzma-bhatti
View
66
Download
5
Tags:
Embed Size (px)
DESCRIPTION
If your information is not presented clearly, then the message will be lost. Time will be wasted combing through documents, downloads and other information sources. Time that could be devoted to the academic content will be taken away to make sense of a poorly designed layout instead. Frustration will increase. Productivity will decrease. This is what information design helps you avoid.
Citation preview
Information Design for Online Courses
Uzma Bhatti
Learning Technologies Division
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)
Why is it important?
The challenge should lie within the instructional content. Not within the structure or the layout of the course.
Information Design Will
Create consistency
Create a seamless layout
Increase focus on instructional content
Information Design Will Not
Water down the content
Reinforce passive learning
Create a boring learning environment
The Great
Easter Egg Hunt
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
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.
The War and Peace Model
“Heavy Reading” by Jill Clardy via Flickr
Know your route
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
Proximity
Alignment
Repetition
Contrast
Contrast
RepetitionAlignment
Proximity
The inverse of
P.A.R.C. is…
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,
.
I (do not) Animations
• Too many animations
• Can be very distracting
• And time consuming
• And annoying
• Again, less is more
Think Brevity. Write Concisely. Inform Effectively.