Interactive design: Long lists on a mobile phone

This watch lists is actually very long, there are dozens of items, shown is this: Each page shows only 5 items, can be displayed in a screen, and then page.

In the design of the PC Web page We know: Put more content in a page display, better than jump page, the user is easier to see. A few meters long portal home is so come.

The sudden mobile phone application, may be to let some designers a bit overwhelmed, think the phone screen small, single finger operation has characteristics, and so I am not very clear reason, finally came to this conclusion: each page can not scroll. This conclusion is obviously somewhat inappropriate, and it is almost impossible to achieve a rigorous implementation.

The next page, the previous page, each page needs to be loaded into the new pages, obviously bad, in contrast, "optional stock" Such a long list will be better.

When you're working on a long list, it's better to roll up and down on one page than to cut it into multiple pages. Well, this conclusion may be a little early.

A big problem with "short list + page flipping" is that every time you load a page, the next page's display takes some time, not smooth. For a long list if the rolling time is not fluent, will card, of course, it will make people feel bad, that short list of constantly paging, can be seen as a larger card bar, obviously more uncomfortable.

So, if the short list + page, but not card? in advance, but not the form of scrolling, every page is not scroll, a page very fluent turn, is OK?

That's feedly.

Each page shows exactly one screen, does not scroll, and slides up to the back page.

If the "Short list + page" is preloaded, then the difference between "short list + page" and "long list" differs only in that the user's performance model is different: one is a boxed paper towel, one sheet after another, and the other is a roll of toilet paper. Both of these models are not difficult to understand.

But similar to feedly this form needs to solve an additional problem: If I have already turned to page 12th, at this time want to go back to look at the page 4th, how to quickly arrive?

For a large page, the current screen can only display a portion of the time, how to tell the user what is currently displayed in the entire large page which part, what should be provided to enable users to effectively return to the top of the page, to the bottom of the page, or to reach a specific location on the page. This series of problems, on the PC by the window scroll is responsible for the solution, do not elaborate, we are familiar with the.

The scroll bar in the mobile phone system is degraded and can only show the location of course, but not the operation. Android can push the scroll even farther, the iOS can point list top seam quickly back to the top, fast scrolling can scroll more, but it does not seem to have the effect of Android obvious. These are for navigation within the page, but are not as powerful as the Windows scroll bar on the PC.

Feedly the whole roll of toilet paper into a sheet, the original page within the navigation problem into the page of the jump, so even the mobile phone system to provide this little bit of the page in the navigation function is not used. If I turn to page 12th and want to go back and look at page 4th, I have to turn back a few more times, or return to the first page, and then turn three. Neither of these methods is efficient.

Mobile phone because of small, the overall direction of design is simplified, the nature of the reduction should be a small number of users, a small number of functions to be used. For Feedly, the mobile version of the reader, most users just take a look at the news every day, do not need to be accurate to find an article, or even say, do not need to implement a quick return to page 4th from page 12th features, but other products may be more needed, for example, there are 100 of the stock list.

A use of feedly this "short list + page" form of the Stock watch list, you may be able to do some of the navigation function alone, for their own this cut into a number of long list services, so that the jump between the sections more efficient.

So trouble, then simply "optional shares" so, directly on the long list, simple, straightforward, also spared the trouble. The simplest form is a simple charm, but really a long list of 100 items, from the 12th screen back to the 4th screen is not very fast, also have to roll several times, and the operation is not easy and accurate, you also estimate not to come out in the end must roll a few.

The mobile phone address book has the kind of fast access to the navigation function, perhaps should be widely used, perhaps also need us for our own long list to do some separate page navigation, rely on the operating system to provide the common functionality is not always enough.