Instant victory-rule of expressing information on the activity Topic Page

Various marketing activities such as yunxing emerged on holidays. How can you stand out in the design of your campaign pages and hold the user's footsteps in the shortest time. Next, let's take a look at the activity Page Information Display rules to help your activity page improve instant lethality.

　1. highlight important information

● The important information on the activity page is: the title of the activity (to let users know what the activity is), the award setting (to get involved), and the entrance to participation (to enter the task process channel ), participation rules (how to participate in the activity), validity period of the activity, ranking or winning information.

● The title of the activity (including the verb) and the validity period of the activity. The awards and participation portals must be included in the security area on the first screen, and the activity rules can be partially included in the security area.

　　

 

● The text information of the activity uses the inverted pyramid structure. The summative information is placed at the top, and the Importance decreases sequentially. Allows users to view the overview of the activity at least in time when browsing the website.

　　

 

　　2. Smooth task operation process

● Before you start a task, if the task process needs to be presented step by step, a graphical process diagram is required to give you an overall understanding of the operation steps of the task.

　　

 

● In a task, if you use the dialog box to carry the steps of the task process, you need to provide the "previous step, next step" Boot mechanism.

　　

 

● When you complete the task, if you have exceeded the activity page, you need to design an interaction mechanism to return to the activity page:

A) after the activity is completed, the system automatically jumps back to the activity page.

Advantage: You can automatically Jump back

Disadvantage: when the activity completion page carries other functions, the system cannot automatically jump back.

B) The activity completion page provides a link to the returned activity page.

Advantage: after the activity is completed, the system cannot automatically jump back.

Disadvantage: You need to manually trigger the return link.

C) Open the modal dialog box on the activity page.

Advantage: Close the dialog box to return.

Disadvantage: the dialog box is not suitable for users who need to carry a large amount of information and functions.

D) The activity page is retained and the new page jumps out.

Advantage: low technical implementation cost.

Disadvantage: when there are too many regional tasks, there will be more user windows after a series of operations.

　　

 

　3. respond to user operations in a timely manner

● When the number of times of participating in the activity and obtaining the prize is limited, a prompt is displayed by default, and the qualification status needs to be refreshed immediately after the task is completed.

● The user needs operation result feedback in the task process. common situations requiring feedback:

A) obtain reward feedback after completing the operation

B) feedback on successful or failed operations

C) Operation error feedback

　　4. correct use of visual language to convey Interface Information

● Buttons can be correctly perceived, eye-catching, highlighted, and displayed. Highlight, gradient, shadow, rounded corner, and stroke are used to enhance perception.

● Visual level of the page: highlight> gradient> projection> Solid color> stroke

　　

 

● The content layer and background layer are clearly defined, so it does not interfere with the reading of the main page to avoid overwhelming competition.

● Do not imitate the controls of the system and the official QQ client.

● An icon has an interactive action and cannot be used as a decoration element.

Source: http://isux.tencent.com