editor's introduction: In addition to having excellent functions, a good product also needs to make users feel comfortable when using it and improve the user experience. And these are often reflected in the small details of product design. Many times, we like a product, but we can’t tell what impresses us. In fact, what we ignore are the small details that can enhance the product experience.
In UI/UE design, how we effectively convey vital information to users is the responsibility of the design itself. But in the presentation of most information, we can surprise users in terms of detail processing, make users like it and complete the final conversion, and improve the readability and accessibility of the product through design means. The difference between junior and senior designers is not in the overall layout. It is usually reflected in the details of the product. A good product can be completely renewed through the processing of details while the content remains unchanged.
091 " iFlytek input method " dual input method - improve product ease of use
1. Product experience
In the keyboard typing input state of iFlytek input method, handwriting input can also be used at the same time, which is convenient for users to switch input needs. Eliminate manual work.
2. Design thinking
In the mobile communication devices we use, the input method cannot avoid a software. Whether it is built-in or downloaded by yourself, it can be used at any time. I wonder if you have ever encountered this situation. You suddenly forget pinyin when typing, or suddenly can't write when handwriting. When encountering this kind of stuck situation, you can only frequently change the input method in the keyboard settings, which is really troublesome. The
iFlytek input method takes into account the possible need for handwriting input when the user is typing, and adds the possibility of handwriting input within the controllable range of the keyboard, making it convenient for users to change scene needs in the shortest time without cost. The goal can be achieved without redundant operations, and the operating procedures and paths are simplified, reducing the difficulty of using the product and increasing ease of use.
092 "Baidu Map" 3D Earth - an online version of the world country introduction knowledge base
1. Product experience
Open the 3D Earth mode in Baidu Map's Personal Center - More Functions, and you can drag to rotate or zoom in and out to view the geographical location of the country. Clicking on the name of a country will prompt you for the country's entry and exit restrictions under the current epidemic environment, and you can also view the country's basic information.
2. Design thinking
When it comes to map software, our first reaction is navigation. We look at the various buildings, roads and other street view marks on the map, and follow the guidance to reach the destination. In fact, in addition to traditional street maps, there are also satellite maps, three-dimensional maps, etc., and the industry is also constantly developing in the 3D direction, gradually extending to high-tech aspects, and presenting them to users in a stunning way.
Baidu Map itself provides many types such as normal mode, earth mode, three-dimensional mode, subway mode, etc. In order to cater to the public, the normal mode is directly presented to users. Another little-known function is the "3D Earth". Users can view the geographical location of various countries by rotating or zooming in and out. Since the earth is originally round, it is more intuitive to display the global view in a spherical shape. Click on the name of the country, and the weather, number of visitors, and entry and exit information during the epidemic will pop up. Clear prompts will be given on whether to quarantine or ban entry, so that users can reasonably arrange their entry and exit time. They can also understand the basic information of the country by viewing the details (using their powerful Baidu Encyclopedia), popularizing national geographic knowledge to users.
On the surface, 3D Earth does not have practical functions, but from another perspective, why not regard it as an online version of the national knowledge library? At the same time, the 3D Earth mode also provides a lunar perspective. Enter the lunar preview mode from the upper left corner (the operation method is the same). I was excited when I first saw the marked "Chang'e 5 landing site"... in a cool way. The "Earth" and "Moon" are presented to users in an interesting way, which to a large extent satisfies the "novelty" psychology of users who like to explore.
093 "Tencent Video" ingeniously implants video advertisements
1. Product experience
When any video category column on Tencent Video's homepage is pulled down to refresh, the system uses the space and time difference of the pull-down extension to place corresponding advertisements to varying degrees. After the refresh is complete, it will be restored to its original state.
2. Design thinking
Some people say that there used to be companies that refused to insert advertisements for the sake of user experience, and only relied on open and transparent value-added services to make money. Later, they "starved to death." In fact, compared with user experience, how to monetize traffic so that the company can gain revenue and maintain normal operations is more important. Therefore, embedded advertising has become a source of income for many products (provided that you have a large number of users). Most users are aware of the and Tencent family of applications. You can list many of them with just a few clicks. Their advertisement placement can be described as scary, perverted, etc. Maybe everyone will be very disgusted with the advertisements, but from the perspective of the product From a design perspective, even if you design a product that is criticized by users but has to be used, it is undoubtedly a success. "King Pesticide, Eat Chicken" is the best example.
Tencent Video’s advertising is so pervasive that even gaps like pull-down refresh are not immune. The first impression given to most users by pull-down refresh is to pull down the page and then wait for the refresh interaction process to be completed. However, Tencent Video is very clever in inserting advertisements into the extended space and time difference of the pull-down. It allows users to pass the page when they need to wait. Advertisements can be used to relieve the anxiety while waiting. If a user is interested in a certain video advertisement, clicking on it will jump to the corresponding page, prompting the user to achieve the purpose of attracting advertising traffic. In addition, the placement of advertisements here does not take up space resources on the page, nor does it affect the user's experience of using the product. Compared with other positions, the user's acceptance is higher, quietly attracting a wave of user vision.
094 " Sogou input method " numeric keyboard - a calculator on your fingertips
1. Product experience
Open the numeric keyboard of Sogou input method. It is not just for numeric entry, but also a calculator that can perform regular addition, subtraction, multiplication and division. Percent calculation.
2. Design thinking
"The elderly at home sent me a WeChat message and asked for help to calculate how much it will cost. You can open the calculator and calculate it based on my information. I will have the trouble of exchanging it myself." What was your first reaction when you saw this message? If you look for the calculator on your phone, it can only mean that you are really out. We may need to calculate when typing. Of course, simple calculations can be done orally, but slightly complicated additions, subtractions, multiplications and divisions require the use of a calculator. Wouldn’t it be too troublesome to open the calculator on your phone every time?
Sogou In addition to typing, the input method also has a numeric keyboard It is a calculator. You only need to input the corresponding data and the results can be calculated through simple addition, subtraction, multiplication and division. It is very convenient for performing regular data calculations during online communication. When others are still looking for a calculator, you have already calculated it. The results are obtained without borrowing other calculation tools, which not only saves time but also improves efficiency.
095 "QQ" split-screen viewing - improve efficiency in mobile work scenarios
1. Product experience
When QQ friends send us Word, PDF and other files, after opening the dialog box, you can open the split screen through the function menu expanded in the upper right corner Screen viewing allows you to communicate and read files at the same time. It also supports adjusting dividing lines, full-screen viewing and one-click closing.
2. Design thinking
When WeChat was not as powerful and popular as it is now, QQ was a major way for us to communicate daily and work. Especially in the work group, a file will be sent from time to time, and you have to read and communicate according to the content of the file. If you are not next to the computer and use your mobile phone to preview, you need to switch back and forth between the dialog box and the document. In addition to being convenient, it is also easy to break.The popularity of WeChat has brought us great convenience in communication. However, due to the large number of users switching from QQ to WeChat and the huge amount of information in WeChat groups, important work documents are often pushed away by the massive amount of chat messages. Collecting or searching historical records has become the only way to retrieve them, which is very inconvenient. On the other hand, the QQ group that no one cares about all day has become a good place to store files.
In order to meet the needs of users to chat while viewing files at the same time, QQ has added a split-screen file viewing function. When targeting text, PPT, table or PDF files in the dialog box, after opening, select "Split Screen View" from the menu extended by the entrance in the upper right corner, and drag the dividing line at the bottom of the split screen to adjust the size of the split screen window. size, and supports full-screen viewing and one-click closing. Split-screen viewing allows you to browse file content and chat with your friend at the same time, especially in a mobile office environment, which facilitates communication and timely feedback, and effectively avoids the conventional repeated switching and time-wasting defects in the past. In addition to saving users time and cost, it is also very convenient. It also improves communication efficiency to a great extent.
096 "WeChat" computer-side locking function to prevent message leakage
1. Product experience
In our work, after logging into WeChat on the computer and leaving due to an emergency, forgetting to lock the screen and worrying about the leakage of chat information, we can set up the computer-side locking function through the mobile phone settings It is locked when you are logged in and can be unlocked when you return to your seat.
2. Design thinking
People have three urgent needs. When you are working, your stomach suddenly makes an "unusual noise". In a hurry, you go straight to the bathroom without locking the computer screen. After a "violent storm"..., suddenly I remembered that I didn’t even have time to minimize the WeChat window that I was “flirting with”. In desperation, I quit WeChat on the computer. But is this necessary?
In fact, it is very common for us to leave work due to special circumstances and forget to lock the computer screen. We can also prevent information leakage by locking WeChat on the computer. It is possible to log out of WeChat, but compared to unlocking it after locking it, the operation efficiency is obvious, and logging in again requires more operations and time-consuming. Many times, for the experience of the operation process, without affecting the use of the function, each reduction of one step can reduce the burden of some users. For some functions, the time saved by the reduction of steps may be less than one second, but users The experience has been significantly improved, as is the case with WeChat's lock and exit operations.
097 "NetEase Cloud Music" behavior prediction - a refresh operation that is completely opposite to the conventional one
1. Product experience
After NetEase Cloud Music slides up to the bottom, continuing to slide up will provide the user with a screen of new content in the form of refresh, which is the same as the top Pull down to refresh is the same.
2. Design thinking
The word refresh, from computers to mobile phones, we are in contact with it almost every moment. The most common manual trigger is the pull-down refresh at the top. After sliding to the bottom according to the page content, you will see the interception line and prompts. At this time, you can either go back to the top and refresh again, or enter other pages to obtain information.
In addition to the regular pull-down refresh at the top of NetEase Cloud Music, when the page slides to the bottom (end), it can still be refreshed by sliding up. This operation is based on behavioral prediction by the system. When the user reaches the bottom of the page, it can be understood that the page does not have content that meets the needs. If the user continues to slide up, it means that the user is not satisfied with the status quo and wants to obtain more content. , so the system generates a refresh behavior under reasonable requests, and then provides the user with a brand new page. Although this refresh behavior is the same as the regular top refresh, it avoids the time difference when the user returns to the top to perform the refresh operation. By predicting user behavior in advance, the user's needs are met more quickly.
098 " Alipay " quick entry - Make the payment process more efficient
1. Product experience
From Alipay My - Settings - Function Management - Shortcut Settings, you can add the scan entry to the mobile phone desktop for easy opening at any time Scan or pay.
2. Design thinking
Alipay has gradually become a way of our lives. Its scope of use goes beyond online shopping and covers all aspects of life. Alipay payment is an important pillar of the product itself, and WeChat payment each dominates half of the world. They have also accumulated a large number of loyal users. If you are not playing mini games or managing money, the most common operation is to scan. The product team is also constantly researching more convenient ways to use it.
In the settings of Alipay, you can add the scan function directly to the desktop, which makes the operation more convenient. The scan code payment function makes the operation frequency very high. You can open it directly on the desktop and skip the previous steps. The loading process and time-consuming process from the startup page to the homepage are placed on the desktop and within easy reach. Simplifying the operation path makes the payment process more efficient, reducing the difficulty of product operation and giving users a more pleasant payment experience.
099 "Daily Fresh" has just the right link between categories
1. Product experience
In the category product list of Daily Fresh, when you slide up to the last product in the current category, a "pull up to the next category" will appear. Tip: inform users in advance to be mentally prepared for category switching.
2. Design thinking
We have encountered this situation when using , Ele.me, or Meituan Takeaway. After entering the store and selecting the category you want, you swipe at the product list, but suddenly I found that the selected category was clearly stir-fried, but all the items displayed in the list were soups. I felt like the store had mistaken the type? After a brief period of confusion, I realized that I had already passed the originally chosen category and entered the next category. This is just a consistent preview designed by the platform to reduce user operations. It doesn’t matter if you are confused or not, that’s how I designed it anyway. Although most users have accepted this approach, from a product perspective, if the user directly changes the category without any precautions, although the preview will not be interrupted, the more choices there are, the longer the user's decision-making time will be. It’s long, and it’s likely to be a type that foodies don’t like, which directly causes users to give up their choices and lowers conversions.
Daily Fresh provides clear category change reminders at the top and bottom links of different types of products. While not interrupting users' browsing, it also uses prompt information to inform users in advance of possible content changes that may result from continued operations. Users can make decisions based on the prompts. If you want to continue with the next operation, if there is no need to change the category, you can scroll down and review it to avoid unnecessary content that interferes with the user's psychological expectations, consumes the user's energy and leads to loss.
100 "WeChat Reading" integrates the realism of reading paper books
1. Product experience
①. In the WeChat Reading content page, press and hold to select the paragraph or sentence we like and mark it, so that we can review it in the future;
②, right? Underline the content you understand and write your own thoughts. Other readers can evaluate the underlined content to promote mutual communication.
2. Design thinking
Live and learn forever. Whether it is reading offline (paper books) or online (e-books), systematic learning or the absorption of scattered knowledge, reading is always a timeless activity. a way of learning. “Some readers believe that online reading is not as effective as offline reading, that the energy is not focused enough, is more casual, and may be interfered by social networking or short video applications at any time, and the absorption rate is extremely low; other readers hold different views , believe that online reading is extremely convenient, can be carried with a mobile phone and read at any time regardless of the scene, and it can also save economic costs." These views directly caused polarization. In fact, there is no real good or bad. The existence is reasonable. The most important thing is to choose your favorite and suitable reading method. There is no need to comment on the right or wrong of other methods. The way of reading books online has been gradually evolving according to the psychological needs of users. It can be seen from the page turning effect, bookmarks and other styles that they all simulate the most conventional and common offline style effects.
When using WeChat to read, you can underline and mark the content you are interested in, similar to underlining when reading paper books. You can review and take notes at any time. The same is true online; you do not understand a certain content or have unique feelings about it. When you have ideas, you can optionally comment to facilitate other readers to communicate with each other on the underlined (dotted lines) content. This underlining method not only brings convenience and later understanding for users to read books online, but also promotes mutual communication and interaction among readers. It is a unique attribute that is difficult to achieve when reading offline. Secondly, the underlining method imitates readers’ lines. The most routine and common behavior of reading books offline makes reading online more realistic.
101 " Youdao Cloud Notes " new mimicry style - do you remember it?
1. Product experience
While the new mimicry style is gradually fading out of everyone’s sight, Youdao Cloud Notes continues to use it. Some pages and buttons use the “raised effect” and “concave effect” styles to bring a familiar interface. Here comes a new feeling.
2. Design thinking
Since 2000, there has been a lot of controversy in flat design, so that it was not accepted by users. It was only gradually accepted in 2010. The most representative one is the mobile interface design of Windows Phone7. So much so that the release of iOS7 in 2013 was recognized by the majority of users and formed the basis of a friendly user interface. New mimicry first spread from the "dribbble" website, the birthplace of airplane drafts. It was very popular especially in 2020, but there are very few actual implementations. Now it has gradually cooled down.
Youdao Cloud Notes APP has regained the new mimicry style. The sections and icons of some pages use more obvious convex and concave effects. Although the new mimicry style is less than 40% intrusive to all pages, at this time Sometimes there is a nondescript feeling, but put aside the visual effects of the page and think from a design perspective. We don’t have to learn every design style, but we must understand it, be able to make it, and know the behind-the-scenes principles and advantages/disadvantages. The great wheel of the times is driving technological change, but it will not necessarily leave behind things that were once inconspicuous. They may one day come back with another identity. It took more than ten years for flattening to rise, but will new mimicry definitely disappear?
(PS: The new mimicry style is not as useless as imagined. You need to use the right products, such as small games, tools and other applications, which are worth a try)
102 " Zhihu " blocks/collapses low-quality answers - improves accuracy
1. Product experience
When searching for questions and viewing answers on Zhihu, the PC side automatically folds and hides answers that are of little help to users, and the APP directly blocks useless answers.
2. Design thinking
If you have questions, go to Baidu. This sentence seems correct. For popular questions, Baidu can fully satisfy questions that have a high degree of similarity in answers and are more popular. However, the answers to questions have higher requirements and require professional time. , it was difficult for Baidu, the "muddy pool", to meet the needs of users, so I went to Zhihu.
In order to meet user needs more accurately and efficiently, Zhihu has partially controlled the answers to questions. The PC side automatically folds useless answers, and the APP mobile side directly blocks "slobbery" answers. This processing method can avoid the direct appearance of inappropriate answers and content that violates regulations, reduce users' "inefficient" browsing time, and reduce the risk of being misled by wrong answers. probability, while improving the quality of platform content and increasing user recognition to increase loyalty to the platform.
103 The hidden story behind the "Alipay" search for "Ai Ni" being blocked
1. Product experience
Open the Alipay search box and search for "Ai Ni", and it will jump to a warmer screen, matching a song related to love or broken love. The song will play automatically, and the corresponding copy will appear one after another in the form of a conversation. The song can also be shared with others.
2. Design thinking
Alipay has not only changed the way we pay, but also includes food, clothing, housing, transportation, etc., but what impressed me the most is payment and financial management.In fact, there are many functions that bring us spiritual satisfaction. For example, Ant Forest/Manor promotes the development of public welfare in the form of games and brings you a sense of glory. In addition, there are many easter eggs that users do not know. Just like the "Are you here" that was inexplicably hit the screen some time ago, what is the meaning of it?
On the eve of Valentine's Day, Alipay and Pocket Ringtone launched a new gameplay. By searching "Are you here", you can jump to the love song page pushed by Pocket Ringtone. The songs searched by different users and at different times are also different, and can also be generated into Share romantic letters to the one in your heart, listen to them in an emotional way or share a love song to warm your heart. Maybe: Sometimes you want to talk to someone but don’t know what to say. Using singing to represent your heart may be the best answer. In addition, Alipay's use of this emotionally interactive communication method does not rule out the possibility of planting seeds in the social field that has not been very successful before.
104 " Taobao " search - any keyword will have the results you want
1. Product experience
When the keyword entered in the Taobao search is unclear or wrong, the system will automatically correct the keywords that match more closely for the user to choose. search and present similar products to users.
2. Design thinking
Search is a super traffic entrance for e-commerce platforms. First of all, regardless of whether the keywords or actions entered by the user are right or wrong, it is necessary to predict the user's search intention and make flexible changes. It would be frustrating if the user's needs cannot be met simply because the description is unclear.
When using Taobao to search for products, when the keywords are unclear or have typos and the system cannot identify and match the corresponding products, it will push products that are closer to the keywords, modify them according to the meaning of the words, and provide multiple sets of keywords. Users search again to avoid the loss of users due to inability to match the corresponding search results and the inability to meet user needs. User needs and behaviors are usually fickle, and similar products provided are likely to interest users, thereby generating new needs and bringing about new conversions.
105 "True Happiness" returns to the top and is at your fingertips - suitable for all ages
1. Product experience
Go to the homepage of True Happiness (formerly Gome). When the page slides to 1.5 screen, the operation entrance to return to the top will appear in the lower right corner. Click Go right back to the top.
2. Design thinking
Go back to the top. Even if you have never heard of this operation, you must have used it. When the page slides up more than one screen, no matter how far away it is, you pull your finger sharply down on the screen, and the page looks like " It’s been a roller coaster ride back to the top. In order to improve the user experience, various applications have successively provided hidden interactive entrances back to the top, but they are diverse and the operation methods are not uniform, which makes it more difficult to find this entrance. For example, if you click on the bottom tab bar icon, With double-clicking, iOS directly places the return to top operation entry in the system status bar. Regardless of the interaction method, it is prepared for people who frequently use mobile applications (professional users).
When entering the True Happy APP, after sliding the page to 1.5 screens, a return to the top entrance will be provided in the lower right corner of the page, which is within easy reach. Although the conventional hidden interactive entrance can solve the needs of some users, and a new entrance in the lower right corner It may also cause visual interference to the user, however, Considering that what we are dealing with is the experience of all old, young and new users, the advantages must outweigh the disadvantages. This small flaw will not cause much impact and is within the user's tolerance range, especially It provides clear visual guidance for old and young users, and provides convenient operations for those who are not particularly familiar with the use of mobile products.
Conclusion
Designers need to develop a good habit of experiencing products and record excellent product details to strengthen their memory. This can not only improve their language organization and summary skills, but also pave the way for outputting excellent works in the future, which is good for themselves. ability improvement and future career development.
The sharing of product design details in this issue is over. See you in the next issue.
Author: Desert Flying Eagle; Public account: Energy Eyeball
This article was originally published by @大 Desert Flying Eagle on Everyone is a product manager. Reprinting without permission is prohibited.
The title picture comes from Unsplash, based on the CC0 agreement
