• home
  • About
  • subscribe to the RSS Feed

    Saturday, July 31, 2010

    Checklist for excelence in web typography

    Posted by Offer Tsuriel on October 26, 2009

    1. Never use underline in body text as a reader will think it’s a hyperlink.
    2. Avoid extensive use of italics as it is difficult to read on screen, but they can add variety.
    3. Agree a standard for capitalization of headlines and link text. Generally, sentence case: ‘A.mazing new product released’ is best since it is most scannable. Title case ‘A.mazing New Product Released’ and all caps is ugly (and more difficult for readers to scan) . However, all caps can be attention grabbing if selectively used.
      WAIT! There is more to read… read on »

    Website’s typography do’s and don’ts

    Posted by Offer Tsuriel on

    Here is an example of some general traps to avoid when using fonts.

    The XYZ Company offer you the opportunity to take part in our online competition exclusively for customers who have made several purchases over the last year.

    E-consultancy (2007) recommends these approaches to typography best practice.

    1. WAIT! There is more to read… read on »

    Does your site pass the four seconds rule?

    Posted by Offer Tsuriel on

    Fast loading website

    Fast loading website

    Research from Akamai (2006) shows that content needs to load rapidly -within four seconds otherwise site experience suffers and visitors will leave the site. The research also showed, however, that high product price/shipping costs and problems with shipping were both considered more important than speed. However, for sites perceived to have poor performance, many shoppers said they were less likely to visit the site again (64%) or buy from the e-retailer (62%).
    These practical tips for designers developed by accessibility specialist Trenton Moss of Webcredible (Webcredible, 2004) show how approaches to coding pages can make a difference. So make sure your site designers optimize for speed, not simply focusing on visual design.

     

    1. Layout your pages with CSS (Cascading Style Sheets)’ not tables
    2. Don’t use images to display text
    3. Call up decorative images through CSS
    4. Use contextual selectors (use classes to format)
    5. Use shorthand CSS properties
    6. Minimize white space [within code]. line returns and comment tags
    7. Use relative call-ups Remove unnecessary META tags and META content Put CSS and JavaScript into external documents Use / at the end of directory links.