Discussion on the browsing design method of web page content

Discussion on the browsing design method of web page content
<br />For an article on a content page, if the article is too long or has categories (rankings), then paginated reading is undoubtedly the best choice.
If the content of an article does not involve classification, such as novels, then the page numbers can be displayed in a normal way, because the content is coherent and it is unlikely that the middle content will be skipped and the following content will be read directly:

But what if the content of an article involves classification? For example, the very common digital rankings involve the classification (ranking) of article content. At this time, should you consider changing the page numbering method or adding a page number content preview to display?

Because content such as rankings are actually made up of complete and independent content pages, the first and second places are two complete and independent entities. They are only put together for the sake of this ranking. There is no problem if you skip the second place and directly check the information of the third place.

As shown in the picture above, the entire article seems to be a complete whole, but the content inside can be read in different categories.
If there is no content preview navigation below this page number, how can users know the content displayed in this article? Users can only view the content page by page, which puts them in a passive state.
However, when there is such a content preview navigation under the page number, the reading experience brought to users is completely different. Through such a complete and clear preview navigation structure, users can understand the content to be presented in the article in advance without reading the full text. When seeing this preview navigation, users can judge whether the article is still interesting for them to read. At the same time, they can also skip the content that they already understand or do not want to understand, so as to focus on the areas that interest them.
Compared with a page navigation that simply arranges page numbers there, the content of the page with a preview navigation will leave a deeper impression on users. Because users can skip the "general" information and go straight to the "essence", there is a huge difference in the impression left on users by the general information and the extracted information.
This is also a big reason why RSS subscriptions are popular.

<<:  Use CSS variables to achieve cool and amazing floating effects

>>:  Implementation of Node connection to MySQL query transaction processing

Recommend

Solutions to MySQL OOM (memory overflow)

OOM stands for "Out Of Memory", which m...

Ansible automated operation and maintenance deployment method for Linux system

Ansible is a new automated operation and maintena...

How to pass parameters to JS via CSS

1. Background that needs to be passed through CSS...

Example code for implementing complex table headers in html table

Use HTML to create complex tables. Complex tables...

How to analyze MySQL query performance

Table of contents Slow query basics: optimizing d...

Node.js implements breakpoint resume

Table of contents Solution Analysis slice Resume ...

Vue uses custom instructions to add watermarks to the bottom of the page

Project Scenario Add a custom watermark to the en...

Search engine free collection of website entrances

1: Baidu website login entrance Website: http://ww...

The pitfalls encountered when learning Vue.js

Table of contents Class void pointing ES6 Arrow F...

JS operation object array to achieve add, delete, modify and query example code

1. Introduction Recently, I helped a friend to ma...

mysql implements the operation of setting multiple primary keys

User table, ID number must be unique, mobile phon...

Implementation of HTML sliding floating ball menu effect

CSS Styles html,body{ width: 100%; height: 100%; ...

How to align text boxes in multiple forms in HTML

The form code is as shown in the figure. The styl...