Source: Brother Black Horse
Excellent product design can bring users surprises, inadvertently let users feel the temperature, and it is also the key to improving the user experience.
With the progress of the industry, product designers are also constantly optimizing the experience and outputting an excellent solution. Recently, Brother Dark Horse has also found some more surprising designs, let's enjoy it with everyone!
Experience Catalog
1. Marketing advertisements brought by parachutes
2. Dynamic feedback on the merchant's meal preparation process
Third, this advertisement is not surprising or unexpected
Fourth, the visual immersion of Banner advertising
5. Real-time dynamics in standby mode
6. Reflection on the details in the small icons
7. Carousel suspension design
8. The bottom tab bar with a warm atmosphere
9. Shrink interaction design
10. Visualized progress design
1. Marketing advertisements brought by parachutes
In this era of ads, users have gradually turned on the ad immunity mode, and how to improve users' attention to ads is very important.
Recently, when experiencing Ele.me, a parachute was parachuted in the waiting food delivery interface, floating from the upper left corner to the right side, and a red envelope suspension advertisement popped up. The dynamic process of parachute floating attracts the attention of users, which in turn increases the click-through rate of marketing ads, although the ads are more disgusting, but an ad accompanied by surprises will also make you let your guard down.
2. Dynamic feedback on the merchant's meal preparation process
Improving the waiting process is particularly important for the user experience, so as to reduce the anxiety of users during the waiting process, so that users are willing to stay for it.
After ordering through Ele.me, the merchant needs a certain amount of time to complete the production of the meal, which will inevitably require the user to wait for some time. In this meal preparation process, the current interface is expressed in a stir-fry animation, which not only prompts the user of the current state, but also enhances the sensory experience of the design expression.
Third, this advertisement is not surprising or unexpected
In order to improve the monetization ability, the platform has also caught you off guard with a variety of endless advertising methods.
In the past, when I experienced the Tencent Video App, I experienced a number of new advertising tricks in the process of transitioning from splash screen ads to banner images. Switch from splash screen to auto-carousel pop-up mode, then evolve to a zoomed-in version of multiple ad slices (which take up banner slits), and finally revert back to the normal layout of the banner. This process undoubtedly fills the presence of the advertisement and makes you form a rigid requirement for the memory of the advertisement.
Regardless of whether this ad design scheme is disgusting to users, the interactive method presented is still relatively novel, and I believe that the click-through rate of the ad will definitely increase.
Fourth, the visual immersion of Banner advertising
Banners are very popular in products, and various forms of evolution are also emerging, and product designers are exploring more possibilities.
In the animation column of Tencent Video App, I found a very thoughtful Banner performance. A new animation effect of floating flame burning has been added to the banner, which enhances the overall atmosphere, and the animation effect fits perfectly with the banner picture, which is full of visual immersion.
5. Real-time dynamics in standby mode
To make users feel at ease at all times, it is important to have real-time visibility of the status during the service process.
After ordering through Ele.me, even when it is in standby mode, you can see the current meal status as long as you light up the screen. Visualized graphics combined with time reminders make the status clear at a glance, making the process between ordering and dining more controllable.
6. Reflection on the details in the small icons
There are many icons in the product that express accessibility/information, etc., and it is necessary to accurately express the theme and make it easy for users to understand.
In the Autohome app, I found an icon case worth reflecting on, combining the outline of the car in the icon of the scan, which not only does not affect the functional expression of the scan, but also further expresses the difference of the function. Unlike other products, this is a scanning function that scans the car, reflecting the differentiation of the business. A small icon reflects the designer's ability to express the difference of their products in the simplest way, so as to improve the user's operating experience.
7. Carousel suspension design
The floating design is very popular, because the proportion is small and the sliding page will be hidden, and the user is less disturbed.
Recently, I found a carousel expression of the floating window on the homepage of Mango TV, and the Mango Card and Activity Center will automatically rotate (you can also switch manually). Let us have another design understanding of the design of the floating window, which can present more expressions of different contents and improve the utilization rate of the window.
8. The bottom tab bar with a warm atmosphere
The design of the bottom tab bar plays a lot of role in the creative level of icons, and various styles of icons make the column more colorful, in addition to the cases of rendering the atmosphere in the background layer.
Recently, on the occasion of Mango TV's 10th anniversary, the background layer of the bottom tab bar has also strengthened the atmosphere. Colorful elements and color schemes, combined with themed icon design, make the overall atmosphere full.
9. Shrink interaction design
Respond to the user's operation process through interactive mode, especially when sliding the interface, the optimization of the interaction mode can reduce the interference and improve the utilization rate of the current interface.
In the Blurrr App authoring interface, the "Start Creation" button is displayed as a 3D dynamic icon by default, and the button will shrink when the interface is swiped. Through the shrinking interaction design, the interface can display more content without affecting the user to click the button to create. It is a design solution that enhances the exposure of functions through 3D animations and improves the display space of content through shrinking interactions.
10. Visualized progress design
Progress design is the key to feedback status changes, so that users can see at a glance through visual expression, and improve users' control of the service process.
When a user makes a reservation through the Ctrip app, they can see a progress prompt on the itinerary order page. Through the visual expression of the train image, the driving state is expressed, so that the user can clearly see the direction of travel and the indication of arrival at the station. Not only is the information conveyed efficiently, but the expression of the image also makes the sensory experience better.
brief summary
Excellent products can always surprise you in the subtleties, so that you can feel the emotion and temperature of the product service. The views in this article only represent personal experience, and I hope to encourage you together.