Open the application startup page gracefully.

Every version of Adobe is upgraded, and the launch screen of new products will enhance the version upgrade. The mobile APP also has a startup interface. Every time the mobile phone starts an APP, T will appear whether you watch it or not. The reason why the startup interface exists is simple, that is, to make the program have an "elegant appearance". Whether it is computer software or mobile phone application, it takes a certain time to start the program, either long or short. The application is loading, so you should give the user prompt and feedback: 1, and my startup operation is valid; 2. The software is in the process of starting.

First of all, let's make it clear here that the startup page and the boot page are different. It is found that many people will call the startup page the startup page, probably because the startup page is "short-lived" and users pay more attention to the startup page. In fact, it is not difficult to distinguish them:

1, the startup page can be meaningless, even if it is a white picture. The guidance page is bound to play a guiding role, which may be the display of product features, the guidance of key functions or the iterative display of new functions.

2. The startup interface disappears automatically, generally, the sooner the better. (There will be a countdown to the link to add advertisements in the startup interface, so we have to skip it. Okay, we'll talk about this later. Guide pages are generally "forced" for users to read page by page before leaving reluctantly.

3, this is the most obvious: the startup page will appear every time the app starts. The startup page generally only appears when the new version is first opened.

4. There is usually only one startup page. (Well, sometimes it's not one, we'll talk about this later ...), and the guide page is often a group, a group, a group.

Come on, let's see what Apple says first:

As long as it is reasonable, Xiao Ha divides the existing startup interfaces into five categories as shown in the figure: installing no types, casually engaging in types, creating an atmosphere, emphasizing information and expanding customized types. These five categories are introduced one by one, and some corresponding design details need to be paid attention to.

As suggested in iOS9, try to make users unaware of the existence of the startup page and "seamlessly" enter the application. Due to the continuous improvement of the performance of smart phones, when the size of the APP is small, it can basically be started instantly. However, the startup page still exists, at least for the iOS system. To achieve this "non-perceptual" effect, the background of the home page of the APP is generally used as the startup page, or the local state diagram loaded first in the home page is used as the startup page. The transition from the startup page to the home page is seamless. The following pictures are: Safari, weather, and the startup page of the APP Store.

The APP using this startup page should pay attention to two details: A. Evaluate the size of the APP itself to ensure smooth and fast startup. B. In the selection of the startup interface, it is necessary to cooperate with the loading mechanism of the home page, select the appropriate loading status screenshot, and ensure the connection with the home page after startup.

LOGO+ background image +Slogan(+ version number), the most common design mode of startup interface. Of course, the design of many pages can be described as simple rather than simple. Xiao Ha calls this style a casual style because such a startup page is obviously the most worry-free and can enhance brand awareness without much consideration. However, the startup interface flashed by, which didn't educate users about the brand and didn't achieve the feeling of "seamless startup".

People who adopt this model must actually do well. Personal suggestion: 1, the choice of the most background theme should be the connecting link between the preceding and the following: it should be coordinated with the color and style of the APP icon and consistent with the application homepage. (How to design an App desktop icon? :/p/5c3958a8fd87 )2。 Pay attention to the page size. The smaller the picture, the better. 3, the background picture or shading must match the theme of the APP, and you can't just look good.

When we are in various holidays, festivals, and of course the birthday of an APP, we will see the festive atmosphere of the app on our mobile phones, which is hundreds of times stronger than in real life. Not much explanation, just look at the examples:

It is good that this startup interface is lively, but it is better if the festival can combine the characteristics of its own APP.

The pages that emphasize information are similar to the above two, but the difference is that the pages that emphasize information are not simply put their own LOGO, Slogan and so on. This will have a more "atmosphere". Compared with creating an atmosphere, it will pay more attention to the promotion of the APP itself, and generally strengthen the cognition of a certain function or feature. PS: Please ignore the damaged WeChat startup page in the picture below ~

Personally, I think we should pay attention to the scale of this startup interface, and the stay time of the startup page should not be affected by the information display, and the amount of information should not be too much in a short time.

Human beings are progressing and technology is developing. Major manufacturers have played new tricks on the simple startup interface. By starting the customized expansion of the interface, new function points are made. The general routine is to superimpose a page after the APP startup interface appears. The second page is relatively easy to control, and the desired effect can be achieved by customizing the second page. And users sometimes easily misunderstand that this is a page.

Comparison of two examples (as shown below): When adding advertisements on the Sina Weibo startup page on the left, it will be too smooth. On the contrary, Netease Cloud Concert gives people a "splash screen", and the advertising page will suddenly jump out. Alipay and Flush also adopt the practice of Weibo.

Examples of new tricks played in this mode:

1, nail to customize your own startup page for the enterprise. 2. Douban: "See you once a day".

The right one is the best. According to the actual situation of your APP, choose the appropriate startup interface and give her an elegant opening.

Show me! Show me! This is a huge startup page map!