Checklist: 12 Most Important Web Design Rules

By | 6 comments | Web Development | Tags: , , , ,

 

A well designed website will not only attract many readers but also will help your business grow more than you imagine! When designing you have to respect some basic usability, design and SEO rules in order to make the website successful. Following the 10 rules below will surely help you improve your web designing skills.

1. Use the right fonts

Small, too complicated or fixed fonts may ruin a website. Be careful not to use fonts that are unreadable. The main objective is to make your visitors read your website. Fonts that are too small are also hard to read and almost nobody will use the zoom feature just to try to decipher what is written on your website.

2. Don’t open new browser windows 

The main rule is to let the user control where he wants the links to open. Opening up new browser windows may be annoying. There is a big “Back” button on every browser so don’t worry, the user will come back to your website if he wants to.

3. No automatic subscribing.

Sending unsolicited emails is not the best way to advertise. Do not subscribe visitors to your newsletter without their consent. It’s unprofessional and it’s also very likely that you’ll lose your readers.

4. Do not play music.

This is a pretty straightforward rule. Do not use music! Also if you have audio files on your website, let the user start them. The visitor must always be in control.

5. Do not sneak advertising inside the content.

If advertising is important for your website create special dedicated sections just for it. Do not blend it inside your content. This is not only annoying but also not very professional. With time this will lower your number of readers.

6. Make clicked links change color.

This is one important usability rule. Colored clicked links will help the visitor know which pages he already visited and so he won’t get lost on your website by visiting the same page more than once.

7.  No horizontal scrolling.

Vertical scrolling is acceptable but of course it has its limits too. On the other hand, horizontal scrolling MUST be avoided. The most used screen resolution is 1024 x 768 pixels so when designing a website make sure it fits inside it.

8. Use only readable CAPTCHA.

Lots of websites use CAPTCHA filters for reducing spam on contact forms or comments. The problem is that most of the time the visitor has to refresh a couple of times before finding a CAPTCHA code that he can actually decipher. This will lower the comments on your website for sure!

9. No registration unless necessary.

Most people just want to get information when browsing the internet and leaving your personal details is most of the times unpleasant. Of course if it’s absolutely necessary and the website is really good, registration won’t be a problem.

10. Do not clutter the website.

Badges, awards, ads all of these may over clutter your website and you’ll lose many readers. It is best to place badges and awards on the “About Us” page.

11. Make your website accessible to people who are impaired (#11 credited to Donna Blumberg)

Make your web site ACCESSIBLE! there are millions of people with various disabilities (vision, hearing, mobility impairments) who depend on technology to make their lives easier….and they use the internet to spend money (e-commerce sites), learn (education) and communicate (social media) and more, just as fully-able people do.

12. Keep consistent navigation structure and palettes throughout all pages (#12 credited to jpetis)

What this means is, do not heavily alter your navigation structure or colors from page to page, or else users will be confused. Keep your breadcrumb and other links all in the same place on all pages so that users can navigate back and forth easily.

Got more web design rules not listed here that you consider essential? Comment below and add them.

Ultimate Designer Toolkit: 60,000+ Premium Design Items, Only $49!

READY TO TAKE WEB DESIGN SERIOUSLY?

Today, I am giving away Web Design Riches, the ultimate guide on how to run a profitable web design business. Enter your name and email below to get instant access.

Comments

6 Comments

  1. Guest (11 months ago)

    Good rules, thanks for posting. I love the ‘no music’ rule as it is one of the things that could be really annoying!

  2. jpetis (11 months ago)

    ESPAÑOL
    Otra buena regla a tener encuentra seria no deformar la relación de colores y contenido dentro de la navegación de tu página , osea que el index y todos sus enlaces internos tengan y mantengan de homogeneidad para que el usario no sufra teniendo que hacer mucho scrrol o pequeños cambios de distribución del nuevo contenido. Todas las páginas deben mantener una misma o similar distribución de las posibles acciones que se le presenten al usuario.

    INGLES

    Another good rule is to have the relationship would not distort colors and content within the navigation of your site, I mean that the index and all its internal links have and maintain uniformity so that did not suffer having to do much scrrol or small changes in the distribution of new content. All pages must maintain the same or similar distribution of possible actions to be presented to the user.

  3. Nash (11 months ago)

    A very useful list of rules. Some of them I found out intuitively when looking for info in the Net.

  4. Donna Blumberg (10 months ago)

    Make your web site ACCESSIBLE! there are millions of people with various disabilities (vision, hearing, mobility impairments) who depend on technology to make their lives easier….and they use the internet to spend money (e-commerce sites), learn (education) and communicate (social media) and more, just as fully-abled people do.

    Often it is difficult if not impossible for them (a blind person tried to shop at a major discount store’s online site but the “buy” button wasn’t labled for the screen reader so he couldn’t complete the transaction; when he called the help desk they said “just go to your local store”. He took them to court…and won.).

    Try surfing the web with only a keyboard – no mouse or touchpad. It ain’t easy.. Or if you’re really adventurous, download the free Windows screen reader from http://www.nvda-project.org/ and turn off your monitor. You will get an earful!

    Visit diveintoaccessibility.info/ to see some stories of difficulties disabled folks can face, and guidelines for how to make sites accessible. Between accidents and old age, any of us our our family members could come to depend on these technologies in the future…

  5. Peter Drinnan (7 months ago)

    For item 11, I recently worked on an WCAG accessible color contrast checker built for designers. It lets designers share color samples with other designers and clients. This is pre-development accessibility testing which is a lot of it needs to happen but doesn’t.

    contrastchecker.com/