App Application (ii) interactive process for the current page to enter a new page

Source: Internet
Author: User

-About first use and new app load default page view app load (i) App load default window parsing

To facilitate understanding, the following "page" instead of "window", we talk about the app from the current page into the new page interaction (such as the list page into the details page)

Usually two ways

Mode one: Load on new page. (A to B, load on page b)

This approach follows the traditional Web page loading method, and is very common.

Advantages: Instantly switch pages.

Applicable to: B page information is large, such as long graphics and text mixed page.

Recommendation: 1). Do not use blank pages when entering page b, using preset formatting information (picture placeholders, information separation styles, etc.); 2. Take part of the information already on page A, 3. The information on page b is loaded in fragments. (This allows the user to read the information in advance, while waiting, to reduce the anxiety)

Example: Figure 02& Figure 04 Load in the page with a preset format, the information framework has been passed to the user before the information is loaded. The user has a vision of what information will be loaded.

Figure 01 Figure 02

Figure 03 Figure 04

Mode two: After the current page load completes, then toggles the next page. (A to B, load completed on page A, then enter B)

This approach is relatively less used

Advantages: Do not appear blank pages, the page integrity to switch.

Apply: b page information less, loading time fast, text-oriented page. Or a page is already performing a task, and there is continuity. For example, page A is an audio playback page and users can continue to listen before entering page B.

Suggestion: need to consider the network extreme bad situation, loading information very small use, such as Figure 05,ios original SMS application is the current page load, when you encounter a lot of information such as mobile phone, the feeling of the interface card for a little while. However, the majority of text messages are mainly written, so that the design is understandable, if the loading time is long, as shown in Fig. 61 provide the state is more perfect.

Example:

Additional submission information (such as registration, login, etc.) is generally returned on the current page and processing is loaded.

Loading mode is dead, in fact, can also be used in accordance with the specific circumstances of flexible use.

For example: A page loaded in the list of data before a few pull complete data information, the user switch to the case of detail B can be directly seen. The rest of the information is then read back in the background. Reduce user Switching latency. (That's what Gmail does.) The first 5 emails are prefetch. To do so for the server, the requirements of a little higher, the specific use of their own time to weigh.

In addition, before entering to save a current state, B return a to go back to the previous state (such as in the 15th entry, return when the 15th message in the original position, and with the original highlight disappeared effect)

Article Source: uedx.net/?p=2966

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.