When we say “defensive” we generally mean something protective. Defensive design is also known as contingency design and deals with potential errors and difficulties that users may encounter while working with websites or software interfaces. The main goal is minimizing the chances of the audience drain because of stupid minor mistakes we see on websites every day.
This is all about improving help sections, search and contact forms, error messages and other crisis points. Everything that makes your website joyful but not stressful!
After analyzing the users behavior on your website you may often notice that people are using some website options not the way you thought they were supposed to. Besides, they can mistype their personal info which will put them in a middle of dead end - and they will eventually abandon your website. And it’s not necessarily their fault. Defensive design is the younger brother of user-friendliness. It is aimed at eliminating dead ends in case of errors and making users enjoy staying on your web page. Sounds pretty simple, huh?
Humans make errors, systems have glitches, servers can be down, connections can be slow – you should consider all this when developing a project. If done correctly, it all can be minimized and accommodated. In healthcare it's important to locate the disease before it causes you problems. Allowing to check on errors, defensive design is virtually the same story. It improves your traffic quality and boosts your site attendance.
Many users would rather load sites from their mobile devices and smart phones than from desktops. A great amount of people use wireless connections that are normally faster but are not always reliable. So you should think about the possible slow connections and the ways to work with them.
You may easily resolve this issue by optimizing the images, navigation and content and other graphical elements on the websites that normally have high quality graphics. Try to eliminate Flash or other specific content that requires plug-ins. The best option would be creating the cut down version of the site. It is not so money- and time-consuming as you might think. Still it helps to lure more people with mobile devices to your internet pages. Using multi-purpose code, less images and texts will be perfect for low-speed connection.
The problem lays often is designers themselves who want to implement all features imaginable into the layouts they create: special options, players, flash animations and other slow-loading elements. Be careful and think about the consequences of using extra widgets.
You may easily find mobile website templates on the net which even speed up the task even more.
One of the ways to make user experience intuitive is including pop up boxes with useful information where it is needed. This is far more convenient than creating 'help desk' or 'terms and conditions' pages. Any user will be happy to have no need to search for info on his own.
It is called inline and contextual help.
Inline help is usually provided in some content tabs that appear when hovering over objects or it could be presented by pop ups. You will see a couple of nice examples of inline help below.
Spruz offers information on all levels of their plan as long as users browse and go from one step to another. This kind of help seems to be distracting a bit but it's extremely helpful for controlling the whole process and flow of text.
Contextual help is a special guidance that shows up relevantly to the page you are viewing or the action you are taking. Contextual help differs from inline help by relating to the entire page. So it appears inside the content itself, without any need to hover on or click.
One of the most comprehensive materials regarding the issue is Defensive Design for the Web, written by Matthew Linderman and Jason Fried. It provides with exhaustive guidelines on Defensive Design, with awesome illustrations and comments. After reading the book you'll find out how to write successful error messages, design help sections and contact forms.
We'd like to outline the most helpful tips presented in the book, aimed at the developing the defensive design on the whole:
But all these guidelines mean nothing until you analyze the users activity and track where they face difficulties or even give up. The minor things such as fixing spelling and stylistic errors, unclear buttons might also help to fix the picture of the visitors activity. And the last but not least - don't ever make clients feel like they're criminals if they make an error. Be polite and diplomatic. Use defensive web design to minimize damage and guide your website audience.
Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.