Gamification on the site: what is it and why is it necessary?
Currently, on a variety of sites, including business sites, you can find elements of the so-called gamification (gamification, gamification) - a technique that turns user interaction with the site into…

Continue reading →

A few words about encodings
Anyone who knows everything about this can skip this article, but I will tell the rest about the causes of various encodings and the problems of web design associated with…

Continue reading →

How to register a site?
So, you made the first version of your site and even posted it on the Internet, but after a while you will notice that almost no one visits it, except…

Continue reading →

Pagination or endless scrolling: what to choose?

When a large data set has to be demonstrated within a single web page, developers or website owners usually have to choose between two main ways of presenting such data: the content will either be automatically loaded for vertical scrolling, or it will be automatically divided into several smaller pages. Which approach in web design to prefer?

The decision on how a large amount of data will be presented to users of the site affects both the overall usability of the site and SEO indicators. Therefore, it is important to pay enough attention to this issue, for which it is useful to compare the main advantages and disadvantages of each of the 2 named approaches.

Endless scrolling
Although this approach to representing a massive stream of content has been used relatively recently (when compared with pagination), users already know it well thanks to its active use on social networks and on sites with a predominance of visual content. With endless scrolling, users are first shown a limited portion of the content, and then, as the page scrolls down, the following portions of content are shown.

Due to the fact that new data is displayed without reloading the page, the transition from one portion of content to another is smooth and therefore almost invisible to the user. As a result, the user sees several pieces of content as one single large page.

Infinite scrolling is very good for increasing the involvement of users in the study of site content, in many cases it is also more convenient for users, since it is easier and faster to rotate the mouse wheel than to search and click on the desired link to switch to the next page. In addition, the advantage of endless scrolling can be called its almost perfect “compatibility” with touch mobile gadgets.

With its advantages, endless scrolling is still not without drawbacks. So, first of all, the minuses of the approach relate to the question of determining the position of a particular object in the general content stream: if you close the page, then upon subsequent loading to search for the object of interest, the user will have to complete all scrolling first, which can take a lot of time and cause inconvenience.

Another drawback is the inability to “get” to the footer of the page. Since the data is loaded continuously, the lower part of the site, where additional information about the site is often posted, constantly “eludes” the user. Accordingly, the information that is published in the footer, the user can not receive. However, it is worth noting that the problem is completely solved by “sticking” the footer to the bottom of the page or even placing information from the footer in another area of ​​the page.

The third major minus of infinite scrolling is a decrease in page performance and increased consumption of device resources (usually in the case of mobile devices). With endless scrolling, the data is loaded on the same page and at some point the amount becomes so large that the device’s browser requires significantly more processing time than when loading a regular page. As a result, the site begins to significantly “slow down”, and this provokes an increase in the bounce rate.

Pagination on the site
Pagination is a classic way of breaking content into pages in web design. When pagination for each page, its own URL is generated, and the content is loaded when the target action is performed, for example, clicking on the “Next” button or on the page serial number. A typical example of using pagination is a pagination of product categories in online stores.

Pagination has several important advantages at once. Firstly, this approach gives a good conversion in cases where site users are interested in studying individual data objects, and not the entire content as a whole. Secondly, it provides users with a sense of control over the process: at any time, users of the site can see at what stage they are studying the information, can estimate the total amount of data and can fix the exact page number if necessary, if the study needs to be temporarily interrupted.

If we talk about the disadvantages of pagination for presenting a large flow of data on the site, then the main among them is the need to perform additional actions, because to navigate between pages, the user must first find the target link, then click on it, and then wait until the desired page loads. By the way, a long wait for pages to load can also be considered a drawback of the pagination method.

From the point of view of SEO, a serious minus of pagination can be, among other things, duplication of content: on the pages of pagination usually only part of the content changes, which leads to the appearance of partial takes.

Furniture site design
Immediately after the publication of the post with the best examples of furniture sites, we came across an interesting English-language article with a similar theme. It contains a selection of…

...

Effective website footer design
Developers often overlook that the footer for a site (translation from English footer / basement) is one of its basic elements. It can provide more complete information about the company,…

...

Servant of two masters
Yes, this is a poor web designer who has to spend a lot of effort to tame and train pages, so that it would be nice to look at them…

...

How to make a menu for a site? The main features of the menu selection
Whatever the site, without which it certainly cannot do, is without a menu. And often on one site there are several menus at once - for the main and additional…

...