Skip to Main Content

OER: Create Your OER Using the LibreTexts Platform

Basics of creating an OER textbooks using LibreTexts

Creating Pages

Create Learner-Centered Pages: Page Design

Reading online is quite different from reading printed material. Present content in a way that maximizes understanding of the concepts your want your students to learn.  Well-designed content can help your content meet your course goals.

Basic Structuring Strategies

Formatting and structuring go hand in hand in content planning. While formatting ensures that content is predictable and easy to scan, structuring involves defining an organizational strategy to deliver the content effectively. Strategically structure your content before applying formatting to make sure that it is logical and coherent.

A good content structure helps users form a mental model of the page and navigate it efficiently. The following are some common strategies for structuring content:

  • Provide a helpful overview: Allow users to get a sense of the page offering without delving into details by providing them with a table of contents for the page.
  • Create content chunks: Break down the content body into digestible sections.
  • Disclose information progressively: Allow users to access the first level of the content (overview or expectations).
  • Offer direct links  to outside reading and sources:  Hyperlink text using the link tool rather than insert the URL.

Content Formatting Techniques

Reading is the primary action people perform online, but people strive to read as little as possible. They rely on scanning instead. Scanning must be supported through thoughtful editing, strategic structuring, and effective formatting of long-form content. Use the 5 formatting tactics discussed in this article—summaries, bold and highlight, bullet points, callouts, and visuals—to break down your content and create a dynamic and engaging reading experience.

screenshot 5 formatting techniques - text content provided below

Summaries, bullet points, callouts, bolding, highlighting, and helpful visuals are useful techniques for formatting long-from content.

Summary

A summary is supposed to communicate the key points of a piece of content.

The purpose of a summary is to help users:

  • Decide if they are interested in the content
  • Get the gist of your information without reading through all the details

Summaries should be concise and to the point. If your piece has several major takeaways, use a bulleted list to make them scannable and easy to consume. 

Your summary section should be easy to distinguish from the rest of the body text. A descriptive heading (e.g., Summary and Key Takeaways) and a distinct visual treatment (such as borders and shading) can draw attention to the summary.

Bold and Highlight

Bolding and highlighting should be used to call attention to critical information. Use bolding and highlighting selectively and sparingly. The highlighted text should make up no more than 30% of an article’s text. Highlight or bold only those text fragments capturing the most important points of your article. Do not bold just to strengthen your tone, as it can slow down scanning and cause confusion.

Bullet Points
  • Bullet points are one of the most common text-formatting techniques on the web. 
  • They support scanning, emphasize key points, and reveal relationships among items. Bullet points can be paired with in-page links to serve as a table of contents for the page.
  • Bullets stand out and attract attention.

When Items in a bulleted list are properly formatted, they are easily perceived as a group due to the human eye’s innate tendency to follow lines and curves on a path.  Bullet points are great because they're succinct and the reader can see what they need to know, such as when a new topic is being introduced.

Bullets are a powerful formatting device only if used properly. When the content presented in each bullet point is lengthy, it can still result in an undesirable wall of text. 

Visuals

Visuals are not just for decoration: they often add information value to a content piece. They are also a formatting tool, as they break up walls of text and diversify the content layout, allowing eyes to rest from reading.  

Two types of visuals:

  • informational visuals (e.g. product photos, infographics) bring value to an article and users will spend time looking at them
  • decorative visuals do not communicate useful information, but are often used to create visual interest break up walls of text 

Informational Visuals

Informational visuals aid comprehension and increase readers’ interest when they land on the page. 

Thoughtful informational visuals can simplify complex concepts and make abstract information tangible, providing context that words alone might struggle to convey. Visual people will say I need an example, I need a picture. I’m a person who always needs a picture for everything.

Decorative Visuals

Decorative visuals don’t necessarily provide informational value to the page, but the added visual interest that help people keep their attention focused on the page. Decorative graphics should match the tone and voice of the page.

Because they do not deliver information and lengthen the page, especially on mobile use of purely decorative images should be kept at a minimum, to avoid disrupting the discoverability or the scannability of the other content.

Sources: 


Western Technical College

Western Technical College Learning Commons
Student Success Center, Room 201
400 7th Street North
La Crosse, WI 54601
learningcommons@westerntc.edu
State Relay: 711
EEO Statement

Learn more about Western and the Learning Commons.
The Learning Commons provides library and academic support services on campus and online. The Learning Commons will set you up for success!

Creative Commons License
Except where otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License. For details and exceptions, see the Library Copyright Statement.
©2023, Western Technical College

If you are experiencing disability related accessibility issues with any information on this website, please email AccessServices@westerntc.edu or call 608-785-9524.