What are the APP pages in UI design? APP page sharing that must be known in UI design

As UI designers, we need to understand what main pages an APP mainly consists of, and the functions and characteristics of each page. Only by understanding the APP page can we rationally design the UI and create a satisfactory UI design work! Speaking of which, many novice UI designers may not know what APP pages are, so this issue mainly shares with you the APP pages in UI design. These UI design APP pages must be known ~ In addition, if you want to learn in depth UI design, you must take the UI design course ~ APP pages you need to know about UI design

1. Start page (launchscreen)

Note: required when starting the program A certain response time, during which the screen is idle. In order to let the user know that the program has been started, there is only one loading process, and also to relieve the user's anxiety, so pictures/videos are used instead, and the startup page is generated. .

Guidance page type:

1. Brand promotion: brand name + logo + slogan tells users the positioning of the product in one sentence. A brand effect is formed subtly.

2. Commercial promotion type: advertising for merchants and benefiting from it.

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

2. Onboarding screen

Definition: Before users use the product, tell them the main features and characteristics of the product to establish a first impression (first impression) Good or bad will greatly affect the subsequent product use experience) and guide users to use the product.

Startup type:

1. Function introduction: It mainly displays the main functions of the product and allows users to have a general understanding of the main functions of the product.

Presentation form: illustrations/photos + text (big title: overview of main functions; subtitle: detailed description of its functional modules/further supplementary explanation)

2. Promotional type: except The function introduction of the APP also hopes to convey the attitude of the product and allow users to understand the emotion of the product, so as to promote the corresponding product.

Presentation method: illustration + text, picture + text.

3. Instructions for use: If users encounter difficulties when using the product, they will be notified or provided with guidance in advance in case of unclear operation, misunderstanding, misreading, etc. Typically used for new pages that users open for the first time.

Presentation method: hand-drawn style, using pointed tips, wireframes, text and other forms of expression.

3. Splashscreen/open page (splashscreen)

Definition: The screen screen is also called the startup advertisement. It is the screen after the user opens the APP for the second time after opening the web page. The advertising page is mainly used for event promotions, commercial advertisements, etc.

Screen page type:

Advertiser type: In order to monetize products through traffic, some merchants are advertised in this area.

Business promotion type: Plan some marketing activities in the business process, and this area serves as the entrance to the activities; highlight user points of interest and create an event atmosphere.

Holiday care type: Create a humanistic atmosphere through holidays and bring emotional experience to users to enhance the brand tone.

4. Home page (family page)

Definition: The home page is the entrance to each function and displays the product structure. The most important thing for the front page is to clearly display the core features of the product.

Homepage features:

1. Show the core functions of the product.

2. Determine the tone of the product style.

3. Display the functional structure of the product to facilitate users to quickly enter.

4. Display the company’s brand image and establish users’ awareness of the brand.

5. Personal center (Personalcenter)

The personal center is mainly a collection of various functions and various data related to the user. As the scale of products becomes larger and larger, the complexity of personal-centered information is also increasing, and more and more products carry 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 Operations (Setup)

3. Core Functions (King Kong District)

4. Main Promotion (Business)

5. Complete functions (suggestions and other functions)

6. Suggestions (advertising/business)

The above five pages are necessary for our UI designers when designing UI Understand and design well. If you don’t know the importance of these pages, you should have a rough understanding through this article~