When we use a product, the good experience may come from more timely feedback, clearer content display and many other product design highlights. This article summarizes some experience details in product usage scenarios, let’s take a look together. User experience refers to the u

When we use a product, the good experience may come from more timely feedback, clearer content display and many other product design highlights. This article summarizes some experience details in product usage scenarios, let’s take a look together.

user experience refers to the user's true inner feelings in the process of using a product or service. A good experience method is to exceed the user's expectations and bring positive emotional perception.

The good experience we feel when using a product may come from more timely feedback, clearer content display and many other product design highlights. The design strategy of each product in different scenarios contains the designer's in-depth thinking and careful consideration.

1. How to describe user experience?

and

In different user usage scenarios, designers need to describe the user's usage process as realistically and completely as possible, clearly understand the user's intention, and use it to assist in decision-making and increase persuasiveness.

described in "Simplicity First: Four Strategies for Interactive Design" that the core user experience is expressed in the form of stories, "When studying a certain problem, compared with a large number of requirement descriptions, stories are easier for readers to understand what is important and why."

When describing user experience stories, it is necessary to understand the group characteristics of target users, the actual scene of product use and the process of how users use it, pay attention to the interaction mode in the product experience process, and analyze the direction of optimization. For

and

, it is necessary to spend more time to understand every detail of the story, and transform the detailed description into a simpler design. A good user experience starts from the details and runs through the use process.

and

In the current Internet environment, user groups have a lot of similarities, and there is little difference in the implementation of product functions and user needs in various companies. Details often affect user experience and perception. Because of this, understanding and mining have become particularly critical. The design method is also updated and iterated in continuous exploration and optimization of details.

and

take the scrolling function as an example. When the scroll bar was first introduced, it could only scroll line by line, and there would be obvious stuttering. After continuous optimization, it became possible to scroll pixel by pixel. As the content of the document increases and the page becomes longer, an arrow icon is added to the scroll bar, and clicking it can directly jump to the bottom. Additionally, a tooltip will appear telling you where you are in the document. The different interaction methods brought about by the development of

touchpad and touch screen technology in mobile devices have promoted the improvement of experience. You can scroll the interface by sliding up and down with your fingers, and Apple did not hesitate to hide the scroll bar to refine the usage scenarios, and only display it during the scrolling process or when the cursor is close to the right border of the scrollable window.

and

have promoted the continuous development of the scrolling function interaction through the continuous optimization of the detailed experience by designers.

The design strategy of commercial products is affected by product positioning, operation strategy, and technical realization capabilities. It needs to be balanced with user experience and development costs at the same time. While ensuring product benefits, consider and improve experience details to the greatest extent.

In "Micro Interactions: Detailed Design Achieves Excellent Products", many detailed designs in the process of user-product interaction are called micro-interactions, and a product is composed of many micro-interactions.

Micro-interactions are the functional details of the product. Focusing on micro-interactions is the way to create a great user experience.

Microinteractions are the small pieces of functionality that are all around us. Focusing on them is the way to create a superior user experience.

A microinteraction consists of four parts: Triggers initiate the microinteraction, rules dictate how the microinteraction works, feedback conveys rule information, and loops and patterns constitute the metarules of the microinteraction.

A complete micro-interaction process requires clear and understandable triggers, which can be triggered manually or automatically by the system.Rules are the non-technical aspect of the micro-interaction model, which stipulates how micro-interaction can be used and how it cannot be used. It subtly guides users to complete the interaction process, and the feedback results after triggering should conform to user cognition and expectations as much as possible.

cycle and mode refers to what happens to micro-interactions over time. For example, like ringing a bell or mute switch, the interactive state will not end until it is manually closed, or it will exit the interactive state after a short while. What will happen when an event interrupts the interaction or when conditions change? These are the subsequent development states that need to be considered for micro-interactions.

Give a simple example of micro-interaction. The rules stipulate that the user cannot choose a credit card independently, but automatically makes a judgment based on the card number entered by the user. The user cannot click on the credit card, but can only enter the card number in the input box (trigger). According to the entered number, it will directly feed back the highlighted credit card to help the user check it. When the user no longer enters, the current interactive display state will not be changed. When the page is refreshed and opened, the entered content will be cleared and returned to the default uninput state.

These all need to be considered clearly before the design, and the rigor of the interaction logic should be improved as much as possible. It is clear and easy to understand in each link of use, and timely feedback and response can improve the user experience. The needs of

users are not the abstract needs of a person, but the needs of specific scenarios.

As a designer, it is necessary to analyze the user's behavior in the usage scenario, think about the interaction status of each detail in the behavior process, and the problems that the user may encounter, optimize the experience of the functional details, and make design decisions that meet their own product needs.

1. Location changes

There are some APPs used in combination with offline scenarios in the product, which will involve the functional impact brought by the geographical location. For example, in Dianping, the usefulness of content recommendations will have a lot to do with the current location, so when the location changes, a pop-up window will prompt the user that the current location has changed, allowing the user to decide whether to switch to a new location to obtain local information.

In AutoNavi, when the input boarding location is far from the current location, it will judge whether the user is hailing a taxi for someone else, and then provide functional support for adding different contacts to meet the usage scenarios.

The relationship between the food delivery app and the location is also more important, which directly affects the accuracy of meal delivery. Therefore, unlike the delivery address of the e-commerce app, the takeaway app will not have the function of default address, but will automatically locate the common address or prompt to fill in the delivery address, reducing the occurrence of wrong delivery addresses and affecting the dining experience.

2. Data update

Automatically refresh content after entering the page is a relatively common basic function, which can better ensure that users can reach the latest content. Generally, manually refreshing the content is an interactive method of pulling down the page, while content browsing is carried out by sliding down. At this time, there will be a problem that it will take a long time to return to the top and then pull down the page after refreshing again.

and

will display the last browsing location in the list in IT Home, and provide a refresh operation to assist users to obtain the latest information, which not only prompts the positioning problem of browsing, but also facilitates users to directly update content, reducing operating costs.

In Twitter, the refresh is always performed automatically by the system. When there is new content within a period of time, there will be an aggregation prompt to push the main avatar at the top. Click to quickly return to the top to refresh the content. For tweets, the cost of publishing is lower, the update frequency may be higher, and timely feedback is more likely to trigger interaction between users. The method of updating the prompt at the top can remind the user of new tweets in time without interrupting the user's browsing path. When the user is interested, he can obtain the content in time and interact with the tweeter.

3. Content browsing

For user experience, the less interference when browsing, the better the experience. For products, it is more hoped that users can accumulate behavioral data or improve the usage rate of other related functions while browsing, and increase the value relationship between products and users. The most common behavioral data in

and

are likes, comments, forwarding and following, which intuitively show the popularity and quality of the content.At present, Twitter has also added browsing data statistics to the list, all of which are to attract users to bring more interactions.

In Pippi Shrimp, there are more interesting ways to play the like behavior. In addition to directly clicking and displaying the like animation effect, long pressing the emoticon can also trigger multiple expression behaviors, which increases the fun and playability of the product, meets the user's personalized expression needs, and has a full sense of ceremony. During the use of

Instagram, if you stay in a certain list for a certain period of time, the comment entry will gradually appear. Stop sliding and stay in the list, which means that the user may be attracted by the content in behavior. At this time, the comment entry is directly displayed, which reduces the cost of steps that need to jump into the details page to comment in the original process. Comments have a higher probability when the user is likely to be interested.

Pinterest uses image waterfall as the display method, and only the image and title content are displayed on the content, which is convenient for users to browse immersive images and improve search efficiency. When you press and hold the picture, you can evoke more operation methods, and the display mode of the picture is the highest level, which is convenient for the user to focus on the processing of the current picture. Design the details of the experience according to the different priorities of information in different stages of user interaction.

4. Message reminders

The most frequent message notifications are IM products (real-time communication), such as QQ and WeChat, and enterprise-learning collaboration platforms, such as Feishu and DingTalk, have also added communication functions. The

real-time communication system allows two or more people to use the network to transmit text messages, files, voice and video exchanges in real time, and can exchange more information, which brings important information viewing and high-frequency interference of multi-group messages.

Generally, the message list is sorted by time. When you need to increase the priority of a list message, you can use the top function to disrupt the sorting and increase the display of important information.

WeChat has added the function of following group members, which can notify designated members under the condition of group messages without disturbing. Feishu has added @everyone's messages without notification blocking. These are the functional support of the product in more detailed scenarios to meet the user experience of different needs.

5. Network environment

In Internet products, network-related design is a common problem. In addition to the design of handling network exceptions, live broadcast and video products also have very high requirements on the network. In the WIFI environment or traffic environment, the network status will directly affect the user's viewing experience. In the traffic environment of

and

, users need to use their own data traffic to support playback. Migu Video is operated under China Mobile. By taking advantage of the advantages of mobile phone operators, it will prompt in the form of a modal pop-up window during the traffic playback state, and it will be up to the user to choose whether to continue playing.

Although Migu Video's remaining traffic prompt has obvious advantages in ensuring the interests of users, this design also has limitations in user experience. When the prompt window pops up, the user's operation will be temporarily interrupted, which also affects the user's playback experience.

At present, most short video products will continue to play the content after entering the page under the user traffic environment, and Toast prompts the current network status, such as Douyin. For product operations, it is more hoped that users will continue to play and use the product. Direct playback of high-quality content may also attract users, which becomes the key for users to continue using the product.

Of course, there are still some apps that will continue to play in the traffic state without prompt information, such as YouTube, Instagram, Twitch, etc. The playback method may vary according to the country's habits.

This requires designers to conduct more microscopic and more targeted investigation and research according to the different characteristics of the target user groups. Understand the user's concerns, achieve the playback goal that matches the user's expectations, and design the best experience method suitable for the platform.

In mobile traffic, there is a distinction between general traffic and targeted traffic. Targeted traffic means that when using a specific mobile app or content, the traffic used will not be deducted from the general traffic. Generally, this type of traffic has a lower price, which is the data-free playback advertised by operators.

In Douyu, there will be Toast, which is a traffic-free service, instead of the reminder of the traffic environment, reducing the user's psychological burden on the prompt copy. Compared with the temporary prompt mode, the state may not be clear enough in the long-term playback mode. The processing method of

and

Huya is to judge the directional traffic status, and then enter the exclusive line at the same time as the traffic-free service prompt, and then give a modal prompt when the user switches to another line, which ensures the smooth playback process of the user and ensures that the user's interests are not lost.

In Tencent Video, a resident display of the operator icon will be added to the navigation bar to remind the user. When clicked, the Toast will remind the current traffic-free environment again.

For some users, the large amount of traffic consumption caused by playback in a non-WIFI environment may become a concern. Therefore, in the design, it is necessary to consider using obvious prompts to inform users that the current environment is free of traffic, and guide users to play with confidence.

6. Time changes

Micro-interactions due to time changes are common in the use of dark mode. Since the release of iOS 13 to support dark mode, more and more products have begun to support switching between light and dark modes, which are automatically triggered by the system to match changes in ambient light during the day and night. Some products of

also provide a manual selection method, which allows users to freely choose the background color on a separate APP, and supports users to experience more customized scenarios, such as what is worth buying. For e-book readers that need to read for a long time,

and

need to provide more functions to create an immersive reading environment and help users read in their most comfortable state. In addition to the dark mode, WeChat Reading also supports personalized functions such as adjusting screen brightness and customizing the background, which are used to adapt to the impact of external natural light on the screen at different time periods, which greatly relieves users' eye fatigue and improves the reading experience.