Free: articles are freely available to republish or adapt for print media, and can be syndicated into websites
using a simple insert code.

Site usability and testing

It is sad but true, that very many websites fall down in the area of usability. Because the
site designers knows their sites backwards, they fail to appreciate that a first-time visitor
will see things very differently. It’s like visiting a new city in a different country as a tourist, rather
than being a native dweller!

Factors which contribute to good usability:

clear, logical navigation system, which follows best practice standards, so the
user finds it familiar and does not have to learn anything new

an intuitive and logical site structure

an obvious sense of “where am I, where have I been, and where can I go”

an easy way of searching the site, if it is reasonably large

links that display clearly as obvious hyperlinks

appropriate use of color, with special regard to color-blind users

body text which is not too small

plenty of white space, informative page headings, short paragraphs, plus subheadings to lead the eye through the page.

Large businesses spend thousands on usability testing of their sites. But although most Christian
sites are run with a minimal or even virtually zero budget, this does
not mean that you cannot run some very revealing tests. These can transform your site’s
usability. Please do not neglect this vital task: it is totally essential, yet very easy.

Browser testing

Another area which many sites fail to test: page appearance in different browsers, screen resolutions and font-size settings. At a minimum,
you should check how the site looks:

test at different screen resolutions.

test in the main browsers.

test what happens when a user resizes text for comfort (CTRL +).

test with javascript disabled. 5% of web users are in this situation. Make sure that there are
noscript alternatives and fall-backs for all javascript functionalities.

test on mobile phone platforms too. It is possible to use PHP to detect mobiles and modify the CSS accordingly. CSS 'handheld' files do not usually impact appearance in mobiles at all.

for users with visual disability. Learn more about making sites
accessible [www.webaim.org/articles/screenreader_testing]
to them. Be aware that color-blind people cannot distinguish between certain colors.
Use this
color tester.