Just another WordPress.com site

Typeface part 1: Contrast

 

This entry comes courtesy a talented colleague of mine at IDV, Keith Stoneman.

A key participant in web usability that is often overlooked is typography. There have been a few studies showing that people tend to read 10% -30% faster when reading printed versus online materials.  The studies concluded that there a variety of reasons. Most of these conclusions fall outside the designer’s control due to the medium. For example, monitor orientation (Gould 1986) and the lack of flexibility for adjustments. But where do designers fail?

Poor typography and more specifically contrast. When something is hard to read everyone notices, but when it’s great nobody notices (evidence of good design is that the user doesn’t think about the design).  A successful film score is one that facilitates the message and feel of the film without the viewers checking out of the experience enough to think, ‘hey, this is a great film score -it really helps me connect with the characters and comprehend the theme!’

With web typography the challenges are not just to the given typefaces (or the lack thereof) but also color and contrast. There are those who curse the gray text phenomenon on the web.  Aycan Gulez contends that gray text on white doesn’t have enough contrast and concludes that black text on gray is easier to read. Maybe, but that is just a matter of inversion, rather than a change in contrast.  Both reduced contrast and both are easier to read. But a word of caution here, don’t have too little contrast and please avoid overly bright and conflicting colors.

Here are some valuable analogies: 

 

 

Please, please don’t ever do any of these:

 

 

How about this?
 

 

Keith Stoneman / idv solutions / Keith.Stoneman@idvsolutions.com

One response

  1. Unknown

    battery
    asus u5a battery
    asus u5f battery
    asus u5 battery
    compaq nw8000 battery
    compaq nc8000 battery
    compaq v1000 battery
    compaq nc6000 battery
    compaq nx5000 battery

    compaq n600 battery
    compaq n600c battery
    compaq n610c battery
    compaq n610v battery
    compaq n620c battery
    compaq e500 battery
    compaq e500s battery
    compaq v300 battery
    compaq v500 battery

    compaq pp2060 battery
    compaq nx9000 battery
    compaq nx9005 battery
    compaq nx9010 battery
    compaq nx9020 battery
    compaq n110 battery
    compaq n110s battery
    compaq pp2101x battery
    compaq presario 2100 battery

    compaq ze4000 battery
    compaq f4809a battery
    compaq f4812a battery
    dell inspiron 700m battery
    dell inspiron 710m battery
    dell latitude x200 battery
    dell 8u443 battery
    dell 312-0058 battery
    dell inspiron 1100 series battery

    dell inspiron 1150 battery
    dell d620 battery
    dell d630 battery
    dell latitude d620 battery
    dell inspiron 5150 battery
    dell inspiron 5100 battery
    dell 1501 battery
    dell e1505 battery
    dell kd476 battery

    dell gd761 battery
    dell inspiron 6400

    October 13, 2008 at 4:29 am

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s