The Big Deal About Text Formatting in Web DesignTweet
While you may be able to use many attention-grabbing elements to make your Web design more effective, your site’s text formatting should not be set aside. Plain text actually bests faces and sensual body parts when it comes to getting attention on the Web.
The human psyche will always be looking for faces in everything (thanks to the phenomenon of Pareidolia), and the id will always tend to focus on ‘private’ body parts (like cleavages and shapely bottoms), but your website’s visitors are there for information, so they are intent on scanning the text of your site.
Scanning to Reading
It’s often said that Internet readers and lazy readers. Who could blame them? There’s a wealth of information on the Web on any single topic – they need to ascertain which of the websites they visit are able to present them with the data they need.
Therefore, for the sake of saving as much surfing time as possible, the typical website visitor would scan the text first, looking for keywords and phrases, then read any part of the text partially when they find what they are looking for. He would also read the content thoroughly if it engages him enough – but the very first thing he does is scan the text.
Image credit SXC.HU
In attempts to make Web content more “scanable,” styles and formatting are applied to make the text more readable. Simply putting key words and phrases in boldface might suffice, but then there are some bits of info that really need to stand out. The problem begins in formatting them to make them stand out.
Fancy and “Salesy” Formatting
Most of the time the easiest way to make text stand out is to perform some fancy formatting on it and make it appear like a banner on your webpage – much like how a banner ad is formatted to gain attention. Unfortunately, thanks to banner blindness, this is not ideal.
Banner blindness is a term applied to how people tune out anything that looks like an ad. Studies into this phenomenon have proved that almost everyone intent on finding something of consequence in a website does not fixate on the ads and banners on that website, but instead focuses on content. Important text made to stand out through fancy formatting, therefore, is likewise ignored, because they resemble ads too much. At first this may not seem realistic, but research into Web usability presents us with evidence to the contrary.
Jakob Nielsen’s guidelines to Web usability lay out the groundwork for best practices and things to avoid, and some of those guidelines pertain to fancy formatting.
Image credit SCX.HU
But even if you don’t consult with any sort of guideline, it’s plain to see how banner blindness extends to fancily formatted significant text. It’s a given that people are adept at tuning out unwanted elements when browsing the Web, and ads and ad banners are among the most unwanted nuisances.
When visitors drop by your website to look for specific information, they scan the text. During the quick scanning phase, people tend to stop scanning at the first sign of ad-like text or promotional banners, and go elsewhere. They never even get to the partial reading stage, much less the thorough reading stage. If a piece of important text does not even merit their attention, how can it engage their senses long enough to make them realize its significance?
Too much fancy formatting defeats its own purpose.
Best Practices Vs. Things to Avoid
So what do you do when attempting to make important text stand out seems to only backfire? Well, you need not be self-contradictory in your efforts. Your goal is to emphasize high significance or priority tasks relevant to your website, and you can do just that without making the information look or feel like a promotion or ad.
Image credit SXC.HU
Keep in mind to veer away from these elements that deflect attention:
- Marketing lingo. The moment you sound like you’re about to pitch, people will scan somewhere else. Even clever catch phrases might have the same effect. So to be safe, deliver the information in a straightforward way, and don’t add some punch lines or sales talk.
- Superficial use of font faces and styles. This actually depends on the design and concept of your website, but for small and medium business websites, it’s best to be scantily clad in font styling and formatting whenever emphasizing important parts of Web content. If making out the text in boldface is underwhelming, try changing the position of the text relative to other elements in the webpage. Go for locations where visitors’ eyes naturally fixate on or gravitate towards.
- Ad banner-like appearances. This is the top “don’t” in the dos and don’ts of text formatting in Web design. Avoid formatting your text to appear like an ad or promotion, lest it fall victim to banner blindness.
Is Text Formatting Really so Important?
During the course of formatting your Web design to emphasize important text without making it look like an ad, you may find yourself thinking if what you’re doing is worth the trouble. Is it really that big of a deal?
Your website may have great design and smooth user interfaces, nice tools that help users with high priority tasks, and may even be able to present examples of its content on the homepage, but despite all the right things you did with your design, if you fail in the simple aspect of text formatting, it might as well be all for naught.
Generally, homepages present the most significant or the highest priority information or tasks relevant to the website, and they do it through text. The tools, apps, and widgets installed might help, and the search bar is a handy feature, but if your visitors don’t see what’s plain to see – what they are actually looking for – as they scan your landing page, then chances are they’ll simply look somewhere else. Isn’t that a big deal?
Image credit SXC.HU