Why Do Web Designers Need To Pay More Attention To Typography?
Posted in Website Design on June 14, 2013
What is one of the most common tasks people perform on their computers, tablets and phones? Reading, of course. The unfortunate thing is that web designers typically pay very little attention to typography and readability. Sure, occasionally they take time to underline a word or two here, and match the font size there. But a true understanding of attractive typography and readability is often lacking.
For example, take a look at a random article on the well-read website Inc.com. See how the text is large and easy to read? This simple design decision isn’t anything new. Usability experts have been preaching about readability for years!
At the end of the day, here’s the key for your web designers to optimize readability: websites that have the right blend of typography, white space and visual design elements create a fluid reading experience for users, much like cuddling up to a good book.
Design Resource Box shares a wonderful article about the issue that web designers may have finding this balance. It’s difficult to juggle font size, weight and line height, the article says.
Here are five of the best suggestions the article offers your web designers to improve the look, feel and readability of their pages.
- Improve legibility by limiting the number of characters in a line: A good rule of thumb is to keep the number of characters in a line under 75. People can recognize words faster and read easier the fewer the characters there are in a line.
- Use typographic hierarchy: “Use typographic hierarchy” sounds complicated but it basically means showing the readers what is the most important by picking the size, structure, color and weight of the type. Take a look at a newspaper. The most important headline is the biggest, while the least important story has a small headline with a standard font.
- Indulge in white space: Never underestimate the power of zero words. Website designers need to focus on places they can highlight by minimizing the graphics, color and fonts in a given area.
- Pick a typeface that shows contrast: An easy way to create contrast is by pairing a serif typeface with a sans serif typeface. The Design Resource Box article suggests using fonts from the same designer because they tend to “have the same strokes and curves.” Remember, contrast is good, but don’t be gaudy.
- Look at the work of copy designers that understand typography: Be sure to check out these websites for great examples of typography done right: Zurb.com, Negativelabs.com, Ilovetypography.com, Happycog.com and Viljamis.com.
Source: Design Resource Box