It’s true—web designers are almost never taught the basic principles of what makes a website an effective business asset. This might sound strange until you realize that what universities teach about web design is approximately as good as what they teach about marketing—and you can get a PhD in marketing without any ability to attract customers to a business.
In this article, I’m going to reveal 3 things only 1 in 100 web designers know about designing an effective business site. If you’re a web designer, knowing these things will give you a leg up against your competition because you’ll be able to tie your services to financially significant goals in your clients’ businesses—instead of pretending a passion for web standards and the ability to be featured on design galleries is of real benefit to them. If you’re a business owner, knowing these things will let you profitably adjust your website—or give you an edge in choosing a web designer to create you a profitable website in the first place.
It needs the following elements:
Any given page on your website can have a lot of “rings”—but it should only ever have one bullseye. It must be big, obvious, and easy to hit. Never turn secondary actions into bullseyes. Most websites do this wrong: they present several, equally-weighted options that compete with each other. This leaves prospects confused about what to “shoot at”—what to do…so they do nothing. Hence, most websites fail to achieve any of their objectives very well.
Dropbox’s homepage has a clear bullseye: to get prospects to sign up. This is supported by the promotional video and download link—the inner ring. Everything else is relegated to outer rings: the navigation is clear but understated, and the signin link is unobtrusively
These reflect the overriding concerns your prospect has in mind when he arrives on your site:
If you fail to answer these questions within 5–7 seconds, prospects will either not know where they are…or will be confused about what to do…or will not see any point in doing it. In each of these cases, they will solve the problem by clicking the back button or just close the browser altogether.
Answering these questions, in many respects, is well outside the purview of a web designer. His role is to lay out and style the content he is given—not to create it. But he should still know these questions must be answered, since he should be an adviser to his client (and frankly, most copywriters are as poorly trained in effective web writing as designers are in effective web design).
That said, a poor design can cripple the ability of even the best copy to answer these three questions. Thus, the layout of your site must instantly be clear—which means it must follow a format readers expect. Too many web designers sacrifice usability as a burned offering on the altar of creativity.
Top: Joomla’s old website failed pretty miserably at answering the Big Three Questions. There was nothing that instantly told prospects where they were—nor why they might want to try Joomla, learn and extend it, or download it.
Bottom: Joomla’s current website is aimed squarely at the company’s ideal prospect: someone looking for a reliable, well-supported and tested platform to build a website. Thus, no words are wasted, and prospects have no doubt as to where they are, what they should do there (download Joomla or try it out), or why.
This is directly related to the Big Three Questions—but it bears mention as a separate item because there is plenty to say about it. Here, for example, is web usability expert Jakob Nielsen:
Don’t assume that users know as much about your site as you do. They always have difficulty finding information, so they need support in the form of a strong sense of structure and place. Start your design with a good understanding of the structure of the information space and communicate this structure explicitly.
Discussing his research of website usability and trustworthiness, Brent Coker of Melbourne University says:
The biggest source of frustration for web surfers appears to be the ability to find relevant information on a website—that’s the biggest killer, the biggest driver of dissatisfaction. As soon as a web visitor is dissatisfied they will leave that website and defect to a competitor. And the best way that website owners can stop that or reduce that is by increasing the relevancy of information.
In other words, the major challenge for websites is helping people find what they want straight away. As Coker says, “you need a very good map to help people get around”. And Nielsen has discovered the same thing:
Uncovering navigation shouldn’t be a major task: Make it permanently visible on the page. Small children like minesweeping (passing the mouse around the screen to see what’s hidden), but teenagers don’t like it, and adults hate it.
Your site’s navigation is your reader’s fallback if he starts to feel lost or uninterested. It’s very important to make it as useful as possible. By this, I mean:
Top: KillerStartups’ old navigation suffered from some unintelligible options—where will “Dataopedia”, “Badge” and “Widget” take me?
Bottom: Look how much clearer and more comprehensible their new site’s navigation is.
There are many other things web designers often don’t get taught, or forget about in the heat of battle. Have you come across any lately? Share you insights and experience below.