Category Archives: Usability

signs are useful to help guide your visitors

Websites as communication tools

Each website has a voice.

And the visitors listen to the voice. They do this by reading, or hearing, your text. They are influenced in this hearing, by the colour scheme, layout, type-set, and graphics of your website.

So use your unique voice

At all times keep in mind the idea of who you are talking to when writing your content. Imagine you are speaking to just one person; the reader.

Images are a powerful means of communicating

Your choice of images tell a story because, “A picture is worth a thousand words.” So, ask yourself, ‘What are you trying to say with these thousand-word images?’

signs are useful to help guide your visitors

Signs are useful to help guide your visitors but there is more to finding your voice and communicating effectively

Email enables direct communication and interaction without having to use the telephone or meet in person. You still have to remember your voice in your email communication.

And of course video telephony is available via Skype and other similar systems. These are an effective means of communication. Often Tusler-Design will communicate with clients over Skype. One advantage being it is instant and thus avoids long distance travel to attend meetings and briefings.

Social networks, (i.e. Facebook) are a great place to promote your messages and to interact with your ‘community’ as there is a balanced audience of male and female users. Twitter is mostly male (though not entirely) and has a different feel and emphasis to Facebook.

And lastly, it’s a personal thing

Your visitors will almost always be alone with you. Websites communicate with individuals and though you might have many visitors, few of them will be with someone else when they’re on your site.

So, why not make the most of the opportunity given us through technology and use the Internet to speak and communicate to your audience and the world at large?

Accessibility and Usability

Making websites that work for everyone.

As a website commissioner or owner there are some ‘accessibility’ basics of which you should be aware.

Web accessibility is about providing access to information and services without restriction.

The idea is that anyone should be able to access any products and services without discrimination. In particular this is referring to disabled, blind, deaf and otherwise inconvenienced visitors. In short, everyone should all be able to use your website.

In the UK there is specific legislation, covered in the disability discrimination act (DDA) 1995 and amended in 2005, that requires anyone providing a service or product to make it accessible to all. This includes owners and developers of websites and requires them to make their sites easily accessible by all visitors.

There are established guidelines on accessibility provided by the Worldwide Web Consortium (W3C) and the Web Accessibility Initiative (WAI).

Disability Discrimination Act

The DDA Code of Practice states:
2.2: “The Disability Discrimination Act makes it unlawful for a service provider to discriminate against a disabled person by refusing to provide any service which it provides to members of the public.”
2.13 – 2.17: “What services are affected by the Disability Discrimination Act? An airline company provides a flight reservation and booking service to the public on its website. This is a provision of a service and is subject to the act.”
4.7: “From 1st October 1999 a service provider has to take reasonable steps to change a practice which makes it unreasonably difficult for disabled people to make use of its services.”
5.23: “For people with visual impairments, the range of auxiliary aids or services which it might be reasonable to provide to ensure that services are accessible might include … accessible websites.”
5.26: “For people with hearing disabilities, the range of auxiliary aids or services which it might be reasonable to provide to ensure that services are accessible might include … accessible websites.”
The DDA does not give specific rules on the level of accessibility required. However, at a minimum level all sites should follow basic accessibility principles.

W3C & WCAG

The European Parliament emphasised that European institutes and member state governments are asked to fulfill priority 1 as well as priority 2 of the W3C/WCAG guidelines.
[Priority 1]
A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents.
[Priority 2]
A Web content developer should satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents.
[Priority 3]
A Web content developer may address this checkpoint. Otherwise, one or more groups will find it somewhat difficult to access information in the document. Satisfying this checkpoint will improve access to Web documents.

There are degrees of conformance to these priorities.

Conformance Level “A”: all Priority 1 checkpoints are satisfied;
Conformance Level “Double-A”: all Priority 1 and 2 checkpoints are satisfied;
Conformance Level “Triple-A”: all Priority 1, 2, and 3 checkpoints are satisfied;
The guidelines in full are at http://www.w3.org/TR/WCAG10-TECHS/

Accessibility Checklist

An overview of selected W3C Priority 1, 2 and 3 checkpoints of relevance to website owners and commissioners.
Your website should conform to these guidelines;

  • Use Web Standards for XHTML/CSS.
  • Allow text on the page to scale.
  • Optimise the site for an 800×600 view to prevent horizontal scrolling.
  • Use meaningful ALT text for all images.
  • Clarify the natural language of each page.
  • Avoid items that move, blink, scroll, or flicker.
  • Avoid spawned windows such as pop-ups.
  • Use descriptive hyperlink text.
  • Avoid the use of frames.
  • Ensure that all information conveyed with colour is also available without colour.
  • Ensure that foreground and background colour combinations provide sufficient contrast.
  • Use an easy to read non-serif font type, size and colour.
  • Ensure clear and consistent navigation.