Web Design Principles Every Designer Should Follow


The best web designers want to keep the users on their websites and offer him an amazing experience without agonising him with loads of unnecessary actions and content. Moreover, a good web-design will economize money and bring profit, even if the price may seem a bit higher at first. So here is what you need to know.

1. Keep it Simple (KIS)

The first principle applies to everything that concerns your website, from layout to content. As the human brain rather scans what he sees than read, you should create your website in a very easy and convenient manner to use, with not too many details that distracts him from what you really do. And the “F” pattern used for the layout is the most common for sites, as we tend to observe what is in the left and the middle part of the monitor, than the right one. If you look at a modern website design portfolio, this is something that will definitely catch your eye.


keep your web design simple

2. Hick’s law

First, see what the customer needs are, and this way you can put emphasis on the main buttons that he wants to benefit from. The Hick’s law says that the more choices you offer to the user online, the more complicated will be the decision making process in those websites.

3. Fitts’s law

This law suggests that the time to select a target measures in distance and size. Meaning that if the distance increases, the movement takes longer and if the size of the target (ex: sign up button) is too small, again the selection time takes longer. This is something web-designers need to keep in mind.


fits law

4. Gestalt Psychology

Gestalt psychology stipulates that the humans perceive things like a whole and afterwards detecting singular parts. Also, the concept is divided in several other laws that explain better how it works. Companies and agencies that use these web design principles reap the most benefits. These principles should be maintained during the design of responsive websites, here is a description of each:


Proximity Law: People group things that are together closed in space and perceiving it like a single component composed from different other components. For example, we have the menu that is an integral part formed from other important parts.
Similarity Law: Again, we tend to group similar things together. For example, the comment boxes are similar in shape and as we spot one, we will know that the others are comment boxes too, without requiring a lot of attention.
Closure: When things are close, human brain will connect them and make a complete shape or form. Even if some elements are missing from the picture we are able to guess where the gap is. This law is often used to build logos. For example: the picture from below doesn’t have all the components from a human face, but still we recognise it like being a human face.

human face in website

Symmetry Law: We divide everything we see into symmetrical parts and connecting them to a center point. This is made unconsciously as we perceive it as normal. What is your center point?
Common Fate: We do have a linear attention and see much more easily from the left to the right than vice versa. That is why make your lines, images or shapes to move along a well defined path.
Continuity Law: You can use this law for your layout or content. There are two lines, continuing one after another, brain will perceive it like a whole. Changing the direction of the line you will see two of them.

Development of websites is then done using responsive html and CSS with these web design rules already taken care of. Software such as Wordpress templates or custom made code can be used for the development process. With some proper SEO, your beautifully created website will then start attracting potential customers. Websuccess Malta Ltd is one of the best companies in web design. It employs designers with over 15 years of experience and numerous websites in its website portfolio.



Made with love at WebSuccess © 2016