Opening soul torture:
What kind of product do you think is a good product?
Does this question sound familiar? Have you ever been asked this during the interview?
Which of the products we often use are good products?
When we talk about an APP product, what are you most concerned about as a user?
Generally speaking, is this product easy to use? Are the functions complex?
Instead of this product, does the user interface color look good?
Are the interactive animations cool?
The Internet has penetrated into everyone's life and affects us all the time;
A good product will bring us convenience and make our life simple and beautiful ;
There are also some products that make us feel uncomfortable when using them. A bad product experience will make our lives complicated and troublesome.
Therefore, whether a product is easy to use and whether it can be used for a long time is directly determined by user experience.
User experience focuses on meeting user needs while giving users a good feeling.
Next, let’s talk about the “Nielsen Ten Principles”. These ten principles are specific and comprehensive user experience feasibility testing methods.
Who is Nelson?
Jakob Nielsen graduated from the Technical University of Denmark in Copenhagen with a PhD in human-computer interaction. He holds 79 U.S. patents, which mainly involve methods to make the Internet easier to use. Published the "Ten Usability Principles" on January 1, 1995. Since 1995, he has taught thousands of Web designers about Web usability through his Alertbox mailing list and useit.com website, although some of his opinions may be controversial, at least among Web designers. In his eyes, he is a top leader in the field of Web usability. In April 2006, he was admitted to the Human-Computer Interaction Institute of the American Computer Society and was awarded the Lifetime Achievement Award for Human-Computer Interaction Practice. He has also been called a "Guru of Web Usability" by The New York Times and a "King of Usability" by Internet Magazine.
Nielsen's ten usability principles, called "heuristics,"
are broad rules of thumb rather than specific usability guidelines.
Although it was proposed in 1995, it is still regarded as an introductory rule for interaction designers.
We cannot elevate it to a standard, but only regard it as a Learn from experience,
and then use it in conjunction with real-life designs.
Because Mr. Ni proposed the ten usability principles from web design,
What we want to combine is the characteristics of the current mobile Internet,
Then in "Nielsen Explore the goals achieved in user experience under the structure of "Ten Principles".
Nielsen’s top ten usability principles are:
01. The principle of status visibility?
02. The principle of environmental relevance?
03. The principle of undo and redo
04. The principle of consistency?
05. The principle of error prevention
06. The principle of easy access?
07. The principle of flexibility and efficiency?
08. The principle of easy scanning?
09. The principle of fault tolerance?
10. The principle of humanized help
< p> Let’s analyze each item individually~1? ·. Principle of status visibility?
The system should let users know what happened within an appropriate time Give appropriate feedback.
Don’t blind users; communication is the basis of all relationships, regardless of device.
Example: In Taobao, when I pulled down, it told me "Release to refresh", which means that the refresh has not started yet; after I released it, the status changed to "Refreshing", indicating that it is currently refreshing.
This kind of design tells us what the current status of the interface is and what it is doing now. We can see the corresponding text description during the entire function change process.
Other examples: Loading during pull-down refresh, loading completion prompt, collection success, payment success, actual payment failure and other prompts.
2 ·.? Principle of environmental appropriateness
Functions and services are close to the scenarios used by users and conform to the user experience in the current scenario.
Product functions and services should be close to the real world, making information more natural and logically easier for users to understand.
Example: When we buy things in the store, we often hear the voice "Alipay received: 5 yuan", which is a design that is close to the environment. Merchants need to confirm whether you have paid, but they are often busy with what they are doing and cannot check in time;
With the design of this function, even if the merchant is busy with what they are doing, they can still confirm that they have received your payment through sound. money.
Such a design is friendly and convenient for businesses and consumers.
3? ·. Undo and redo principle?
Understand and control the current page when using the product.
If the user mistakenly operates, it can be revoked at any time, and the user is free enough when using the product.
Example 1: When we use WeChat to chat with each other, when we write a lot of words and send them out, we find that there are errors. At this time, we can use the withdrawal function of WeChat. What is a better experience? There is a "re-edit" function next to the recall message, which allows the previously edited text to be returned to the dialog box for re-editing before sending. As shown below:
Example 2: Deletion and withdrawal of iOS system photos
4 ·.? Consistency principle
The same text, status, and buttons are all The same thing should be triggered, following common platform conventions. That is, the same terms, functions, and operations remain consistent. It mainly includes the following five aspects:
1. Structural consistency
Maintain a similar structure. New structural changes will make users think, and the ordering of rules can ease users' thinking. burden.
Example: Each module entry in WeChat has a unified "icon + text information" structural style, allowing users to quickly understand each module;
2. Consistent colors Sex
The main colors used in the product should be unified, rather than changing the page and changing the color.
Example: Taobao’s icon color and the main color of the interface are both orange, including some labels and emphasized text colors. In addition to the effective information of the picture, the entire interface is presented in gray, white, and orange colors, and the interface maintains good consistency;
3. Operational consistency
Can be used in When products are updated, users can still maintain their awareness of the original product and reduce users' learning costs.
Example: WeChat uses left slide-out interaction in both dialog boxes and address books, as shown below:
4. Feedback consistency
Users are When operating buttons or items, the feedback effect of clicking should be consistent.
Example: Clicking on each group in QQ will expand the list of members in the group;
5. Text consistency
Presented to users in the product Reading text size, style, color, layout, etc. should all be consistent.
Example: For example, the fonts of several key interfaces of WeChat: the content structure of the three main interfaces is different, but the title font and spacing of the list are the same, which makes the entire APP visually comfortable;
5. Principles of error prevention
What is better than error messages is to use design to prevent such problems from happening. Before the user's selection action occurs, it is necessary to prevent the user from making confusing or wrong choices.
1. Limit the scope and conditions of the operation;
Example: Before entering the verification code, the login button at the bottom is grayed out and cannot be clicked. Only when the verification code is completed, the login button at the bottom will be activated. will become clickable.
This is to prevent users from making more mistakes;
2. Double confirmation of risky operations;
Example: When deleting a friend, give the user a second pop-up window Take error-proofing measures.
6 ·. ?Principle of easy access
Reduce the user’s memory load and give users the information they need to obtain at the right time.
1. Provide users with functions such as history, attention, and collection;
Example: iQiyi provides users with viewing records and my collection to help users remember: < /p>
2. Choose instead of input to reduce the input cost as much as possible;
Example 1: The taxi-hailing software automatically obtains the current location;
Example 2: iOS system receives After the verification code is automatically brought to the keyboard, click to enter directly;
7 ·. ?Flexible and efficient principle
For new users, the functions need to be clear and clear, and for old users Use high-frequency functions quickly and efficiently. Do not allow unnecessary information to occupy an important part for a certain type of user. Mainly reflected in 3 aspects:
1. The display position of customized functions or modules;
Example: The application of Alipay homepage can be customized according to your own preferences, including defining commonly used Apply, sort, delete, add, etc. In this way, users can customize their own suitable application distribution method according to their personal interests. This is called user-customized common functions, as shown below:
2.? Automatically summarize "commonly used" to improve usage efficiency;
p>
Example: There will be a "recently used" module in the emoticon pop-up window of the WeChat chat interface, which categorizes the emoticons that are used most frequently or most frequently by individuals. When users use it, they can quickly find their favorite or commonly used expressions, which improves the efficiency of chatting; including every order in Ele.me’s “My Orders”, they can place an order again with one click. As shown below:
3. Shorten the operation path and improve usage efficiency and experience;
Example: In the WeChat dialog box, when you click "+" to bring up the following operation options When the APP is pressed, the screenshot or photo taken will pop up by default, allowing the user to retrieve it directly. There will also be a shortcut operation list that will appear after long pressing on the APP, as shown below:
8·. ?Easy Scan Principle
Literal translation: Aesthetic and minimalist design; the page should not contain irrelevant or rarely needed information, every additional information on the page reduces the relative visibility of the main content.
Example: The information appearing in the list below is the information that users are more concerned about, such as delivery fees, delivery time, distance, etc.; Ctrip’s ticket selection interface highlights the most important time and ticket price. Let users see it at a glance, as shown in the figure:
?9?·.?Fault Tolerance Principle
Literal translation: Help users identify, diagnose and recover from errors; we try to prevent users from Errors, but when something goes wrong, we should try to assuage the user’s frustration.
Replace "404" with pictures and text to clearly tell users what is wrong and the solution.
Example: Refresh prompt when the interface fails to load, and mobile phone number verification when logging in. If the mobile phone format is wrong, it will prompt the user that the mobile phone format is incorrect and the correct format.
?10?·.?Humanized help
The best way to provide helpful prompts is:
1. No prompts required: very simple and easy to understand, users You can know how to operate just by looking at the interface, no prompts are needed;
2. One-time prompt: Users only need to be prompted once to understand how to use it;
Example: Common new function guidance and guidance? etc., example:
3. Permanent prompts: ? More important tips, used to guide or help users;
Example: When transferring money via Alipay, the security confirmation is always at the top Tips, as well as service fee tips when transferring money, as shown in the picture:
4. Help documentation: For a slightly more complex software, although it should be as simple as possible, help documentation is necessary;
Example: "Help and Feedback" in the WeChat settings interface, and the "Feedback for Help" that pops up when transferring money via Alipay, and the FAQ interface after clicking in;
The above is my opinion of Jakob Nielsen (Jacob Nielsen)’s understanding and examples of the ten principles of interaction design, I hope it will be helpful to everyone. If you are also interested in these aspects or have any thoughts after reading it, you are welcome to discuss it together.