<< Chapter < Page Chapter >> Page >
Using text and layout to enhance the readability of your content

Type that Suits Text

The typefaces you choose for your course pages can enhance or detract from your objectives in communicating with your readers. The meaning or feeling of the text can be affected by the type selected.

To read more on how to change fonts in Blackboard, go to Visual Text Box Editor (VTBE) How to and FAQ . This resource will discuss some tips for using tools within the Text Box Editor when adding items and folders to Blackboard. Note: this resource will open in a new window to make it easier for you to return to this mini-course. For more on the Visual Text Box Editor see Module 6.

Can you see what I see?

What if the person reading material in your course does not have the font you chose on his or her computer? What do you think would happen?

A) The student's computer would automatically download the font.

B) Your page would display blank.

C) Your page would display in a font that is available on that student's machine set to be the default font.

Answer: The answer is C! Your page will still display, but the student's browser will display it in a font that is set to be the default font. If you are concerned about what type your pages display in, it's a good idea to use standard fonts, which are usually included with most computer font packages. Standard fonts include Times New Roman, Arial, Verdana, and others. Most computer systems include Times New Roman and Arial, those these two fonts will show close to how you type them on student computers.

The image below shows a few font examples. Note that some of these fonts are easier to read on the computer screen than others.

The image below shows the Blackboard Visual Text Box Editor. Included are the following fonts: Arial, Arial Black, Book Antiqua, Century Gothic, Comic Sans, Courier New, Garamond, Georgia, Symbol, Tahoma, Times New Roman, and Verdana.

Chunking, Scanning and Layout

As a Web-based course designer you use Web pages to layout your lesson content. How you present the content directly affects the user's ability to read and remember information. Two important concepts in writing for the Web are: chunking information and writing for scannability.

Chunking Information

While the concept of the " chunking limit " with regard to a human's ability to process and remember information is not new, it has found new and practical application in writing for the Web. We know that by presenting information in small chunks, we can improve a reader's ability to read and understand it. Chunking information involves:

  • writing short chunks of information (5-7 minutes)
  • providing transitions between the short chunks
  • organizing and labeling them into a hierarchy
  • linking all the chunks together in a meaningful unit
  • reinforcing the with learning activities (quizzes, video clips, discussions, self-tests)

Scannability

Countless usability studies also confirm that Web users tend not to read every word on a page, preferring instead to scan or skim short passages of text and graphics. Further, they tend to read 25% more slowly from a screen than they do from print ( Nielsen, 2000 ). When writing for onscreen reading:

  • Keep text short.
  • Present one main theme per paragraph.
  • Use the " inverted pyramid " style of writing, putting the main points at the top of the page.
  • Structure pages with headlines and subheadings.
  • Use bulleted lists and bold text to highlight main points.
  • Make use of white space to layout the text more clearly.

For more information on writing for the web, see the article Monkey Instruction from elearningpost.com.

Once you have organized your content into chunks, you are ready to plan the page layout. The goal in page composition is to place content (text, headings, and graphics) in a way that is balanced, consistent, and unified, but also provides the right amount of emphasis to lead the viewer's eye effectively through the page and draw one's attention to important details. The human eye sorts information by looking for visual groupings and hierarchies. The following illustrations show how positioning information on the page in different ways affects how the reader's eye is lead through the information. By chunking information into logical categories, using headings, graphics, color, and white space, we can help readers to sort and comprehend the information we are presenting.

For more information and examples of writing for the web and chunking, please see the following resources:

Writing for the Web (External Link)

Writing for the Web (External Link)

Writing for the Web: Guidelines for MIT Libraries (External Link)

You might be interested in reading Using Tone to Increase Interaction found on TWU ID, a set of resources for TWU distance educators.

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Visual design for distance education content. OpenStax CNX. Jul 29, 2008 Download for free at http://cnx.org/content/col10556/1.1
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Visual design for distance education content' conversation and receive update notifications?

Ask