What APP pages are there in the UI design? UI designers must know the APP page sharing.

As UI designers, we need to know which main pages an APP consists of, and the functions and characteristics of each page. Only by understanding the page of the APP can we rationalize the UI design and make a satisfactory UI design! Having said that, many novice UI designers may not know what the APP page is, so this issue mainly shares the APP page in UI design for you. These UI design APP pages must be known ~ In addition, if you want to study UI design in depth, you must take a UI design course ~

APP page 1 that UI design must know. Boot screen

Note: it takes a certain reaction time for the program to start, during which the screen is empty. In order to let the user know that the program has been started, there is only one loading process, and to alleviate the anxiety of the user, the startup page is generated by replacing it with pictures/videos.

Startup page type:

1. Brand promotion: brand name +logo+slogan tells users the positioning of products in one sentence. It has formed a brand effect in a subtle way.

2. Commercial promotion: advertising for enterprises and benefiting from it.

3. Personalization type: Set different styles according to specific dates, festivals and solar terms.

Second, the guide page (onboardingscreen)

Definition: before users use the product, tell them the main functions and characteristics of the product, establish a first impression (the quality of the first impression will greatly affect the subsequent product experience), and guide users to use the product.

Startup type:

1. Function introduction: It mainly shows the main functions of the product, so that users can have a general understanding of the main functions of the product.

Exhibition form: illustration/photo+text (title: overview of main functions; Subtitle: Describe its functional modules in detail/further supplement)

2. Promotion type: In addition to the function introduction of the APP, we also hope to convey the attitude of the product and let users know the emotion of the product, so as to promote the corresponding product.

Display mode: illustration+text, picture+text.

3. Instructions for use: When users encounter difficulties in using the product, they will inform or guide them in advance in case of unclear operation, misreading, misreading, etc. Usually used for new pages that users open for the first time.

Presentation: Hand-painted style, using pointy, wireframe, text and other forms of expression.

Three, splash screen/open the page (splash screen)

Definition: Screen screen, also known as launch advertisement, is the screen after the user opens the APP for the second time after opening the webpage. Advertising pages are mainly used for event promotion, commercial advertisements, etc.

Screen page type:

Advertiser type: In order to realize products through traffic, this area advertises some businesses.

Business promotion: planning some marketing activities in the process of business operation, taking this office as the entrance; Highlight users' interests and create an activity atmosphere.

Holiday care: create a humanistic atmosphere through holidays, bring users emotional experience and enhance brand tonality.

Fourth, the home page.

Definition: The home page is the entrance of each function, showing the product architecture. The most important thing on the home page is to clearly show the core functions of the product.

Home page function:

1. Show the core functions of the product.

2. Determine the tone of the product style.

3. Show the functional structure of the product, which is convenient for users to enter quickly.

4. Show the brand image of the enterprise, and establish users' awareness of the brand.

Verb (abbreviation for verb) personal center

Personal center is mainly a collection entrance of various functions, and also a variety of data related to users. With the increasing scale of products, the complexity of personal-centered information is getting higher and higher, and more and more products have personal-centered functions and complex structures.

The personal center of most products can be summarized into the following six main information modules:

1. Personal information.

2. Global Operation (Settings)

3. Core functions (King Kong area)

4. Mainly promote (business)

5. Complete functions (suggestions and other functions)

6. Suggestions (advertising/business)

The above five pages are what we UI designers must understand and design when designing UI. If you don't know the importance of these pages, then get a general idea through this article ~