As you’ve probably noticed, reading on a screen is hard! It strains the eyes – and research suggests that it reduces comprehension and concentration.
In a flex-hybrid course, some screen reading is inevitable, but there are steps you can take to make it less taxing for your students. Here’s how:
- Don’t ask students to multitask when they’re looking at something on-screen. In particular, don’t expect that they’ll be able to take notes while doing so. In addition to using “present screen” to share notes or slides, make sure you send students a copy that they can review later, too.
- Post notes in a format that can be printed on paper if students prefer.
- Make sure course notes and handouts are compatible with screen readers. (PDF is a great format for this, as long as your PDFs are accessible. (There’s some general information on making class materials accessible here; if you have a specific PDF you want to check for accessibility, you can do that here.)
- Design your notes, slides, and handouts to be read on screens. Read on for more…
Designing Screen-Friendly Web Pages and Documents
Give everyone’s eyes a break by using a font that is designed for screens. Georgia and Verdana are two commonly-available ones that you can access from both Windows and Mac computers. They are also “web-safe fonts” – i.e. they will be rendered the same on more than 99% of browsers.
Note, though, that not all “web-safe fonts” are specifically designed for screen reading. For example, Times New Roman is a web-safe font, but it doesn’t always render cleanly on a screen. The serifs sometimes get a bit pixellated and that can make the text fuzzy, which means some people may have to strain to make it out.
It’s a good idea to use screen-friendly fonts in all the materials for your flex-hybrid classes, since students participating remotely will read even “class handouts” on a screen.
Another way to use fonts to promote better screen-reading is to limit the overall number of fonts you use. Keep it to two or three, max. Otherwise, your Canvas pages and documents will look really “busy” and your students will have trouble following them.
In general, even well-designed serif fonts are less good for screen-reading than sans-serif fonts, so save serif fonts for headers and use sans-serif fonts for body text. Sans-serif fonts like Verdana are also more legible for users with dyslexia.
Choose high-contrast font colors in relation to your background. This is also essential for accessibility (e.g., people with colorblindness or low vision).
There is actually a whole science of “eye-tracking” studies, which follow people’s eye movements as they read on screens. The results of these studies are often presented as “heat maps” that show the places people’s eyes focused on the screen the most.
Some of the most important takeaways from eye-tracking studies are:
- Our eyes are drawn strongly to images and to content associated with images.
- We read screens in an “F” pattern, reading most of the way across the initial line or two of text and then making shorter and shorter passes across the screen as our eyes move down the page.
You don’t have to be a graphic designer to design Canvas pages, presentations, and virtual “handouts” to work in harmony with your students’ natural screen-reading patterns. Here are some good ways to do it:
- Keep your sentences and paragraphs short (shorter than you would in a document intended to be read on paper).
- Use headings, subheadings, and bulleted lists, which have a tendency to partially reset the “F” pattern. Headings and subheadings are also essential for screen-reader navigation, so they are important accessibility features as well.
- Use (but don’t over-use) bold type to highlight important points – many people skim documents on-screen and this will help them “get the gist”, at least.
- Use images and/or thumbnail videos, particularly next to text you want to be sure your students read. Include alt-text for your images for students using screen-readers or cases where the image fails to open.
- For slide presentations, use only a few bullet points or lines of text per slide.
- For PDFs, use wider margins than you would on a paper document (people’s eyes have a shorter sweep across screens than on paper).