Getting rid of guesswork in design
Creative breathes life into successful sites. However, creative ideas and solutions often look like guessing - a dangerous business, I tell you. What can designers do to convince the customer…

Continue reading →

Thousands of dollars of passive income for web designers
Skilled web designers who want to receive passive income are now in a rather favorable position. As more and more companies enter the Internet market, the work of web developers,…

Continue reading →

Typography for web.
There are many books and articles on typography, but only a few of them reveal issues of choice and combination of fonts. In view of the opening opportunities and prospects…

Continue reading →

Ways to navigate users on the site

Imagine that you are traveling by car, but due to traffic jams all the main roads are blocked, and you need to turn into an unfamiliar part of the city. For some time, traffic signs will help you move in the right direction, but suddenly they will disappear. It seems that getting lost in an unfamiliar place is a trifle.

Any site, regardless of its ultimate goal, should perform the main task – to indicate to the user the path to the information of interest to him. However, it is possible through his own fault, or perhaps through the fault of the designer, that the user is lost and does not know where to go next. How to help your visitors navigate the site. There are several effective ways.

PAGE TITLES
Each page of the site needs a unique, brief enough, but no less informative title. The title tells users what exactly can be found on a particular page. If the menu says “About Us”, then it is obvious that there will be a description of the company + information about the company’s employees, its goals and history.

Page headers perform their function much more efficiently if:

the font of the title is at least a couple of pixels larger than the main text;
a different font color or background for the font is used;
There is a noticeable space above and below the title bar.
BREAD BABIES
These are links that are designed to show how the current page relates to the main page. Often they are located directly above the page title. They look something like this: Home> Forum> Jobs> Jobs. By the way, the blog has an article with original examples of breadcrumbs for the site.

The advantages of bread crumbs in their ability to instantly indicate the location of the user, as well as help the latter to understand the structure and hierarchy of the site. The user sees how he got to the current page and how he goes back a few steps.

At the same time, “bread crumbs” show the real structure of the site, and not the path along which the user came. By the way, if you have a blog on WordPress, then I advise you to read an article about how to create breadcrumbs in WordPress using the Breadcrumb NavXT plugin.

PRIMARY AND SECONDARY NAVIGATION
Although this is obvious, it will not be superfluous to recall that the correct use of primary navigation is the most powerful tool for orienting users. It is desirable to make the navigation elements different in color and background, the names of the navigation elements should clearly correspond to the page headers. Unlike primary navigation, which defines sections of a site, secondary directs the user to specific pages. You can use the PSD files of beautiful menus for the site, which were published in a previous article.

LINKS
Links are required to clearly communicate where they lead. The user is more likely to follow the link if he knows where it leads. You should not load the page with meaningless inscriptions, such as “Click here.” Like the names of other navigation elements, link names must match the title of the landing page. You can also find some tips for linking on this blog.

PAGE STRUCTURE
An important role in navigating a site is played by the structure of its pages. When designing a page, remember that:

many users are familiar with standard site structures, so the location of the navigation elements in the places where they are expected to be seen allows you to quickly navigate. Try to avoid too “tricked out” designs.
it’s easier for the user to decide where to go next if key elements (links) are located nearby. Try to group key elements.
PROGRESS
It is advisable to show the user the steps of the procedure that he performs on the site (we are talking about procedures that require successive visits to several pages, for example, when ordering goods in an electronic store or downloading files). Make progress easily noticeable so that the user sees their current position, past and upcoming stages.

MAP OF SITE
Having a map matters for sites with lots of pages. That’s where it’s easy to get lost! The map can be accessed when the necessary information cannot be found by searching the site, so the site map should fully reflect the structure of the latter, be clear and understandable. To create a wordpress site map for a blog, you can use the dagon design sitemap generator plugin and others.

PAGE NAME (TITLE)
The page title is the text that is located in the browser title bar. Remember that the shorter the name, the clearer its meaning. Put important information first, as it is the first few words that are often most important to users. The meaning of the name should remain clear, even if the page is not visible (located in your browsing history or in your favorites list).

In general, all wishes for user navigation will have a very positive effect not only on the positive perception of the project by visitors.

Effective split-screen design methods
One of the most noticeable trends in website design for 2017 is the split of the screen into two parts. More and more web projects are using a similar layout…

...

5 lessons from Japanese website designs
Back in 2014, we published an interesting selection of designs for Japanese anime sites. Surely you realize that the work there is quite specific and original. They are very different…

...

How to choose the best illustrations for your site
I somehow had publications about the best free photo banks and photo stocks in which the question was raised where to look for images for the site. Today I want…

...

The golden ratio in website design
A key indicator of web design quality is how natural and easy it is for users to perceive. When creating the visual design of the site, it is important to…

...