100 questions

My purpose is to take study notes, so many of them read articles and then extract fragments, and sometimes I analyze them myself, and 20% of them are my own ideas.

Business interests, user perspective, project perspective

The product manager considers the product direction, product function, online time and writes the requirement document.

The interaction designer turned it into a page, but did not participate in the previous requirements analysis. Interaction designers emphasize logic, detail, emotion, creativity, interface and so on.

At the initial stage, product managers should cooperate with designers and integrate their respective professional methods to complete demand analysis.

@ meowed _w, thanks for learning from you.

Wechat product problems

1. Pronunciation time is long: After sending the voice message, many users have the habit of listening to it again, or listening to it two or three times. On the one hand, it is to confirm whether the semantics they express are correct, and on the other hand, it is to wait for the other party to send voice. Both sides who talk to each other must listen to each other before they can continue to communicate. There is a period of silence in the middle. Voice conflicts with telephone chat.

2. Phonetics, which requires high environment and people. Whether it is a formal occasion, whether users are required to wear headphones, whether voice recognition is high, many users have local dialects, and the accuracy of WeChat voice-to-text is low.

Quick chat reply, which can be used to say hello here, reduces the user path, but I don't know the content of the last message of the other party, so the text can't be displayed completely. Because the message exists in the list, only one line will be displayed, and the redundant text will be omitted. So the efficiency is not that high.

What's the point of dealing with it later?

For office work, are the target users office workers? This is not like replying to a work email, which has many contents, complicated process and long solution time. Voice can also be converted into text. Under normal circumstances, the dialogue between the two sides should not be post-processed.

If someone asks me a question? I'm asked to do things? In other words, when the message has the nature of doing tasks, this "post-processing" has the function of "memo".

Desktop floating window shortcuts: default state and active state.

After stopping recording, send it to a friend. In front of the computer, Lao Luo can touch the screen with his hands and drag through multiple contacts. I didn't think it was necessary at the time. If we send messages in groups, it's only accidental, or we can just drag them into group chat.

Customize news labels and visit today's headlines and Tencent News. The content layout is similar, there is no difference.

The following is an analysis of minorities.

Wechat started as a simple social platform, and now it has become a huge ecological platform. What is the bullet SMS location? If Teacher Luo answers, the staff of Hammer answers, we just want to make a product with the highest user experience.

However, to survive, commercial value is the most important.

1. Target users, main functions, product features, usage scenarios, user objectives and function keywords.

2. To determine the product positioning, it is necessary to screen the requirements.

User survey, user feedback, competitive product analysis, product data (Analysys International, iResearch)

3. What is the priority of requirements?

Screening obviously unreasonable requirements, mining user goals, matching product positioning, considering project resources/defining priorities.

Analyze what problems this function solves for users. What needs have users met? What did the user achieve? What should we do based on this goal? For competing products, we should learn the essence of competing products.

4, listen to the user's online mind.

What users say is not necessarily what they think.

Users don't express their real needs.

This user is not your target user.

User opinions are not necessarily professional.

5. How to treat users' opinions?

1. Consider the target user.

2. According to the usage scenario.

3. Consider the real needs of users

4. Considering the product positioning.

5. Considering the project resources.

6. Designer VS Product Manager

1) commercial value and user demand

There are many changes in demand.

Too subjective.

Pay too much attention to detail

irresponsible

2) The product feels that the design does not know how to balance, and the form is greater than the function.

Limited positioning and narrow field of vision

There are many complaints and few construction opinions.

Principle 1: visible state principle

Principle 2: principle of environmental suitability

Principle 3: Undo the redo principle.

Principle 4: the principle of consistency

Principle 5: Error-proofing principle

Principle 6: The principle of easy access

Principle 7: Flexible and efficient principle

Principle 8: Easy scanning principle

Principle 9: Fault Tolerance Principle

Principle 10: the principle of humanized help

Answer one,

1. Extra large font typesetting

2. Abstract illustrations with gradients

3. Virtual reality

4. Monochrome design

5. Dynamic effects and interactions

6. sound

Now there are more and more dimensions involved in the UI interface, and sound is also an inseparable part of the UI interface. UI interaction itself involves many strategies to simulate the real world and give feedback to users, and sound is only the most common and effective one.

Answer two,

U point, the future design must be a full-stack designer, and it should be considered from the commercial value, product value and user value. UI is a design specification. Considering interaction, the mobile Internet should develop to the Internet of Things and actively learn more new knowledge. Design itself is a challenge …

User research methods: user interview and user observation.

Usability knowledge: What is available? For example, the button can be clicked. Is there any feedback on the user's operation? The design layout is not suitable, the buttons are too close, and it is easy to be delayed. The navigation is unclear, and the level is too deep to return quickly (for example, the official WeChat account of WeChat), but the user can't receive a reply from the merchant.

User thinking: Different users and designers have different product paths and operating habits. Users of subjective beauty care about ease of use and beauty. Pragmatism pays attention to simplicity and generosity. Different products have different positioning, so Android APP is customized.

Emotional design: Donald Norman, hospital colors, pediatrics, obstetrics, warm orange and pink. But serious technology companies and machinery use blue. I tried different theme colors and extracted logo in the mall, but at present, the main colors of JD.COM, Taobao, Tiantian Youxian, Suning and Gome are all red, which can stimulate users' desire to buy, and they are all human and visually attractive.

Common knowledge of web design: pc design, page layout, font 12px as the main, 14px as the first and second level, used in navigation. Fonts can be embedded in the front end, so I still use the flat side. Compared with the mobile terminal, the webpage is rich in content, and one page should solve the multi-step operation of the mobile terminal. Web button, rasterization, response.

Main navigation, auxiliary navigation and side navigation.

Visual information layout, using large color blocks, buttons, font highlighting, dividing lines, font size contrast waterfall layout, hierarchical page expansion, consistency.

Mobile phone design specifications: 20-36 even fonts.

Mobile Internet: Mobile Internet, fierce competition, product features.

1, first of all, as I said, maybe Tencent colleagues present here are familiar with this sentence first. This is the value that Tencent has been emphasizing, that is, everything is based on user value and user value comes first.

Kindness is more important than intelligence. Users are not fools, don't lie to them.

2. The second point I want to share today is that the value of WeChat platform is to make creation work.

3. I want to share with you a basic value of WeChat. We think that a good product is a disposable product, that is, I will leave after using it. Maybe this is not the first time you have heard this word.

4. Let commercialization exist invisibly.

1. Take the law for example.

2. Make a rough plan first, and learn from it if you are poor.

practise

4. Unity of knowing and doing

User demand and product demand-product positioning-competing product analysis-demand screening-information architecture-page layout-functional task flow and interaction details-visual design-test/drill

Contrast, intimacy, repetition and consistency

Proximity (proximity)

Similarity (similarity)

Close (close)

Continuity (continuity)

Simple (simple)

1. Similar

Similarity: If elements are similar to each other, they are often regarded as a group. This also means that if there are elements with the same function, meaning and hierarchical level, they should match visually.

Step 2 approach

When objects are close to each other, they tend to be perceived in the same organization by default. Specifically, the relative distance between objects will affect our perception of whether or with what rules they are organized together. Objects that are close to each other (relative to other objects) seem to belong to a group, while those that are far away are automatically classified outside the group.

3. Continuity

Vision tends to perceive continuous forms rather than scattered fragments.

Step 4 close

Vision will automatically try to close (or fill) the empty/incomplete figure, so as to perceive it as a complete object rather than a broken object.

6. Public relations? Gnanz (or simple rules)

Public relations? Gnanz is a German word meaning "simple". Human eyes like to look for simple and orderly objects in complex shapes. When we see complex objects in the design, our eyes are more willing to transform them into a single unified shape and try to remove irrelevant details from these shapes to simplify these objects. Having said that, I have to mention the golden sentence in the field of design:

1. fitz law/fitz law (fitz law)

2. Hick's Law (Hick's Law)

3. Magic number 7 2 rule

4. Proximity Law

5. Tesler's Law Tesler's Law (Law of Conservation of Complexity)

6. Shigeo Shingo: The principle of preventing mistakes.

7. Occam's razor principle (simple and effective principle)

1. beautify the value

2. Innovative value

3. Design drives value

User experience is about people, not technology, but how people understand and use products. Although the development of technology is changing with each passing day, the change of people themselves is very slow.

Visual designers often play the role of interaction designers.

Donald Norman, Emotional Design: Appearance Design, Interaction Design, Thinking Design.

Products should not only meet the usability and ease of use, but also bring pleasure to users. Emotional design is to endow cold products with emotion through design, and then establish a long-term and stable happy relationship with users through emotion.

Example: create emotional keywords, make sharp and comprehensive changes to the font, pay attention to the characters, cartoon images and colors of the font, as well as the cartoon image design of the start page, holiday greetings, illustration forms of the guide page and so on.

1. Graphic expression. In the past, when I was doing a free online activity of Chicken Quick Charge, I could share it with my friends after voting successfully. At first, I didn't send any gifts to my friends on the page. Finally, I optimized the page and added 5 yuan coupons and Iqiyi monthly members.

Concise and changeable, please read md and ios interface carefully.

Act unprofessional.

Act like a blind date, professional.

I hope that the projects I do have more users, instead of giving up halfway like this. Optimize products through user feedback. It's not a whim For example, in our current product iteration, is it necessary to join the help of pre-sales, bargaining and care? Do our users have this demand? The market also wants to add VR elements to the surrounding shops, and our merchants will not upload them at all. However, it is necessary for neighboring businesses to increase their store photo albums. Can display the photo album of the in-store environment, the photo album of the in-store menu and the photo album of the in-store beverage.

I like reading, so how much have you learned from reading?

Photography, seize the moment that moves you.

26. Why is the homepage of E-Shopping Mall so ugly? How do you communicate with the leaders?

First, another colleague and I provided many versions for the leaders to see, and finally selected my colleague's on the home page.

In product positioning, shopping malls are suitable for warm colors, bright colors, boldness and liveliness. This is my own version of the design icon xx, XX ... flag. ...

Suppose the designer only has visual design ability.

Most people engaged in the interface design of Internet products are from fine arts, and their understanding of business is weaker than performance requirements. Basically, they all make visual drafts based on the wireframe of product personnel, which can't promote the optimization of page structure at all. Then the finished product is still biased towards business needs. It's no problem to meet a comprehensive product manager. Meeting a business product manager can only make stupid things continue. For example, for some pages with low conversion rate and high bounce rate, the product manager will think that the atmosphere of the design draft is not enough and the buttons are not big enough. The real reason is that the visual draft made by the designer based on his wireframe is not enough in goal orientation and behavior call.

APP pages jump a lot, between square inches, information aggregation, strong focus.

Network content carries more.

With more steps on the 1. page, users' cognitive and learning pressure will naturally go up.

2. There are many jumps between pages, so users can't find where they are, and it takes a long time to reach their goals.

1. Reasonable layout of page information

2. Reasonable operation steps

Show up at the right time

4. Similar tasks and similar operations

5. Reasonable navigation design and website layout.

6. The final step for the user to complete the task is always linear.

5W2H

Run in small steps and iterate quickly.

Run in small steps and iterate quickly.

Burying points is to monitor users' behavior through technical means. Therefore, the more comprehensive the monitoring content, the better, but the team support ability needs to be considered comprehensively.

General buried point content:

1. Sociological attributes of basic users, such as age, gender, location, education, etc.

2. Users access records and expose PV and UV; Browse time.

3. User operation behavior, click PV and UV. Zoom multiple, exposure page length, etc.

Usage: Derive the measurement index with GSM and heart, and calculate it with buried data.

A method of measuring design quality. The common stages are as follows.

1. Inspire design in the early stage of design.

2. The design scheme is the basis and support of the design.

3. Evaluate the effect of pushing the landing.

4. Find the problem before the next iteration

What is the content of working in your company?

Thirty-three, search