What happens before the app enters the home page

Finger boring on the mobile phone screen, n multiple programs followed by the left and right of the finger over and over, suddenly the corner of the eye to see a bright eye of the program, carefully a look feel a bit of meaning, click on it, wait for the program to start ...
Scene is too common, then after clicking on the icon, the app home page before we show before us, what happened during this time?

There are several pages before the first page

The answer is two. Generally speaking, there may be a lot of programs, but I haven't seen them yet. The two pages are the boot page, start page.

Guide page, what ghost?

When you first use an app, click Apply First will come out such a page, the whole of a large map, below a few points, when you swipe on the screen, the graph changed, the following points also changed, the content of this page is some about the app's image and product promotion, this page is the Guide page, Guide users to use, and the opportunity to promote product features and features.

The role of the Guide page

The boot page typically occurs at two times, when the user first uses it, and when it is first used after the update version. Why do they show up in these two moments? What do we want the user to see the Guide page for?
When users first use the app, the knowledge of the app is abstract and not specific, then you need to use some guided pictures or animation can also be a video to users to a concise description, so that users understand what the app is doing.
Another situation is that the product updated the new version, added a better play to attract users more helpful to users of new features, in order to let users faster understanding of product changes will be in this page through the form of pictures or animations to inform customers, to attract users ' interest.

The boot page has several

The main purpose of the Guide page is to show the user information, the practice is more flexible, the presentation form can be static and dynamic.

Static Boot page

Refers to the content of the page picture is still motionless. Can be divided according to the number of pictures displayed, multi-image display and single plot display.
Multi-image display, the picture can be more than one picture, through the finger swipe to toggle the picture to display the content, of course, the best political reform is to switch the picture when adding some switching animation, to make the effect look more vivid and vibrant. Single plot display, the picture is a large background map, is generally made into the form of scrolls from left to right to show, read it feels like in the lens through the viewing of a painting, through the finger slide to show different positions. Such a form can even tell a story or describe a process, like watching a movie, and reading it quite enjoyable.

Dynamic Boot page

The purpose of the dynamic boot page is to make the user look more stereoscopic, the Dynamic Guide page can be divided into two kinds, one is to show the animation, one is to display the video. The display animation is built into the app with a GIF file or a set of coherent images, programmed to play, usually depicted by a complete user-used scene, the advantage is that the display of the scene more vivid, the disadvantage is to increase the volume of the installation package. Show video is to play a small video on the Guide page, you can make the user use a clip of the scene can also be some people's speech, the content can play a lot of room, is to let users experience the most vivid best. Unfortunately, if the built-in video will cause the app to grow to a horrible level, it is generally best not to use this boot form when the user first installs.

Extended usage of the Guide page

It was said that the boot page typically appears when the user first installs the boot, or when the version is updated the first time it starts. But we have a special cattle activity, can provide users with better service, and do not need to send a version, how can I let users know? Do you rely on users to be blind in the app? This is the time to consider the idea of playing the Guide page, which requires the product in advance to do this requirement for programmers to develop. This scenario may not be necessary, as most of the new features will be released together with the new version, but what if you have a big idea that can directly be implemented using the existing H5 page and app features, a fantastic creative, all made, and then the user does not know, this must not suppress succumbed ah. So this model-the big event display-the application, the suggestion currently has this function of the app product personnel remember point, this way can greatly facilitate the new feature promotion, no product remember as soon as possible in an app to do in.

Considerations for making a guide page

Products in the design of the Guide page often go into such a few myths:

• Make a button click to jump directly to a page

• Now that the diagram is moving, it's going to be an animated chant, or you can animate it.

• What you want to express is not clear, make a few more pictures or a little more time
  Do not , your introduction again, your animation again wonderful, you occupy the user's mobile phone traffic, the user's time, now users of the traffic is still very sensitive, the world has a variety of programs to view the resources of the program, if the user was found to be uninstalled does not say there may be users spread, Do bad word-of-mouth. In addition to the boot page is only a transition page, the program needs to run a variety of settings may not be ready, if you add a button interactive operation may cause unpredictable problems.

Start Page What is the startup page?

This is not the first time you open the app, but every time there is a picture to show in front of you, page grid or low or high, screen style or refreshing or weird, you have to stay on this page for a few seconds to formally enter the app homepage. This page is the startup page.

The role of the start page

The form of the start page, usually a large picture below add a catchy slogan, so there are two advantages,
1, the overall leakage of brand image, in addition to the description of slogan, so that users know more about the product, excellent image design is conducive to the user's psychological left a good impression, for the overall display of products to pave the groundwork. 2, prepare the data, start page next page is the homepage, if the user to enter the home also to wait for a period of time to load the data will affect the user experience, and will make the user obviously feel the process of data request, and then the flow of the program used to light up questions, so you can use this time to load the necessary data, Try to let the user into the home page can see things, so that users feel the application is very smooth, flow and the use of electricity without perception. 3, advertising display, if the planning of a better activity, you can display the poster on the launch page, a relatively detailed description of the event, so that users can quickly understand the activity, you may also click the poster to participate in the event quickly

Start Page Design Considerations

1, do not use the impact of too big color and diagram, start page is very frequent, this time the user's heart state is basically like this, "finally selected an application, do not have a full purpose of the blind, quiet heart to see what good things in this application", attention at this time the user's heart is a little bit calm, Be careful not to use the strong impact of the color, such as red, if used, do not use the high impact of the color as the background color. Background color Try to choose the level of peace.
PS: The game is on the contrary, to choose the color of the visual gap according to the game type, to attract the user's eyeball, stimulate the user's adrenaline adjustment, foil the atmosphere of the hi.
2, to reserve the space of the partner icon, re-design when you need to consider that your app may do different channels of the start, to give others the icon to leave a place to put.
3, advertising display, must have skipped button, if no button is raped users, let users feel you are wasting my time.
4, the failure of advertising in a timely manner, if the user points out the advertisement has expired, the results found that the activity is invalid, will let users despise, feel in the deceive users.
Before the start of the program to enter the first page before the display of several pages is not limited to death, you can make a number of pages, you can also implement functions in a page. Home page before the main purpose is to undertake the user click on the icon when the expectation and interest, a more detailed description of the product, so that users understand a little more, you can also through the form of advertising to allow users to direct activities, to the data after the request and operation left time, so that users feel smooth nature into the home page.

In the backstage that we can't see, what's the program doing? How to decide which pages to go to

Before we said that the first page of the main role is to load the background data to buy time, then in this period of time what the program did. Here is a detailed explanation. The judgment logic of the program.

Enter what page if (need to show the boot page) {Enter the boot page} else{enter the boot page} whether you need to display the boot page if (first install) {yes} else if (first open after update) {yes} else if (activity needs to show) {yes} E LSE {NO}

What's going on backstage?

When the boot page or the start page in the foreground display, there will be a period of time is waiting for the user operation or time, when the program backstage in the background to do some data preparation, specific things to do have the following several

Picture Resource Preparation

Entering the start page will ask the interface to determine if there is a new ad map to show, if it does not show the previous ad map or do not display the ad map. If there are two ways to deal with it:

• Download the pictures directly and show them. At this time the page performance as, first show the brand logo, after a while the picture loading completed display ad map, in order to prevent the direct switch image appears abrupt, you can add a picture to switch East Lake.

• Display the last ad or not show, background download pictures for the next launch. This way the user is not aware, recommended to use.

Positioning, Component Registration

Location information in the mobile app is more widely used, so most applications have a positioning operation, positioning operation by GPS signal and network signal influence is relatively large, the length of time varies, in order to avoid affecting the user in the home page, need to put this operation front, advance to obtain the location information, When the user enters the homepage, the correct data is displayed directly using the correct address.
Most of the current app share, pay, and chat, push and other functions, is generally integrated with third-party control to achieve, some of the controls need to be declared when the program is started, this part of the operation is done in front of the first page.

Check for Updates

The app needs to check whether the new version is released, if a new version is generally downloaded in the background, to be started again, remind the user whether to update, of course, there are wayward, directly ask you to update not to use the update. The latter is named mandatory update, which forces the update to be harmful to the user and is generally not used.

Business requirements

Depending on the product needs, some features may not be completed in time or have some configuration of the text class, will be in the app to start the page before the first load, centralized access, write well in advance. Avoid reloading during use to ensure a smooth user experience.
Part of the situation in order to ensure that the first page opened directly on the data, you can also at this stage of the first page of the data are requested to exist in memory, when switching to the home page, the direct display of content.

Home Front Process Technical precautions

Before entering the homepage, the program backstage may do more than these. In order to ensure the user access to the home page flow smoothly, we can put some preparatory work at this stage to complete. But the function is not unlimited plus, must ensure that the time is not too long, the user does not operate too much. Because, when the user clicks, there will be a period of peace of mind period, this time is we can use the time. But this time is not too long, must not let the user wait impatiently. Also do not let users in this period have too many operations export, operation Export too many may lead to user click, point to Point to go into the homepage, not worth the candle.

Guidelines for designing Guide and startup pages

We show in front of the first page has and only two purposes, 1, brand image publicity. 2, into the first page of data preparation. It is important to note that this time will not be too long, the image propaganda design to streamline in place, the preparation of the data must also be critical and have to, do not show too much at this stage do not waste too much time, after all, as soon as possible to let the user into the homepage to see the overall effect, this is our purpose.

This article is from "Rong Yi" blog, please be sure to keep this source http://rong1.blog.51cto.com/8605932/1881290

What happens before the app enters the home page