6 Design Guidelines for Non-designers

We live in an increasingly visual world whereby people take in information through their eyes before making judgements. Therefore, the visual representation of a website is progressively more and more important. However, there are many good and bad examples of a website. Good websites are able to portray their brand accurately and send the right message for consumers to take action. Conversely, bad websites may not have a clear representation of what their brand represents or what special products or services they have to offer. Therefore, companies often consult a digital marketing agency for advice and assistance to do their websites.

However, you do not have to be an expert or someone who is in the design field to know what are needed to portray your website in an appealing and attracting manner. Below are 6 tips to take note to improve your website representation.

1) Choosing colours

First, look at existing colour patterns that complement different colours. Try matching whites or grey colours with bright colours. This allows for an energetic tone but not in an overwhelming manner. Colour schemes should always be considered, as once the colour is not appealing, people would likely go to another website even though yours may have great information, products and services to offer.

Next, for simplicity, you can consider white. White allows for a perceived opened space. Messages can also be more powerful when white is the background colour, as it allows for coloured messages to stand out in contrast.

2) Contrast

 A slight contrast in colours allows for amplification of certain messages. It also brings about certain moods in the viewers. Light fonts are used in dark backgrounds and dark fonts are used in light backgrounds.

 3) Font

 Playing around with the font size influences the viewer’s attention. For example, people tend to view the biggest fonts first before proceeding to the smaller fonts. Thus, you should put important information as big as possible. The bigger the scale, the more important the message may seem.

Additionally, if you want to use different kinds of fonts, try to keep it in the range of one to three fonts in a given page. For the same given font, you can try using variations of it which shows a slight difference, but does not overwhelm the viewer.

Next, do take note that certain browsers might not support some fonts. The last thing you want is to have a website with some missing fonts which would destroy the message you are trying to get out to your audience.

Finally, do keep in mind the kind of image you are trying to portray. If it is a professional website (most likely the case), you would want to not use comic fonts which are left for cartoon websites.

4) Images

 People love to see images more than words. Thus, to allow viewers to view information without being bored, posting images on your website might be appropriate. However, do ensure that the uploaded images are high in quality. Pixelated images should be avoided as much as possible.

5) Icons

Icons involve words. However many icons that only involve words may cause the website to appear disorganised and cluttered. Therefore, you should try to label your icons with small images. This allows for easier navigation as people who visit your website can easily associate a given image to a word in your icon.

6) Site Speed 

The tendency to view a given page again depends on the time taken to load the page. You should try testing it on your own and there are many free websites that offer the service of testing your website’s speed.

Upon deciding what kind of website you want to have based on these six principles, you might consider approaching agencies that offer such services like web design in Singapore to develop an effective website to capture your audience.

Share the knowledge!