It is easy to make a dorky web page. It’s also easy to make a very nice, clean, professional-looking web page even if you don’t have much design experience. Often the difference, even for beginning designers, is simply a matter of eliminating certain features that are guaranteed to make a page look amateurish. I’ve been going through the list of things that people – designers and non-designers – from around the country have cited as the things that make the difference between a well-designed and a poorly designed web page.

Here’s a list of ten additional design elements that will increase the usability of virtually all sites:

  1. Place your name and logo on every page and make the logo a link to the home page (except on the home page itself, where the logo should not be a link: never have a link that points right back to the current page).
  2. Provide search if the site has more than 100 pages.
  3. Write straightforward and simple headlines and page titles that clearly explain what the page is about and that will make sense when read out-of-context in a search engine results listing.
  4. Structure the page to facilitate scanning and help users ignore large chunks of the page in a single glance: for example, use grouping and subheadings to break a long list into several smaller units.
  5. Instead of cramming everything about a product or topic into a single, infinite page, use hypertext to structure the content space into a starting page that provides an overview and several secondary pages that each focus on a specific topic. The goal is to allow users to avoid wasting time on those subtopics that don’t concern them.
  6. Use product photos, but avoid cluttered and bloated product family pages with lots of photos. Instead have a small photo on each of the individual product pages and link the photo to one or more bigger ones that show as much detail as users need. This varies depending on type of product. Some products may even need zoomable or rotatable photos, but reserve all such advanced features for the secondary pages. The primary product page must be fast and should be limited to a thumbnail shot.
  7. Use relevance-enhanced image reduction when preparing small photos and images: instead of simply resizing the original image to a tiny and unreadable thumbnail, zoom in on the most relevant detail and use a combination of cropping and resizing.
  8. Use link titles to provide users with a preview of where each link will take them, before they have clicked on it.
  9. Ensure that all important pages are accessible for users with disabilities, especially blind users.
  10. Do the same as everybody else: if most big websites do something in a certain way, then follow along since users will expect things to work the same on your site. Remember Jakob’s Law of the Web User Experience: users spend most of their time on other sites, so that’s where they form their expectations for how the Web works.

Filed under: Articles

Like this post? Subscribe to my RSS feed and get loads more!