web design tips
 

web design tipsTime for User Testing.

In software development, testing is a key word. Everything that gets developed gets put in front of the testers and used in every possible way. They send back bugs to the developers, who start fixing them, and on it goes until the deadline hits and the product has to ship.

For websites, though, things just aren't done this way. Many websites are always under development, and have typically only been tested by the person who designed them, and perhaps a random friend or two. Not only are bugs and problems not fixed, but most of them are never even found. What I'm telling you, though, is that websites aren't immune from user testing: in fact, they can give you the advantage you need out there.

Finding Problems.

Let's say there was a problem with your site
that was stopping many people from looking at one section of it. You get by fine, because you designed it, but to everyone else it's just not obvious at all. How would you know about this problem? You might just assume that the section is less popular than the rest - maybe you'd even remove it or rework it, not realising that the problem lay in a simple layout mistake you'd made.

When you test, you're testing for two things: firstly, outright bugs (things that are broken), and secondly, usability issues. The first are easy to catch on your own, but the second are considerably more difficult. Having designed your website, you're unlikely to be able to see it the way a first-time visitor would: just because you know that clicking an article author's name sends them an email doesn't mean that anyone else is expecting it.

User Testing on a Budget.

The chances are that you're not a big company that can afford to pay lots of people to test your site for hours on end. What you have to rely on, then, is pretty much your family and friends. If you do it right, though, they can be the best testers of all.

First of all, you have to sit with them while they use the site, but make it clear that you can't say anything at all - sitting next to them explaining how things work obviously defeats the point, as your other visitors won't have you there, will they? You've got to make sure that their interaction is entirely limited to using the site as a normal visitor would.

The best thing to do is write them a list of common tasks that you'd expect users of your site to want to do - for example, if you're running a webmail site, you could ask people to log in, send an email and copy it to your address. You should observe how they interact with the site, and especially note anything they have trouble with or do wrongly.

Reacting to User Tests.

Once you've watched someone try to accomplish things on your site, there's one key question you should ask them: "how would you expect to have done that thing?" Make a note of people's responses - if even two or three people say the same thing, you really ought to do it that way. Consistency is one of the most important aspects of web design: if you want your site to be easy to use, then you have to stick to what visitors expect, not try to show them how it can be done better.

Split Testing.

A powerful way of testing whether changes to your site improve it or make it worse is to do split testing. Split testing is when you create two subtly different versions of your site and test each one with an equal number of people. You then gauge their reactions to see which design worked better. It can be surprising just how effective this technique is: the most subtle of changes can make a big difference.

Feedback Forms.

Finally, you have to remember that your site's testing doesn't end when it goes live. Every visitor to your site is, effectively, testing it for you. Make sure you offer them every opportunity to leave feedback, letting you know if they ran into any issues or found anything hard to find or use.

Working With Templates

Printing and Sending the Two Things Users Want to Do

Perl Cryptic Power

Picking a Colour Scheme

Which Database is Right for You

 

Web Design
5 Simple Steps to Accepting Payments.
5 Ways to Avoid the 1998 Look.
6 Reasons Why You Need a Website.
7 Ways to Make Your Web Forms Better.
A Question of Scroll Bars.
Ads Under the Radar: Linking to Affiliates.
AJAX: Should You Believe the Hype?
All About Design: Principles and Elements.
An Introduction to Paint Shop Pro.
An Issue of Width: the Resolution Problem.
Avoiding the Nuts and Bolts: Content Management Software.
Beware the Stock Photographer: Picking Your Pictures.
Building a Budget Website.
Building Online Communities.
Clean Page Structure: Headings and Lists.
ColdFusion: Quicker Scripting, at a Price.
Column Designs with CSS.
Content is King.
CSS and the End of Tables.
Cut to the Chase: How to Make Your Website Load Faster.
Designing for Sales.
Designing for Search Engines.
Dreamweaver: The Professional Touch.
Encryption and Security with SSL.
Finding a Good HTML Editor.
Focus on the User: Task-Oriented Websites.
Fonts are More Important Than You Think.
Free Graphics Alternatives.
FrontPage: Easy Pages.
Hints All the Way.
Hiring Professionals: 5 Things to Look For.
How Databases Work.
How the Web Works.
How to Get Your Website Talked About on Blogs.
How to Install and Configure a Forum.
How to Make Visitors Add You to Their Favorites.
How to Run Ads Without Driving Visitors Crazy.
How to Set Up Your Hosting in 5 Minutes Flat.
IIS and ASP: Microsoft's Server.
Image Formats: GIF, JPEG, PNG and More.
It's a World Wide Web: Going International.
JSP: Java on Your Server.
LAMP: The Most Popular Server System Ever.
Making Friends and Influencing People: the Importance of Links.
Making Searches Simple.
Offering Free Downloads on Your Website.
Opening a Web Shop with E-Commerce Software.
tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
Perl: Cryptic Power.
Photoshop: a Graphic Designer's Dream.
Picking a Colour Scheme.
Printing and Sending: the Two Things Users Want to Do.
Putting Multimedia to Good Use.
Python and Ruby: the Newer Alternatives.
Registering a Domain Name.
Registering Your Users by Stealth.
RSS: Really Simple Syndication.
Setting Up a Mailing List.
Setting up a Test Server on Your Own Computer.
Some Places to Go For More Information.
Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
Taking Your Website Mobile.
Text Ads: Unobtrusive Advertising.
The 5 Principles of Effective Navigation.
The Art of the Logo.
The Basics of Web Forms.
The Basics of Web Servers.
The Case Against Flash.
The Confusing World of Web Hosting: Making Your Decision.
The Evils of PDFs.
The Importance of Validation.
The Many Flavours of HTML.
The Smaller, the Better: Avoiding Graphical Overload.
The Top 10 Biggest Web Design Mistakes.
The Web Designer's Toolbox.
The Web is Not Paper.
There's More than One Web Browser.
Time for User Testing.
Titles and Headlines: It's Not a Newspaper.
Tracking Your Visitors.
Understanding Web Jargon.
Uploading Your Website with FTP.
Using Flash Sensibly.
Using Quizzes and Games to Get Traffic.
VBScript: Javascript Made Easy.
Websites and Weblogs: What's the Difference?
What Do You Want Your Website to Do?
What You See Isn't Always What You Get.
Which Database is Right for You?
Why Doing It Yourself is Best.
Why Java Will Drive Your Visitors Away.
Why Word is Bad for the Web.
Why You Should Put Your Content in a Weblog Format.
Why You Should Stick to Design Conventions.
Working With Templates.
Writing for the Web.
GoogleSense
Making Money with Articles
Webhosting
RSS
Reading RSS Feeds with an RSS Aggregator