splash screen, Form loader

10 minutes, design the perfect splash screen (splashscreen), and through the axure output PRD Lion RoeSubscribe to the column unsubscribeWeibo search "lion roe" play with Me ~2016-06-0722,000 143 /c2>0 Basic product, BAT product director, 2-day offline training + 1-year online course, master the essential skills of excellent product manager. Learn More

Splash screens are often ignored in the app world, and when I actually design a splash screen, I really get the idea that design Psychology 2: Complex coexistence is a concept in which the complexity of the physical is balanced, something is simpler, and something is more complex.

Recipes for this article:

• splash screen Effect
• Examples Show
• splash screen Design Real

The role of splash screen

Splash screen is the beginning, because when the user clicks on an application, the application opens there will be a loading process, and the process has been in the "loading" state, the default interface of course, the user is not friendly, in order to let users understand that they have opened the application, and "comfortable waiting", The app uses a default diagram instead of the loading process, and some apps are smart to use a home frame diagram to make themselves appear to be loaded faster.

Due to the large number of splash screen use, the design of the flash screen came into being, from the experience point of view, as soon as possible to open the app is the correct way to handle, so many apps choose the above approach, loading a home frame diagram, to the user "has been in" the feeling There are also some apps that choose to show their logos and slogan on this page, build brand impressions, enhance user awareness, and then have the shameless to add an ad on the splash screen page, although it will give a "skip" button, this practice is very bad ~

Finally summed up: the splash screen is ultimately for the user Service, in what form to show, can give users and enterprises to bring comfort or profit is good.

What kind of splash screen will be used for various types of apps

To give a few examples, simply say:

1, some tools or the system comes with the app, will use a frame diagram of the application home page, such as the iOS calculator, splash screen is a computer without the number keys picture, so it seems that I directly opened the calculator, but the number of keys will appear later!

This mode is commonly used by applications that are not disturbed, that is to say, "tool type" is preferred.

2, some large size, may not be able to open the application quickly, will use the logo and slogan to establish brand impression, such as BILIBILI,QQ, and so on.

It is very comfortable to put only logos and slogan ads, usually in a personal-centric vertical social platform (not to be disturbed during the opening process, and once the opening is running for a long time), there are some apps that focus more on brand impressions than ads.

3, some open platform will open a splash screen advertising, this thing has always been I hate, even if they give "skip".

such as microblogging, such as open platforms, advertising as the main means of change, all the land can be considered to make advertising (pollution), this time weigh the profit and experience, of course, can be boldly put on the ads, as long as the "skip" let users feel controllable, and then good design, you can reduce the user's aversion as much as possible.

How to design a splash screen

Design a display logo and slogan, and sometimes embed an ad splash screen (splashscreen)

1. Confirm Demand Title

2. Carding process

3. The time point of each action in the design logic

• Communicate with the server to determine if an ad takes time
• Time to load ads
• Ad Display Duration
• Get ad time-outs (you can't always keep your ads waiting for the internet when it's bad)

4, so the design of a micro-bo type with the advertising splash screen, the following shows some PRD:

5, this is also climbed a few pits , there are two points need special instructions under:

• Flash screen is ultimately for the user Service, can quickly enter the application is king (iOS design specification)
• Focus on boundaries and logic

Chun-hong, with infinite brain hole of fresh product people. Sina Weibo @ Lion Roe,-tianyu2680058, Welcome to the small friends to find the door ~

This article by the @ Chun-Hong original published in everyone is product manager. No reprint is permitted without permission.

splash screen, Form loader