Before we begin to give you additional information on this topic, take a moment to think about how much you already know.
Your presentation is every bit as important as your content. The best content in the world won’t ever be read if the presentation is so bad that unknown continues long enough to read it. If you boost your websituate usability, your visitors continue longer, read more, and you make more sales.
If the reason of your web situate is to educate your booklovers and/or advance them to a express action, (like export something) then you should badly think next these design and writing conventions…
As you continue to read this article, pay special attention to how parts 1 and 2 relate to one another.
1. institute Each Page With Your Most Important Content.
2. Use Meaningful associate copy to give Information.
3. Write Scannable Pages.
4. Use unfussy Websituate plans.
5. Use sunny, Consistent Websituate Navigation.
People are excited; they will check your page suddenly and abscond as curtly as they get bored. Put your best, most important content near the top of the page.
plan your blueprint so that nothing pushes your most important content down onwards the “page fold”. That is your “peak genuine Estate” — don’t rubbish it. Large logos, unnecessary visuals, uncertain headlines…. all these stuff are a rubbish of your must useful place.
initiate each page with a rundown or a curt slope of page stuffing. Be express, and place the newest matter at the top of the slope or in a “What’s New” sector.
Web surfers choose in seconds whether or not your page is appeal analysis. When you use ordinary, content-neutral terms for your connect wording, you overlook an important opportunity to grant information. (Also - visually impaired web users regularly instruct their laptop to read the connect wording aloud, “Click here” won’t help them.)
The terms worn in your affix wording should recommend what the booklover will find when they click on the connect, and help them choose to click or not.
* Bad: To learn about icebergs, click here.* Better: Icebergs* Best: Where icebergs come from.
You can make your connects even more informative by next them with a blurb:
Blurbs: midstream Previews of Web Pages A “Blurb” is a curt part that gives a preview of the page at the other end of a connect. You are analysis a blurb now. If a blurb helps a booklover choose to click the connect, then it workings.
Offline, books and magazine stuff are intended for sequential analysis: You establish at the creation and read to the end.
Online wording is not necessarily sequential - it relies winning fewerer chunks of wording, which the booklover regularly does not read in order. So each page of your websituate must make gist to a visitor who did not see the preceding page, or just indoors from a hunt engine.
Meaningful, informative headers & subheadings, bulleted slopes, and bold keyterms all help booklovers check the page suddenly and tidyly.
Your visitors didn’t come to see your assume visuals. They came to find information about prices or availability, they’re looking for commerce information or directions, or possibly they just want some precise niceties…
except your websituate is about cool visual property, I can promise that your visitors don’t actually mind about your rotating logo or dancing unicorns, or even whether or not your menu buttons bconnect or change background similes on a mouse-over.
The more such stuff you put on your page, the harder your booklover will have to work in order to find what they want. Too greatly of that and they are left, never to restore. Use similes astutely. Every idea on your page slows it down, sometimes a little, sometimes a lot….
* Use fewerer similes when possible.
* For large collections of similes, use an guide with thumbnails that they can click if they want to see the idea gorged-bulk.
* Use an idea editor to shrink the organizer bulk of your similes
See our “with similes in your webpages” sector for more about all that ~ http://blt-web.com/web_design/using_similes.html
Next to pages that take evermore to encumber (and pop-ups), the largest grievance that surfers have is tiring to understand and/or inconsistent websituate navigation…
* Use the same menu on all your pages.
* Use a sensible connect hierarchy, with linked matter together.
* Be rightly tidy with your connect titles & descriptions.
* Use wording connects when possible.
* If you must use idea connects, use the alt=”connect destination” factor.
A websituate with more than ten or fifteen pages may not want a connect from every page to every other page… you can connect to each sector from each page, but give each sector its own “schedule Of inside”.
Every page should have a connect to the home page and to the situate map. (If you have fewer than ten pages, you may exclude a situate map, but your home page should have a wording connect to every page for hunt engines.)
See our “Menu plan Tips” page for more information ~ http://blt-web.com/web_design/menu_design.html
To Your sensation!
Tim
Additional rendition:
http://www.smbtn.com/books/gb57.pdf ~ lettering and cutting Like a Pro Entrepreneurs handbook #57, from Small trade urban
http://www.useit.com/documents/webwriting/ ~ lettering for the Web, Rehunt on how users read on the Web and how authors should write their Web pages.
http://www.sun.com/980713/webwriting/ ~ lettering for the Web, by Jakob Nielsen, distinguished trick; PJ Schemenaur, precise editor; and Jonathan Fox, editor-in-chief, www.sun.com
If you could take the main ideas from this article and put them into a list, you would a great overview of what we have learned.