Qualities of a Good Website Design

Good Website Design

What exactly makes a good website design? You may come across some sites whose designs you love, and some you don’t. Many of the good designs will have some similar qualities that improve the design, and make it a good design.

Here are a few things to remember when creating a new website design.

Good Website Design – Usability

Usability is probably the most important part of a good design. Usability is pretty much how easy (or how difficult) it is for users to get the content they need, and to interact with the site.

A usable design will be logical and easy to use. It should follow a basic layout similar to what most sites use, because that is what your users will be used to. A bad example is those websites done entirely in Flash, with a huge header at the top of the screen, with the navigation consisting of a bunch of links floating around that area.

A usable design will also be readable. If your users can’t read their content, they’ll go somewhere else. Be sure to not use a tiny font, and keep a good contrast between the font colour and the background.

Here is a list of easy ways to quickly improve your site’s usability.

  1. Place your logo in the top left corner and make it a link to the home page.
  2. Make sure that the text is a size that is easy to read.
  3. Don’t fill up your sidebar with useless widgets.
  4. Link to other pages within the content.
  5. Put some spacing in between each paragraph and list item.
  6. Use a custom 404 error page.
  7. Underline your links and make them a different colour from normal text.
  8. Add a search box on every page, where it is easy to find.
  9. Check and fix if there any broken links.
  10. Provide ways for the user to share the post with others at the bottom of each post.
  11. Include a few useful navigation links in your footer.

Good Website Design – Navigation

Navigation is a huge part of usability. Your users need to be able to get around your site to be able to use it. Be sure to keep your main navigation in a standard location, such as along the top of the page, or in a sidebar.

You should also remember to provide links to relevant sections of your site from within the content. That way, as the user is reading the content, they can click on the link to find out more about what they are reading about.


The design should be consistent across your entire site. You don’t wan’t people clicking on what they think is your article to suddenly think they’re on a new site.

Of course, it’s usually not that bad. But you should make sure that the navigation is always in the same place, and that links are consistently coloured and underlined, different from normal text.


One commonly overlooked aspect of usability is not including the alt attribute in images. You can’t just include it and leave it empty, either. It should include a short description explaining the image, to be used by text-based browsers, and when the image simply doesn’t load.

An accessible design should be usable in as many web browsers as possible, for people with poor eyesight, people on slow internet connections, people with JavaScript disabled, and generally be easy to use for as many people as possible.

Accessibility is not just a part of design, though. Accessible content will be simple and easy for everyone to understand, not using cryptic acronyms without explaining them.

Focus on Content

If Content is King, you should treat it as such. The content should be the main focus of every site, unless your site is about showing off the awesomest sidebar in the world.

Those websites with the huge headers will usually have a very small content area. A lot of the sites like that are essentially useless, and are there only to look nice (Unfortunately, they often don’t seem to get that, either).

Good Website Design – Site Speed

Because users can be very impatient at times, you’ve only got a few seconds to get your page to them after they find their way to it. Every tip here is completely useless if a visitor leaves before the page is even loaded.

So don’t use too much media files, don’t fill the page up with JavaScript, optimize your images for the web, and try to minimize the number of HTTP requests.