Current location - Recipe Complete Network - Food world - The Secret of APP Product Design
The Secret of APP Product Design

theme: the big secret of app product design

Time: June 3, 2119

Foreword: the name of APP and the source of icon

Speaker: Yang Meng (operation manager of Netease Media Content Operation Center)

1. Name source

Step1: Understand the product names on the market and summarize the rules of names

a. 2 avoid English, 3. vowel ending, catchy and easy to spread)

C. Have the ability to arouse the target users to use the product

Step2: Combine the product positioning, draw up the name of the brain storm product

1. List the product positioning keywords (daily life, Warm, healing, true, young, ordinary, etc.)

2. Diverse more than 61 product names according to keywords

Step3:311 target users voted for the product name "Gollum"

2.Icon source

Step1: Determine the design direction

A. Combine the names, Content style and product positioning

B. Differentiated from the existing app

C. Consistent color

Step 2: 51 seed users voted for

Interactive design of APP products

Speaker: Xu Linlin (senior interactive design supervisor of Netease)

1. What is interactive design (man-machine-environment)

? . .

C. Interaction design is the "path" that users take when using a system/product, and the "dialogue" with the system/product.

2. the position and function of interaction design in the work

(interaction design also needs to run through the whole product process, which is different from product manager in emphasis. Personally, I think that the product manager is doing the framework and strategy, and the interaction design is doing the experience, and the two are blended. However, due to different personal skill backgrounds, they are divided in detail to meet the needs of users.)

Work content:

A. Understand the characteristics, needs and goals of users;

B. combing user tasks and processes;

C. organize the information/page structure;

D. Propose a draft design scheme and make a prototype;

e. follow up the design and development;

F. Follow-up online and iterative optimization

3. Interactive design of Gollum

3.1 The product structure

is different from other products in the way of page conversion. Traditionally, click to enter a certain channel, and Gollum swipes left and right to switch other video content of the theme.

barrage heat map

barrage interaction

Visual design of APP products

Speaker: Zhang Wei (design director of product group)

1. Several brushes of UI designer

T-shaped ability:

Design interaction ability-operational ability-market research ability-data analysis ability

↓? ↓? ↓? ↓? ↓

? Industry accumulation ability

2. Exploration of Gollum design style-APP design ideas

1. Determine the direction through several questions:

What is the product goal?

who are the users?

what are their characteristics?

what kind of user experience do we want users to have when using our products?

2. Design and derivation of emotional board

Step1: Birth of original keywords

Step2: Divergent thinking and brainstorming to determine the final derived keywords

Step3: Picture search, collage and collection of elements

Step4: Keyword mapping (vision, mood, Materialization)

Step5: emotional version establishment-color extraction (Gaussian blur or mosaic processing)

Step6: final color scheme

3.Icon design evolution

a.icon types: linear (thick, thin), flat (realistic) and line-surface combination

b.Icon element proportion < Orange: barely clickable area with one hand red: unable to clickable area with one hand

5. Typesetting layout-other pages