AUDIO

by Phillip Jensen
Phillip Jensen speaks on Anger as part of a series on emotions in the Christian life, delivered at the Australia Day Convention 2010
LATEST COMMENTS
9 hours 35 minutes
Robert Denham commented on Hard Truth # 11: We must help each other more
Don’t mess with conventions
Steve Kryger
August 6th, 2009

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.

Justin Moffatt    11 months, 4 weeks ago
When I used to play 500, I would tell newbies: 'please don't play your King before the Ace has come out' (convention, and smart). But newbies would insist on doing it, saying that they had 'their reasons'. I never knew what those reasons were. There weren't any.

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.

;-)

#1 of 36 top
Elly Byrne    11 months, 4 weeks ago
The Angliconnect website is not exactly helpful. What is it all about? No proper main page. No explanation. Why would I want to download the manual?
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?

;-)

#2 of 36 top
Stefan Bull    11 months, 4 weeks ago
This is my first time commenting on a blog ... ever!! I know - I'm a slow starter.

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

#3 of 36 top
Ross Cobb    11 months, 4 weeks ago
Everywhere we look it seems that our churches and Christian websites are a real mixed bag: bad to terrifyingly bad.

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.

#4 of 36 top
Stephen Boxwell    11 months, 4 weeks ago
Drawn at random aye? So I don't even need to pretend to have something intelligent to say. Nub nub nub.

#5 of 36 top
Tony Jones    11 months, 4 weeks ago
Don't make me think is such a great title for a book like this. Design of websites is all about making it as easy as possible for people to get the information they want as quickly as they can.
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.

#6 of 36 top
David McKay    11 months, 4 weeks ago
Ah, conventions.
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
We've caught another one; he clapped at the wrong time!

#7 of 36 top
Calum Henderson    11 months, 4 weeks ago
Thanks for the continuing thoughts Steve!

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...

#8 of 36 top
Ian Tyrrell    11 months, 4 weeks ago
I work as a programmer who, from time to time, is forced to put in non-consistent "stuff". And it drives me mad every time I have to do it.

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...

#9 of 36 top
David Ung    11 months, 4 weeks ago
I think this book will be extremely helpful as we start to get our church site up and running, making sure we have all our useability bits down pat.

#10 of 36 top
Ian Carmichael    11 months, 4 weeks ago
Hey, if you're going to critique my web site, I think I should get a copy of the book. We clearly need to read it!

Especially since we are working on a new web site for Matthias Media.

#11 of 36 top
Ian Carmichael    11 months, 4 weeks ago
Hmm. I see the book will be given away at random, rather than based on merit (when I'd clearly win for the reason stated in my previous comment). But if it is random, the more I comment, the more chance I have to get the book.

#12 of 36 top
Dianne Howard    11 months, 4 weeks ago
:)

#13 of 36 top
Tom Magill    11 months, 4 weeks ago
I'm currently in the process of researching CMSs for church (to decide whether we need one, which one we need and how much we'd be prepared to spend on it), and one of the consistent bragging points of the major offerings is that they "meet conventions" - that is, presumably, they do what the user expects them to do (in a way that a designer would expect them to do!).

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 ...

#14 of 36 top
Craig Schafer    11 months, 4 weeks ago
Tom, is it that they don't apply conventions or that they are not 'standards compliant', which I think are two different things?

#15 of 36 top
Tom Magill    11 months, 4 weeks ago
Okay, let's go with "standards compliant" ... though you've just wrecked up my link to the article! :P

:)

#16 of 36 top
Amanda Farrelly    11 months, 4 weeks ago
I would love to win this book.

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.

#17 of 36 top
James Wong    11 months, 4 weeks ago
Another consideration is to create a mobile version. But only after the "main" website has a good design. I was pleasantly surprised to find that the Sydney Anglicans website has an iPhone version of the website.

And yes, please enter me into the draw.

#18 of 36 top
Tom Barrett    11 months, 4 weeks ago
OK, so I really just want to win the book
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...)

#19 of 36 top
David Ould    11 months, 4 weeks ago
I'd love a copy. I suck at getting design right!

#20 of 36 top
Chris Little    11 months, 3 weeks ago
Like the guy at church says to me: the good thing about standards is that there are so many to choose from!

#21 of 36 top
Elly Byrne    11 months, 3 weeks ago
http://www.cciw.org.au/ is a great site. My favourite part is that the church services are immediately visible to people looking for somewhere to go to church.

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.

#22 of 36 top
Georgina Barratt-See    11 months, 3 weeks ago
My friend designed phillipjensen.com and I'm sure he'd love this book, and his wife works at Matthias Media. So this post is for them.

#23 of 36 top
Dianne Howard    11 months, 3 weeks ago
It's Phillip - Phillip with 'll'

phillipjensen.com

#24 of 36 top
Georgina Barratt-See    11 months, 3 weeks ago
Sorry Di. I know Phillip would forgive me, he knows I didn't mean to spell his name wrong.

#25 of 36 top
Dianne Howard    11 months, 3 weeks ago
no worries
:)

#26 of 36 top
David McKay    11 months, 3 weeks ago
The one l lama is a priest
The two ll llama is a beast
But I will bet a silk pajama
There's no such thing as a
three lll lllama

#27 of 36 top
Dianne Howard    11 months, 3 weeks ago
lll lamas are sadly sick!!

#28 of 36 top
Sam Chrisp    11 months, 3 weeks ago
There's a great ALA article on this topic: Sensible Forms: A Form Usability Checklist.

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.

#29 of 36 top
Archie Poulos    11 months, 3 weeks ago
Great topic and comments. I have two questions that I am trying to answer.
1. Do conventions change with time, and if so how?
2. Are we in an age where even the conventions on conventions are going?

#30 of 36 top
David Weddell    11 months, 3 weeks ago
Good call. Except of course for that church-website convention of the home page having a big picture of a deserted church building. :)

#31 of 36 top
John Forsyth    11 months, 3 weeks ago
Less is more when it comes to web design.

#32 of 36 top
Steve Kryger    11 months, 3 weeks ago
Conventions do shift over time, but in general, it's not a great idea to be breaking conventions. These aren't rules - just ways of making the experience easier for users.

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)

#33 of 36 top
Steve Kryger    11 months, 3 weeks ago
Jackob Nielsen - "We must eliminate confusing design elements and move as far as possible into the realm of design conventions. Even better, we should establish design standards for every important website task.

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."

#34 of 36 top
Steve Kryger    11 months, 3 weeks ago
Comments on this post (i.e. entries in this giveaway) will close at the end of today.

The winners will then be drawn and notified. Good luck!

#35 of 36 top
Leo Chen    11 months, 3 weeks ago
thanks for the article. didnt make me think too much about replying with the prize.

the 'forgot your password' process probably was one step more than necessary here.

#36 of 36 top
Commenting is no longer available on this article.