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
MySQL 8.0.11 MSI version installation and configuration graphic tutorial
This article shares the installation and configur...
MySQL series tutorial on understanding the use of union (all) and limit and exists keywords
Table of contents 1.union: You can add query resu...
Some key points of website visual design
From handicraft design to graphic design to web de...
Essential for front-end development: 12 browser compatibility testing tools recommended
For front-end developers, ensuring that the code ...
Solve the problem of Linux FTP anonymous upload and download starting automatically
If you often use FTP server in your study or work...
Example implementation of checking whether an object is empty in native javascript
Table of contents What is native JavaScript A. Ch...
Complete steps to use samba to share folders in CentOS 7
Preface Samba is a free software that implements ...
Thumbnail hover effect implemented with CSS3
Achieve resultsImplementation Code html <heade...
Docker Nginx container production and deployment implementation method
Quick Start 1. Find the nginx image on Docker Hub...
Nginx defines domain name access method
I'm building Nginx recently, but I can't ...
How to modify the previous command when an input error occurs in the MySQL command prompt
Table of contents Current Issues Solution process...
The principle and application of MySQL connection query
Overview One of the most powerful features of MyS...
Tutorial on installing DAMO database on Centos7
1. Preparation After installing the Linux operati...
Vue implements a simple shopping cart example
This article example shares the specific code of ...
Tomcat server security settings method
Tomcat is an HTTP server that is the official ref...