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