AUDIO
![]() |
Phillip Jensen speaks on Anger as part of a series on emotions in the Christian life, delivered at the Australia Day Convention 2010
|
There are conventions to website design.
Conventions are set ways of doing things. They aren’t laws or rules, but rather guidelines that have evolved over time to make the user experience easier, regardless of which website they are visiting. For example, a common convention on a website is to place the search box in the top-right corner. It’s not a legal requirement, but web users are used to finding it there, so this has developed as a convention - common practice. Another convention is to place legal information (e.g. the disclaimer or copyright details) in the footer.
Steve Krug in his awesome book “Don’t make me think” explains that conventions aren’t unique to website design. Take for example, reading a newspaper:
“...a phrase in very large type is usually a headline that summarizes the story underneath it, and that text underneath a picture is either a caption that tells me what it’s a picture of, or - if it’s in very small type - a photo credit that tells me who took the picture” (page 34).
Conventions are your friends
But they aren’t always followed, and this can be confusing. Take for example my recent visit to the Matthias Media website. On the homepage is a form to sign-up for their monthly enewsletter. This is a great service to offer to website visitors. But it’s confusing - take a look:
When I first glanced at this form, I began to write a post questioning the need for so much information from the visitor, simply to sign-up for the e-newsletter. Over-asking is a major gripe of mine! I assumed they were over-asking because of the use of the asterisk (*) above several of the fields. In website design, an asterisk is a convention used to indicate required information.
Yet at the bottom of the form is an explanation - the * in this instance, indicates that the field is optional. It’s good to have this explanation, but to avoid confusion it would be much easier to stick to conventions and just use the * to indicate the information that’s required (i.e. the email address).
I also tried to sign-up for more information about AngliConnect . To be honest, I wasn’t exactly sure what AngliConnect was, but it had been recommended as a service I should check-out, so I paid it a visit last week. Below is the sign-up form I needed to complete:
However, none of the fields are indicated as ‘required’ (i.e. no * or other explanation). So in terms of web conventions, I shouldn’t need to add any information to any of the fields. Yet, when I submitted the form without my mobile number, an error message appeared, explaining that I needed to include this. Not only wasn’t I told that the mobile number was necessary, I couldn’t understand why I would need to provide two phone numbers. Of course, when you are creating a form it’s your prerogative to request whatever information you like. Just be aware that the more you ask, and the more complex and less conventional the process, the more frustrating this is for the user, and the greater potential for the user to just walk (or click) away.
My intention isn’t to single out Matthias Media or AngliConnect. All of our church and ministry websites are a work in process. My intention is to affirm that conventions are our friends. Learn them (by visiting other websites or reading great books like ‘Don’t make me think’) but, unlike our friends, use them. It will make the experience of visitors to your site easier, and less confusing.
Win a copy of ‘Don’t make me think’!
‘Don’t make me think’ should be essential reading for anyone designing a website. If people can’t use your website, they won’t. The author, Steve Krug is a usability expert who shares his insights into how people use websites, and practical techniques for building and fine-tuning websites that people will find easy to use. The book is an easy read for anyone (i.e. you don’t need to be tech-savvy to get it!) and for a book about websites, it’s refreshingly amusing too!
Thanks to Pearson Australia, we have five copies of ‘Don’t make me think’ to give away. To enter, simply post a comment on this article. Five winners will be drawn at random. This give away is only open to people with postal addresses in Australia.


Viva Conventions.
Put me in the draw, brother Steve. I need to learn how not to put my King before the Ace, when it comes to Web Design.
;-)
But I guess if I went there I would have known what to expect.
Not everyone has a mobile phone. Certainly not everyone would have a fax number. What does one do then?
;-)
Interestingly, I didn't realise I had registered - and so have just spent the last 5 minutes trying to register just to add this comment - so I found it quite amusing that this site was just as labour intensive and asked almost all the same information as the AngliConnect website asks for (except asking for your mobile phone number and fax number you would be happy to know Elly).
But ... when there's a carrot to entice us to respond - well - you have awaken me out of my blogging slumber.
Actually - I really like this post Steve. It is so true and I am always frustrated if I can't get what I want straight away off a website. The simpler - the better. I'd be keen for the wisdom Steve Krug has discovered.
I completely agree with this post - and think that we need
Phillipjensen.com seems an excellent newcomer to the field in terms of good website design (and I don't have to say this- for example, our St Andrew's cathedral website on the other hand falls somewhat into those other categories!), but it's a pity that we take so little from the world in terms of design, and we always seem to lag behind.
Please help us with more articles like this Steve. We need to raise our game considerably.
Some of my biggest gripes are when radio buttons and check boxes are interchanged, or the opposite case to what Elly said, some of us only have a mobile. The other bad design is when a site does not make it clear if you are logged in or not, though I see that less and less these days.
Great way to trap the unwary.
Consider classical concerts. The newbie wanders in, enjoys it hugely, and claps enthusiastically and smug old-timers snicker to themselves
Websites that don't follow conventions are quite frustrating, just this week I had a class which used Moodle for distributing content, and the sign out link was not at the top right of the page.
Ironically it is a Web Design subject...
I think knowing what conventions to follow is important - and to know when particular conventions don't apply. It's tricky, and results in lots of butting heads.
Unfortunately, in my position, it's someone else who gets the final say - even when they are wrong...
Especially since we are working on a new web site for Matthias Media.
Most often, reviews of lesser products (read; 'cheaper') rated them poorly because they do not rigorously apply web conventions.
My 2c ... and competition sign-up ...
:)
I would also love for someone to write a book for me about the conventions I should be following in all areas of my life.
And yes, please enter me into the draw.
but since content is king I will add an invitation:
can anyone find any conventions broken at www.cciw.org.au?
(I'm un-humble enough to think our site is outside than Ross's spectrum above...)
At the bottom of this sydneyanglicans page is a link to sign in if I am not already signed in. So I sign in. Then instead of taking me back where I came from I am back at the front page and have to start looking all over again.
I get annoyed with the American sites who insist of phone numbers. I do not want anyone to ring me from America. So I usually put 123 456 or something similar just to keep the computer at the other end happy.
phillipjensen.com
:)
The two ll llama is a beast
But I will bet a silk pajama
There's no such thing as a
three lll lllama
For those who are confused, web standards are separate to usability conventions (although they have some overlap in practice) . A website can comply with web standards but still break conventions and have bad usability.
1. Do conventions change with time, and if so how?
2. Are we in an age where even the conventions on conventions are going?
Other examples of conventions include the placement of the search bar (i.e. this is usually placed in the top-right corner of a website), placing the site logo in the top-left corner and linking this to the homepage, placing links to 'login' and 'logout' in the top-right of the page.
For those who don't win a copy of the book, I'd recommend getting a copy of it anyway - it's well worth a read. Another good article to check out is by Jakob Nielsen - "The need for web design standards". Here's an excerpt... (see next comment)
Standards ensure that users
* know what features to expect,
* know how these features will look in the interface,
* know where to find these features on the site and on the page,
* know how to operate each feature to achieve their goal,
* don't have to ponder the meaning of unknown design elements,
* don't miss important features because they overlook a non-standard design element, and
* don't get nasty surprises when something doesn't work as expected.
These benefits increase users' sense of mastery over the website, increase their ability to get things done, and increase their overall satisfaction with the experience."
The winners will then be drawn and notified. Good luck!
the 'forgot your password' process probably was one step more than necessary here.