In the products of daily use, we can always find some ingenious designs. The author has summarized some interesting design cases to share with you, let's take a look.
It's been more than half a year since I said goodbye to professional UX design, and I accidentally saw a folder named "Interesting Design" when I was sorting out the previous design files in the computer on the weekend, and I opened it to see that it was a screenshot of some design cases, although it has been a long time but it feels very familiar, these ingenious designs make me sincerely yearn for the design industry, and praise the designers who can think of these ideas.
1. Design case sharing
1. Funny buttons
Sina Weibo's message "one-click cleaning" function brings good news to patients with obsessive-compulsive disorder. At the same time, in order to prevent users from misoperation, it uses a pop-up window to remind users to confirm the cleaning operation, which not only solves the problem of too many small red dots in the user interface, but also prevents users from missing important unread messages due to accidental touches.
Zhihu is viewing the page of question answers, and the "Next Answer" button can help users quickly switch content, and can also support users to freely drag and drop to a position where they will not touch by mistake, which not only helps users save operation time, but also respects user habits (you can drag the button to an area that is convenient for you to touch without blocking the text).
When the user swipes down more than one screen of content on the browsing page, the Dianping APP will pin the main commonly used King Kong area function entrance button to the top for users to click. It not only avoids the trouble of users sliding back to the top to find the relevant buttons, but also does not affect users to continue to slide down the page to browse other content, and also plays a certain role in drainage.
When browsing WeChat official account articles, sometimes the article will be very long or you need to reply to WeChat messages temporarily, you can swipe right to put the article into the floating window, and next time you can continue reading by clicking the floating window button. It doesn't stop users from doing other urgent things, but it also leaves them with a chance to go back and continue reading.
The "Image/Emoji" icon at the bottom of the chat page of a chat tool is in the shape of a skeuomorph with the sun and eyes open during the day, and at night it transforms into the shape of a skeuomorph with the moon and eyes closed. Very subtle design, which may not be noticed, but gives users a very considerate intention and surprise.
When swiping up on the Alipay "Friends" (new version of the name change message) page, a "Find someone to transfer" button will appear at the bottom, and select "Friends List" after clicking. It predicts user behavior in advance, thereby shortening the user operation path and improving user operation efficiency.
In the tool application Feishu, the design of the function buttons in the bottom tab navigation bar is more special and innovative, and the maximum number of buttons displayed under the bottom tab bar of normal product applications is more in line with people's memory habits.
The bottom of Feishu also has a maximum of 5 functions, but an additional "more" module has been added, making the module 6 parts for editing business functions. The edits include adjustments to the display, hiding, and order of features. In the process of using the product, users can choose functions for their own high-frequency application scenarios. Flexible feature editing does make it easier for users to choose in a way.
In newly downloaded apps or apps that have not been launched for a long time, there will be a login reminder after opening, but not every user will log in for the first time, and it is a regular decision for general users to experience first and then log in. In order to allow users to log in, today's headline APP here, choose to change the "My Page" button to not logged in when they are not logged in, and users can also see their login status when browsing content on the home page, guiding users to complete the login action.
2. Interesting pictures
Under different weather conditions, the Ele.me app displays different pictures in different forms to alleviate users' anxiety about waiting for meals and the pressure of riders delivering meals. Integrate emotions into product design to give users a touch and comfort in their hearts.
AutoNavi map APP, visual impairment mode setting, to ensure the product experience of visually impaired users. (Barrier-free design was first seen in 1974, and the original intention was to make the disabled and healthy people enjoy "equal status" of environmental design) In product design, barrier-free design refers to the equal, convenient and barrier-free access to information and use of functions by anyone under any circumstances, and it is designed for the disabled as the target group.
Bilibili APP sets the user's own ID QR code and scanning function on the same interface, and when adding friends, you can directly open the "Scan" interface to deal with both functional needs ("I scan you or you scan me"). The operation path of the function has been optimized, and it has also avoided the trouble and small embarrassment of the user asking the object of scanning the code, which is very intimate.
The new version of "AutoNavi Map" optimizes the function of querying the business hours of the destination, so that users can not only query the office hours, phone number and other information of the address through the positioning results, but also remind the user whether the store is closed in the navigation route. Embedding the business hours query function directly into the navigation results can give users intimate tips in the first time, avoiding users from wasting time and taking the wrong road.
The hover effect of the team presentation screen is unexpected: when the mouse hovers over the bust of a single member, the photo of a person sitting in a precarious position becomes another funny photo of the member's personality or preferences. Such a design is conducive to the improvement of the team's sense of belonging and cohesion, and also shows the openness, vitality, innovation and youthfulness of the team.
NetEase Cloud Music APP, the jump page of the app is different when there is a network or no network. According to the user's specific usage scenario, the design team set the user to open the App in the state of the network to enter the "Discover" music homepage, and in the scene without the network, it will directly jump to the "My Music" page.
Good design is inseparable from the characteristics and needs of the scene, and differentiated page jumps shorten the operation path for users, save operation time, and make the user experience more suitable for specific use scenarios.
In the scenario design of user stratification, we can also distinguish the different states and identities of users to differentiate the layout of the interface, and the most typical representative is the user's membership. Membership is divided into many different stages, from the opening of membership to the expiration of membership, there are also great differences in the attention of users to content at different stages, such as unopened members to display more price, rights and interests information, to attract consumption decisions. From this point of view, we can distinguish the membership status of users, and further carry out differentiated design to improve the efficiency of user behavior decision-making at different stages.
summary
Creating great UX design is an important responsibility of the product manager. Design thinking is an innovative approach to solving complex problems with a user-centered approach. In the process of product design, we should make full use of design thinking, focus on user needs, divergent and innovative thinking, so as to come up with unique and practical design solutions.
As product managers, we need to keep learning, improve our own abilities and qualities, pay attention to industry trends, and at the same time combine project practice to continuously summarize and accumulate experience. Only in this way can we create products that truly meet the needs of users and provide a quality experience.
This article was originally published by @Zero0304 on Everyone is a Product Manager. Reproduction without the permission of the author is prohibited.
The title image is from Unsplash and is licensed under CC0.
The views in this article only represent the author's own, everyone is a product manager, and the platform only provides information storage space services.