The text of the body of your site is too small. While desktop monitors and phone screens seem to increase in size, body font sizes have apparently decreased. Although their original size is the same, they feel smaller than ever.
Too often I find myself squinting at the screen to read the content. And it should not be so. Today we will consider the reasons for this growing problem and how to solve it!
The Cover For A Larger Text
Small text sizes are an old-school concept in terms of web design. The idea of using 12-point text to copy the body dates back almost to the early days of the Internet and digital publication, when the standard size for word processing was 12 points. (So the designers began to use this unofficial policy.)
But the screens were also much smaller at the time. And the 12-point type in one place, a few meters from the eyes, can be a lot to read.
Oversized titles and subtitles have been in fashion for some time, and your body copy needs to catch up. Also, Kissmetrics, a blog about web analytics, marketing and testing, found that most websites have too small fonts. They even called it one of the ” 7 Deadly Sins of Web Design.”
Here’s the big reason: you need to immediately grab the attention of users, and small fonts just won’t cut it with so many other options available for a user’s time.
Still not convinced? Here are four more reasons why your body type should be bigger.
1. It is easier to read
Readability is a big problem. Why design a website that is difficult for a user to read?
The first lesson is to leave pure digital measurement for the body of text on the Web. It doesn’t matter if your text is 12 points or 16 points or 22 points if you can’t read it. (The size of the text is not universal and varies depending on the font.) The body text should be proportional to everything else on the screen and easy to see for users at some distance.
The standard for some time is that 45 to 60 characters per line in a single column (including punctuation and spaces) is the ideal length for most readers. So, you need to think about the size of the most popular browsers, the width of the column you are using, and start with a text size that falls within this range. Then do not forget to adjust accordingly to the reactive breakpoints.
The area is slightly narrower for smaller screens, where most people agree that the larger text is better. (Thanks to half of this line counting range.)
The trick is to create a convenient scale for reading. And the more you need to work with height text, the more important it becomes. A text that is too wide can make it difficult to move from one line to another while reading; a text that is too narrow does not have a good pace and makes the eye move too fast when reading.
2. This Makes the Design More Intuitive
The size of the text contributes to the overall usability of the design of a website.
If the entire text is scaled proportionally, a larger copy of the text will also help increase the size of other ui elements such as navigation links or button text. This can contribute to the global flow.
A larger text will also help you make better decisions about content and edit it more selectively, which is always a good thing for users. This rationalization helps to put the most important elements at the forefront of the design. Remember that users have the attention span of a goldfish – if that’s the matter-so everything you need to understand the design and how to interact with it must be accessible at a glance.
Here’s the other bigger drain bonus-it will also encourage you to reconsider the padding, photo placement, and line spacing. Everything in the design will benefit from rethinking the size of the type, since everything works congruently to create an assembled final product. All this work of editing and redesigning the placement of the parts can improve the user experience, since you actually take the time to evaluate the individual elements of the design, rather than simply folding everything in the same way as usual.
3. It Reduces Fatigue
User fatigue can be a real problem. Most people look at the screens all day, whether they are watching phones, playing games, playing tablets, working on computers or watching TV. Your eyes are tired.
Larger text sizes can help reduce some of this screen fatigue.
Another common source of screen fatigue is mobile devices and users who need to reach the screen to find items. Larger phones reduce areas that are easy to reach with your thumb, but larger items and body text can help solve this dilemma.
One reason why larger sizes are important for text and other interface elements is that they make it possible to customize the visual display to match the body one, giving users more convenience.
4. It Increases The Visual Effect
You want the design of your website to make a strong first impression. Larger text can have a strong visual presence and impact than smaller text. It is bolder and more in your face. It requires to be read.
These tactics all help to attract the user’s attention and keep it.
The unintended consequence of using a larger body type is that most other elements of your design are likely to expand as well. This is most likely the matter with the room. A larger type will help you make room for more space in the design. More space often creates a more comfortable user experience and adds a contrast element that helps lure users into the busy parts of the design. (It’s the theory of design on a basic level, but it works.)
A larger type and distance are elements that most users do not see or speak, but simply find that they enjoy it. The experience will be easier and hopefully lead to a slight increase in site analytics such as time spent on the site or pages per visitor. (These metrics can be a key factor in determining whether switching to a larger type makes a difference to users.)
Smashing magazine published an article in 2011 saying that anything less than 16 pixels is too small for the body of the text. I would tend to agree.
And then move on. Test 18, 20 or even 22 points for your body copy. Even if it sounds awkward at first, you will find that it is easy to read. It is easily digested. And that makes the content a little less overwhelming. Make it easy for users and they will thank you by spending more time on your site.