in Design

Typography Practices That Will Make Your Website More User-Friendly

A website can feature an amazing color scheme, an intuitive interface and content that’s guaranteed to keep people coming back for more, but if the copy isn’t reader-friendly none of that will be enough to keep users on the site.

So don’t overlook how you use typography while crafting your website. People should be able to quickly absorb and digest the information they read. Mess it up, and even the best-designed site will drive people away. Keep these pointers in mind while determining ways to tweak your text for maximum appeal.

Contrast is key
Get the balance right, and your web page will be easy on the eyes. Get it wrong, and people will be squinting as they try to make out your copy. Your safest bet is to stick to the classic black on white. Don’t be afraid to experiment a little with dark and light colors, but make sure the combination works. If the text is even a little bit difficult to read, look for other options.

Use strong headers
Designers will want to ensure a consistent hierarchy throughout the page. Headers that are too small will ruin the flow of the content and won’t attract the reader’s attention; headers that are too large will be a distraction. There should be a clear and consistent logic behind how headers are used on a page.

Separate text well
Proper use of separators will help keep your text looking clean and organized. The most common example of this is a simple, thin line. You can also use text boxes to frame certain content on the page, such sidebars or fact boxes. They also help the user’s eyes navigate through a complex layout.

White space
When used correctly, white space can significantly boost the readability of content-heavy layouts. White space helps the reader’s eye flow through the text and can offset large amounts of copy. It can also separate different elements, such as graphics and text.

Refine your margins
Margins on either side of the page force the reader’s eye to focus directly on the text. They also separate copy from other elements within the website, helping to ensuring the page doesn’t look cluttered and unorganized.

Emphasize key aspects
Bold key text in your website copy to make it stand out and emphasize key points in your content. This will also make the text easy to scan, so readers can absorb a lot of information in a small amount of time. Plus it will help ensure your website looks neat and organized.

Keep your fronts under control
Don’t mix and match different fonts — this will only confuse the reader while making your website appear cluttered. Focus on one or two font faces to help ensure a more streamlined look.

Ensure the design fits the text
Typography is about readability as much as design, so don’t judge your text choices based on looks alone. Many designers make the mistake of dumping the “loren ipsum” dummy text onto a page just to evaluate its appearance. You should also be reading the actual content to ensure the typography is well spaced, clear and laid out in a way that’s easy to read.

About the Author: Jake Downs writes and researches for Cushing, a printing company. In his free time, he likes drinking Diet Coke and coding.


Bogdan is the founder of Top Design Magazine. You can find him in Bucharest-Romania so next time you want to drink a beer there and talk about web and stuff, give him a message.