Use Familiar and Readable Fonts to Improve Website Usability
May 15th, 2009 | By Dee | Category: Html and DesignThere are many factors that affect the usability of a web site. To make sites noticeable to users, site owners must make use of attractive design and functional content. The usage of fonts is one of the factors that can draw or veer away visitors to a web site. Good fonts are important because it has an effect on how fast users can read whatever content that is present on the computer screen.
Fonts are utilized to make the majority of the web page elements, such as navigation bars, buttons, links, and menus. It is the text that will express most of the web site’s content.
At present, the fonts that are commonly used in the Internet are Times New Roman, a serif font, and the Arial, a sans serif font. The primary edge of serif fonts is that it is more comfortable to read it on paper, because serifs help individualize each letter. However, this advantage can be rendered useless when the fonts are viewed on computer screens, since factors such as screen resolution can affect the clarity of texts.
So how do fonts influence the overall usability and legibility of a web site?
There are two major categories of font faces:
1. Serif
These are fonts that contain small appendages in the upper and lower part of a letter. Examples are Times New Roman, Century, Bookman and Courier. These are the choice faces to be used for large quantities of text.
2. Sans-serif
These fonts have only primary line strokes, and possess a simpler shape. Examples of these fonts are Futura, Helvetica, and Arial. They are usually utilized for short phrases.
Font style pertains to the usage of elements such as italics, underlining, and boldfaces to give better emphasis to the contents of a page. It is not advised to utilize underlining on web pages, since most of the users are used to associate underlinings with links. Boldfaces should be used in a strategic way.
Too much usage of boldfaces can be distracting from the content, since they are extremely visible. Since italics are not very legible on the screen, they should be used infrequently, just enough to provide emphasis and definition to terms.
Avoid using absolute font sizes. Doing so may hinder users the ability to adjust the sizes of the text to go along with the specifics of display devices that they are using. It is recommended to let users manipulate the size of the texts, especially if one plans to keep the web pages short.
Choosing font colors should be done with care, it should maximize the legibility of the text in contrast to the background of the page while setting it apart from colors used for links. For light backgrounds, one should used fonts in black, dark green, dark brown, and dark blue.
If the background is dark, fonts in white, pale green, and pale orange should be used. If possible, use only one or two font colors in a page, excluding the colors for the link pages.
There are images that look like fonts. Avoid using them. There are several reasons why one should not utilize .jpg or .gif images to acquire special effects. First, images takes a long time to download, and when it appears, the quality is not the same as the text produced by the by browsers. Second, there usually is a problem when resizing images. Third, these images cannot be recognized by voice-enabled browsers.
It is said that Sans serif fonts should be used for standard and top-of-the-line web site designs, specifically the Arial and the Verdana. It is recommended to use the same font throughout a page, but headline sizes can be added and the subheadings can be written in bold form to prevent monotony. Again, it is preferable to give users the ability to control the size of the texts, since some of the users can be visually-challenged.
Some studies show that fonts that are tinier than 10-point gets slower reaction from users. It is advisable to use fonts that are at least 12 or 14-point in size when it comes to people over the age of 65.
The quality of a well-designed web site is that it can be accessed and used by people from all walks of life. Web sites should be designed to suit everyone who will be able to visit them.
We Recommend:
The Native Remedies Affiliate Program
The Native Remedies Affiliate Network is a Two-tier program with high conversion rates and top level commissions. You can Earn 25% commissions on each direct sale and 5% on second tier sales – so even affiliates that sign up via your site earn you commissions!
Commissions are lifetime! – so each time your customer buys again, you get commissions! Click now to learn more about the NativeRemedies/PetAlive Affiliate Program!
Become a Wholesale, Dropship or Distributor Customer!
As demand for NativeRemedies and Pet Alive natural health products & remedies have grown, so has the opportunity for distributors, wholesalers and drop shippers to partner with us. Whether you are a small or large retailer, alternative health provider, an individual with a broad network of associates or a large distributor, Native Remedies has a reseller program designed just for you!
Wholesale Purchase Program – For individual resellers, retail stores, health providers or others who purchase in bulk and who resell the products directly to consumers.
Drop Ship Purchase Program – For those who do not wish to order in bulk but who wish resell our products along with others and then have us drop ship the products for them. (No Dropship Fees!)
Distributor Purchase Program – For large distributors who typically wholesale our products to retail stores and health practitioners and who can meet the higher minimum order volumes.
MaxBlogPress Ninja Affiliate System
It’s no secret that 95% of all bloggers out there make pennies from affiliate marketing, while a select few who are privileged enough to be in the “inner circle” make thousands of dollars effortlessly. Ninja Affiliate is WordPress plugin developed to imbue lethal marketing powers into your WordPress blog and instantly double or triple your affiliate marketing commissions with almost no effort on your part.
Using Ninja Affiliate, you can automatically convert any keyword in your blog to an affiliate link instantly. You can also cloak your affiliate links, track them and manage them right from your WordPress text editor. AffiliateRugu uses and highly recommends Ninja Affiliate by MaxBlogPress!
