Shulou(Shulou.com)06/02 Report--

The editor today takes you to understand what are the six design schemes that make APP faster. The knowledge points in the article are introduced in great detail. Friends who feel helpful can follow the editor to browse the content of the article, hoping to help more friends who want to solve this problem to find the answer to the problem. Follow the editor to learn more about "what are the six design solutions to make APP faster?"

We all know that no matter web page or mobile APP, response speed is one of the most important experience indicators, and the network environment of mobile applications is unstable, speed experience is particularly important. In fact, speed optimization is not only a matter for programmers, design, but also can make APP faster.

1. Background execution

This is a very general and easy-to-understand method. Users will not be willing to wait foolishly at the progress bar and have no choice but to "cancel". When the system handles some network tasks, users can be allowed to do other things. The Weibo of each major platform is executed in the background. Offline downloading of cloud reading is also performed in the background.

The long picture (or video) of Weibo is a counterexample. When the network is not strong, either wait 1 minute for the picture to be loaded, or you have to give up looking at the picture. Why can't users watch other Weibo while the picture is loaded?

two。 Display content before loading

There is a difference between the client and the web. The display of the client includes two parts: local data and network data. When designing the interface, put more information locally and display local data when the network data is not loaded, giving users the illusion that "half of the load is already loaded", even if the final time-consuming is the same, the psychological feeling will be faster. Of course, writing too much data locally will sacrifice some flexibility and need to be considered on a case-by-case basis.

For example, on the details page of App Store, the information is displayed before the details are loaded.

3. Make full use of the cache

The cache can save the network data locally, and the next time it is opened, there is no need to request from the network again, reducing traffic and waiting time. In the design, you can first display the cached content, while the background to the network to pull new content, if there is new content to replace immediately or the next visit to replace. However, the use of cache should also pay attention to "degree". Too large cache files take up too much system space, which will make users uninstall APP angrily.

4. The interface comes first, and the network interaction follows.

For some network interactions that have a small amount of data and are less likely to fail, users do not need to know clearly that APP is doing these things, and they can also use APP smoothly, so they can "cover up some facts", that is, the task is completed obediently and quickly on the interface (mental model), and the program background continues to execute the task (implementation model) in silence.

The most commonly used chat interfaces, such as QQ, Wechat, easy Trust and so on. After clicking to send, the message immediately "flies" to the chat context, in fact, the other party has not received it. But this design makes the communication process smoother, without the interference of "sending-sending successfully" processes.

5. Predict user behavior and start tasks in advance

I don't know if you have the habit of using Taobao. In the search results list, open all the results you are interested in into new tabs, and then look at them one by one, and close them if you are not interested. The advantage of this is that when I browse the product details page, each page is fully loaded, otherwise I click on one to see one, and each has to wait for the load to finish, which will greatly reduce the efficiency.

So can it be designed to meet similar usage scenarios? It should be possible, that is to predict the user's behavior and start the task ahead of time.

The strategy is similar to this: when the user stays in an interface, he predicts that the next three ABC tasks may be done, and the system finishes them all ahead of time. When the user makes a choice such as A, the interface can respond quickly and empty both BC tasks from memory at the same time to save resources. (of course, there are limits to this: 1, it only applies to free networks. 2, preloading can not affect the performance of the system)

New content is automatically loaded in the background: "NEW" is displayed on the refresh button, and when the user refreshes it, the content appears immediately.

For example, Chrome asks whether to save before downloading, and it has already started downloading as soon as the user decides, saving a lot of time. If the user gives up, the downloaded content is automatically deleted.

So, use this line of thinking:

After ● writes Weibo and inserts photos, can he upload them automatically without having to wait for the user to click "send" before uploading?

● locates to a certain Weibo when watching Weibo. Should it automatically load large images or videos?

Should the ● music app download the next song when the current song is almost finished, so as not to get stuck for a while?

6. Use dynamic effects to cover the loading process

Excellent dynamic design makes the product easier to use and makes people shine. In fact, the dynamic effect has another great use, to attract the attention of users, so that the originally boring process of waiting for loading, into a pleasant appreciation process.

Thank you for your reading, the above is the whole content of "what are the six design schemes to make APP faster?" learn friends to hurry up to operate it. I believe that the editor will certainly bring you better quality articles. Thank you for your support to the website!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.