Design scheme improvement and design idea of small paging

Article Introduction: The original design scheme of small paging

Usually, when a page has too much information to display, and a page does not fit all the letters. In order to request speed, beauty and other reasons, pagination will be invited to come over. Allow our users to choose whether to move forward or backward and find what he wants. For example, when we search for "shirts" in Taobao, there will usually be 100 pages of information (of course more than 100 pages, but in fact, users usually do not need so many things). As follows:

First, small pagination of the original design scheme

Paging has a lot to say, especially in terms of performance optimization, but the most important reason is that it allows users to find what they want. This page on more pages, Taobao has done very well. But on the small page, the last and a bunch of designers in the review of a small distribution design, there are a number of different views. Take a look at this small pagination (defined here is a page less than or equal to 5 pages of page design) of the original design (interactive whiteboard, non-visual final draft) program:

You look familiar, huh? Yes, many websites actually use this type of display. There are designers said, will not put "prev" and "Next" together, with the user to click More convenient. Just like this:

Hmmm, indeed, this is much better than the original. At least the user can be more effort to page. This is another designer to jump out and say, can we still do further optimization? Because generally speaking, we press the "next page" situation will be more, "prev" These history will be relatively rare. At this point his proposal is:

Of course, this is also good, the reason is reasonable. There is a kind of indefinable thing in it, similar to the technology and art that is more important, understand the Chinese characters and can write a good relationship between the article. In fact, the problem is, first, the user needs to do a "guess" process, guess this left indicator is not on behalf of the page up; first, the design of the inconsistency so that the psychological disharmony feeling. Especially in China in the kind of "good things into double", what should be a pair of culture, more obvious.

Second, my plan

However, for individuals, I do not agree with these practices. Since this paging is small, a small position can be all listed above, then why do we have to complicate the user to choose the process, rather than directly provide a more convenient way to achieve the goal? My idea is that small pagination should be shown all of them, allowing users to operate more easily. As follows:

This expanded paging design contrasts with the original scheme:

From the space

The expansion shows more pixel-saving. There are a lot of good designers who will consider leaving White, and will consider if it is reasonable to take advantage of these precious spaces, save pixels.

From the practical

If you see page 3rd, suddenly want to return to page 1th, according to the original design, is not to press two times "prev"? What if there are 5 pages? How do I guarantee faster switching between pages? An expanded design can solve such problems better.

Third, the conclusion

Of course, this is not to say that the expansion of the paging is better. There may be a combination of scenes, such as Weibo, which allows unlimited pull over the timeline, we can completely let the user ignore the "paging" concept, as long as the user down, we provide automatic loading of information to more user-friendly access. The application scene is always changing, but the constant is that I think I should go on like this:

one, to accumulate. Sometimes there is such a small tangle, it can be said to be a small neat, like the total pursuit of the optimal code of the solution. While such entanglements do not have much impact on users, when you have 10, 30, 100 such optimizations in one project, it is believed that the experience of the site will exceed the user's expectations. Of course, the ability to own in this respect, also will have the quality promotion. So, to accumulate it.

second, beyond the design to think. for interaction, our ultimate goal is to make it easy for the user to use (not the user, sometimes the user may need only simple things, such as a faster carriage, but if you give him a Ford car?) , so you should think outside the design itself to be more likely to get a satisfactory result.