06.09.2021 Views

Education for a Digital World Advice, Guidelines and Effective Practice from Around Globe, 2008a

Education for a Digital World Advice, Guidelines and Effective Practice from Around Globe, 2008a

Education for a Digital World Advice, Guidelines and Effective Practice from Around Globe, 2008a

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

21 – Media Selection<br />

learner, <strong>and</strong> reduce the reading speed. This sentence<br />

with only three different fonts proves the point.<br />

Practical Guideline<br />

Use an easy-to-read system font <strong>and</strong> keep the font<br />

constant.<br />

Figure 21.2. Variations of justification<br />

Choose a font that is clear <strong>and</strong> easily readable such as<br />

Arial, Helvetica, or Times New Roman. Although some<br />

people may call these fonts “boring” or “unattractive”,<br />

readability is critical <strong>for</strong> online applications — especially<br />

when students will read text <strong>for</strong> longer time periods.<br />

Italic, serif, sans serif (non-serif), script, decorative, <strong>and</strong><br />

small fonts (see Figure 21.3) can be hard to read depending<br />

on their size <strong>and</strong> the monitor’s clarity. Some<br />

people prefer serif over sans serif fonts since the “feet” of<br />

serif fonts helps the eye move horizontally. People tend<br />

to read faster with serif fonts than with sans serif fonts.<br />

Regardless of what font you use, it is impossible to<br />

please everybody.<br />

You can use font sizes to organize in<strong>for</strong>mation, such<br />

as in headings, <strong>and</strong> to indicate importance. Headings<br />

should be in upper <strong>and</strong> lower case letters as uppercase<br />

text is less legible. Headings can also help learners<br />

quickly find pertinent in<strong>for</strong>mation, especially when the<br />

headings make sense on their own. You can use a<br />

slighter smaller font size <strong>for</strong> labels.<br />

Use larger font sizes <strong>for</strong> children <strong>and</strong> seniors. For<br />

other audiences, the font size used should not allow <strong>for</strong><br />

more than 60 characters on a 6-inch (15 cm) line. This<br />

helps increase readability, decrease fatigue, <strong>and</strong> maintain<br />

a student’s patience <strong>and</strong> attention. As a proportional<br />

guideline, use a 14-point bold Arial font <strong>for</strong> the main<br />

text given an 800 by 600 screen size. This is only a starting<br />

guideline since readability is affected by the screen<br />

size <strong>and</strong> font used. If there is any doubt, ask typical<br />

learners <strong>for</strong> their opinion.<br />

VARIABLE SPACING<br />

Variable spacing (see Figure 21.4) reduces the space<br />

between letters. This is especially noticed with the letters<br />

“i” <strong>and</strong> “l”. Variable spacing allows you more characters<br />

per line but is not as “neat” as fixed spacing (see figure<br />

21.4) where all letters use the same amount of horizontal<br />

space <strong>and</strong> consequently line up vertically.<br />

Figure 21.4. Variable versus fixed spacing<br />

Figure 21.3. Variations of fonts<br />

Be sure that you keep the font constant. If a second<br />

font must be used, choose one that appears similar to<br />

the first. Too many fonts can be distracting, confuse the<br />

For practical reasons, such as screen size limitations<br />

<strong>and</strong> a faster reading speed, you should use fonts that<br />

have variable spacing, such as Arial. Note that if the<br />

letter spacing is too tight, the letters can be hard to distinguish<br />

<strong>from</strong> each other. Spacing that is too wide can<br />

326 <strong>Education</strong> <strong>for</strong> a <strong>Digital</strong> <strong>World</strong>

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!