DEV Community

Cover image for 10 principles of good web design.
Mijanur Rahman Joy
Mijanur Rahman Joy

Posted on

10 principles of good web design.

  1. Do not make users think

The page should be obvious and explain itself. When you create a website, your job is to get rid of the question points – the decisions that users need to make consciously, considering the pros, cons and alternatives.

If the navigation and architecture of the site are not intuitive, the number of query points will increase and make it difficult for users to understand how the system works and how to get from point A to point B. A clear structure, moderate visual tips, and easy-to-recognize links can help users find what they are looking for.

Although the design itself is simple and intuitive, understanding what the function of the page requires the user to look for the answer. This is an example of an unnecessary question point. The job of the designer is to make that number of question points close to 0. The visual explanation is placed on the right side. The simple act of exchanging both blocks would increase usability.

The expressionengine used the same structure as Beyondis, but avoids unnecessary question points. In addition, the slogan is functional as users are given options to test the service and download a free version.

By reducing the cognitive load, we make it easier for visitors to grasp the idea behind the system. Once you have achieved this, you can communicate why the system is useful and how users can benefit from it. People will not use your site if they cannot understand how it is used.

  1. Do not abuse user patience

In every project we offer our visitors a service or tool, we should keep our requirements as minimal as possible. The less actions we ask users to test a service, the more likely it is to make a visitor experiment with it. Visitors who enter for the first time are usually willing to try the service, not to fill in big chips to register an account that they will not use in the future. Let users explore the site and discover its services without forcing them to share private data. It is not a good policy to force users to provide their email address to test a functionality.

Users will prefer to give the e-mail after they have tested the service, as so they already have some idea of what they would receive in return

Stikkit is an excellent example of a service that asks for very little information from the visitor, which is comforting. That's what you want visitors to feel on your site.

Myth requires more. However, the registration can be done in less than 30 seconds, as the form has a horizontal orientation, the user does not even need to scroll down.

Ideally you should remove all barriers, you should not require subscriptions or registrations before anything. The need to register yourself is already a sufficient obstacle to decrease your website traffic.

  1. Gain user attention

As websites offer dynamic and static content, some aspects of the user interface attract more attention than others. Obviously, images attract more attention than text – just as black-written sentences are more attractive than simple text.

The human eye is highly nonlinear, and visitors can recognize patterns, limits, and movements simultaneously. That’s why video ads are highly unpleasant, but from a marketing perspective, they’re great for capturing users’ attention.

Humanized uses the principle of attention to perfection. The only element that is directly visible to users is the word FREE which is attractive, but also calm and purely informative. Subtle clues give users enough information on how to find out more information about the product that is FREE (gratuito).

Focusing attention to specific areas of the site with a moderate use of visual elements can help visitors go from point A to point B without thinking about how it is supposed to be done. The fewer questions come up in the minds of visitors, the better the sense of direction they will have and the more confidence they will be able to develop for the company that the site represents. In other words: there must be as little thought as possible, everything must be intuitive as much as possible.

  1. Search functionality exposure

Modern web design is generally criticized because of its strategy of guiding users with 1-2-3-made visual steps, large buttons with visual effects etc. But from a design perspective, these elements are not bad. On the contrary, these buttons are extremely effective as they guide visitors through the content of the site in a very simple way.

Dibusoft combines visual appeal with a clear structure. The site has 9 navigation options that are easy to observe at first sight. The choice of colors may, however, be too clear.
Allowing the user to see clearly what functions you have at your disposal is a fundamental principle of a successful interface design. It doesn't matter how this is achieved. What matters is that the content is well understood and that visitors feel comfortable with the way they interact with the system.

  1. Use writing effectively

Since the Internet is different from the press, it is necessary to adjust the writing style to the user’s preferences and browsing habits. Promotional writing will not be read. Long blocks of text without images and keywords marked in black or italic also do not. Exaggerated language will be ignored.

Write seriously. Avoid easy names or jokes, marketing-induced names and technical names that are unfamiliar. If you describe a service and you want users to create an account, “sign up” is better than “Start now!” which is still better to “explore our services”.

Web Hosting, Reseller Hosting, Cloud Hosting & VPS Servers goes straight to the subject. Nothing exaggerated. Instead, a price: exactly what you're looking for.

The best solution for effective writing is

Use short and concise sentences.

Use an easy-to-read layout (categorize content, multiple header levels, visual elements, and lists that divide text evenly into a few blocks)

Use simple and objective language (a promotion does not have to look like an advertisement; give your users a reasonable, objective reason for choosing your service.

6.Seek simplicity

The principle of keeping things simple should be the main goal of webdesign. Users are never on a website to look at the design; besides, in most cases they look for the information regardless of the design. Always look for simplicity, never complexity.

From the viewpoint of visitors, the best design is just text, without any advertising or more blocks of content related to what they were looking for. This is one of the reasons why a printed version of an easy-to-use website is essential for a good user experience.

Finch presents the information about the site and gives visitors a range of options without abusing unnecessary content.

  1. Don't be afraid of the empty space

Moreover, it is difficult to overestimate the importance of empty space. Not only does it reduce the cognitive load for visitors, but it also makes it possible to understand the information present on the screen. When a new visitor sees a design, the first thing he does is try to split the content into digestible pieces of information.

Complex structures are harder to read, analyze and work with. If you have the choice between separating two design segments by a visible line or some blank space, it is usually best to use the blank. Hierarchical structures reduce complexity: the better we manage to give users a notion of visual hierarchy, the easier it will be to understand our content.

Empty space is good. CAM HUNT uses the blank space as a primary design element. The result is an easy-to-internalize structure that gives content the dominant position it deserves.

  1. Communicate effectively with visible language

There are three fundamental principles involved with the use of “visible language” – the content that users see on the screen.

Organize: Give the user a clear and consistent conceptual structure., Consistency, layout, relationships and navigability are important concepts of organization. The same conventions and rules must apply to all elements.

Save: Make the most with a minimum of visual elements, Four main elements to consider: simplicity, clarity, distinction and emphasis. Simplicity includes only the elements that are most important for communication. Clearness: all components must be designed so that their meaning is not ambiguous. Distinction: The important properties of the necessary elements must be distinguishable. Emphasis: The most important elements should be obvious.

Communicate: make the presentation according to the capabilities of the user. The interface must have its readability, typography, symbolism, multiple readings and color or texture in order to communicate successfully.

  1. The conventions are our friends

Conventional design of site elements does not result in a boring site. By the way, conventions are very useful because they reduce the learning curve, the need to understand how things work. For example, it would be a nightmare if all sites had different visual presentations for an RSS feed. Which is not so different from our regular life in which we tend to get used to basic principles about how we organize data (paste) or go shopping (product placement)

With conventions we can gain the trust of users and prove our credibility. Meet your expectations – understand what you expect from browsing a website, text structure, search location, etc.

A typical example is translating the page into Japanese (assuming users do not know Japanese) and making our usability testers look for something on a page that has a different language. If conventions are applied properly, users will be able to do things that are not too objective, even without understanding a single word.

  1. Start testing early, test often

This principle should be applied to all web designer services as usability tests often provide crucial information about significant problems.

Don't test too late, and not for the wrong reasons. In the first case it is necessary to realize that most design decisions are local, which means that one cannot answer universally about which layout is better because we need to analyze them from a very specific point of view (considering requirements, budget, etc.).

If you searching for expert developer to create a website, these links are for you:

I will design responsive SEO optimized pixel perfect website

I will design or redesign and customize stunning wordpress website

Top comments (0)