List page specification of web background products

The list page of web background products is usually composed of list + paging + search. Next, we introduce their logic specification and application scenarios. The relevant specifications are arranged in the form of Axure prototype to the website: < / P > < p > if the width of the list item is expressed by Px, it is not 100% guaranteed that it will not exceed one screen, that is, it needs to scroll left and right. The reason is list item 1 width + list item 2 width + It is often larger than the screen width, and even if the width is reduced, it can not meet the screen resolution of different users at the same time. < / P > < p > if there are many list items or the number of characters in the field value is not fixed, it needs to be adjusted according to the nature of different list items to ensure good visual effect. < / P > < p > if there are many strings in the field value corresponding to the list item, the part beyond the width will wrap automatically. If you don’t want to wrap the line, you can constrain the field name and field value of the top n < / P > < p > list items, and the alignment should be consistent. Do not appear the field name left alignment and field value center alignment such a wonderful effect. < / P > < p > by default, n pieces of data will be displayed on each page. If it exceeds, it will be displayed in pages, and the first page will be displayed by default. N is usually 10, 15, 20. At the bottom of the list, it is better to display n items on each page to facilitate users’ understanding. < / P > < p > some list pages do not need to be displayed in pages due to business needs. It needs to be explained in advance. For automatically loaded pages, it is best to prompt “loading more” at the bottom of each page, and then load the second page, and so on. After all the lists are loaded, the text shows “it’s finished” < / P > < p > there are usually four ways to achieve it: ① click the corresponding page number to jump; ② click the previous page to jump; ③ click the last page of the first page to jump; ④ input the page number to jump directly. < / P > < p > after searching, enter the details page, and then return to the list. The search result list with the original filter criteria still remains. For example, I search for users with a specified balance range, then I check their details, and when I return to the page, they are still the search results. There is no need to search again. Older posts →