Mobile Interactive Design: The loading of app windows

Article Description: app Load interaction-the current window enters a new window.

The loading of the app window, such as the loading of the list window into the Details page, is an easily overlooked problem. Why, then? The reasons are many: 1. Everyone (including designers) are accustomed to the web side first into the new page, after waiting for the loading of the way, the app is directly used; 2. When the network is good, the two kinds of loading methods use the experience not much difference. 3. Designers, product managers often feel that loading is the engineer should consider, but unless the project time is sufficient, and encountered very sense engineers will be considered in advance loading.

However, in many cases the benefits of early loading are very obvious, Gmail,alipay, iOS Native SMS are also silently used. Here we will resolve the next two loading modes:

Usually two ways

mode one: Load in new window. (A to B, loaded in window B)

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

Advantages: Windows instant switch.

Apply to: b window information is large, such as long graphics and text mixed page.

Suggestions:

1. Do not use a blank window when entering B, using preset formatting information (picture placeholder, information separation style, etc.);

2. Part of the information that has been loaded in the window a

3. The information for the b window 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

[1] [2] Next page