Instructional Design, Course Design Zulma Calderon Instructional Design, Course Design Zulma Calderon

TYPOGRAPHY IN COURSE DESIGN

You encounter typography almost every day! Do you know what typography is?

You encounter typography almost every day! Do you know what typography is? Typography is how you arrange text and letters using spacing, different fonts, and different font sizes. You are using text and letters to create a story. You can use typography to convey various messages and create engaging and readable text. So why is this important for your online course? If you think about it, online course design is almost entirely using text, so why would you not want to use text to create a course that is both readable and visually appealing?


Reasons why you should use Typography in your course:

  1. Optimizes readability – using good typography creates a visual hierarchy. It lets the reader know which elements are essential and how they relate to the other text in your course content. One example of this is using headers. Headers established the main points of each page of content. Examples of headings you can use are H1, H2, H3, and H4.

  2. Creates accessible content: Did you know that you can make your content more accessible with learners who have poor vision depending on the font you choose? Many learners have learning disabilities such as poor vision, dyslexia, or aphasia and need to have course content be as accessible as possible. For example, make sure that all font letters you use are easily distinguishable since many fonts have letters that look alike.

  3. Creates a memorable experience: By using good typography, you create a good experience for your learner. You hold their attention and thereby helping them to easily read and remember your course content and stay focused and engaged in the course. 

Basics of Typography

Typography has the following elements that you need to understand to use in your course:


Typeface


Not to be confused with font, it is the style that makes up the font. In contrast, the font is how you graphically render a text character.

There are three types of typeface, (1) serif (2) san-serif and (3) decorative:

In your course, you will not want to use all three simultaneously. You will want to use two fonts at most to keep it clean and easy to read.

Contrast


You create contrast when you emphasize certain text and not the other. One example of this would be using headers or images that has text. You can use text size or color to signify which course information grabs the learner’s attention.

Example 1

Example 2

Hierarchy


Lets your learners understand what they need to read first and how content is organized. Headers allow you to manage your content using different heading:

Whitespace


Also called “negative space.” Whitespace ensures the content is not overwhelming and created when you chunk your content or create other groupings. It makes more visually appealing content by not allowing too much clutter to appear on the page. 

Consistency


Having consistent fonts and hierarchy for your course content is vital. If you use too many fonts or hierarchy in one page of content and not in the other might lead to a confusing and even disordered look of your course.

Example of content having too many fonts

Color


The color you use for your content is important. One reason is you might have learners who are colorblind. You can quickly check for color contrast using this online contrast checker.

Alignment


This is how your text or images align with other elements in your course content. You want to keep this as consistent as you can. For example, you might want to place a course banner on the top center of your page or any images you use on the left of the page before the paragraph begins.

Now that you understand the basic principles of typography, I hope they will help you when designing your course content. Comment below if you are using typography principles in your course or any tips you would like to share!

Read More