Website Design , Creating and managing an online platform is never easy, especially in the changing digital environment. Continuous improvement of user experience design to meet customer needs and demands is an important part of attracting and retaining customers.
For example: Create an online platform accessible to the disabled to provide customers with a relaxed and pleasant experience. A website that can work on all devices is also the key to achieving high conversion rates and building loyalty. For those who strive for success, effectively enhance user experience micro interaction. This is often ignored, which can make a difference between users who stay and users who click the X button on the browser. Introduction When starting e-commerce business, people usually focus on large pictures - that is, covering all the bases, and analyzing all business aspects related to e-commerce. Of course, it is basic to have a good product and profit, just like finding the right marketing strategy. But if the customer jumps off the platform and turns to the competitor, all these are meaningless.
In other words, a good user experience design will be of great help in transforming visitors into consumers. This may be a cliche, but it is true - small things really matter. Micro interaction is an indispensable part of daily digital life. They are often ignored until they have a huge impact on the conversion rate of websites. What is micro interaction? Micro interaction is an example of cross paths between users and website design.
In many micro interactions people encounter every day, including moving or dragging items to a virtual shopping cart, clicking the "Login" button, and then seeing the "Push Back" button, or switching between a large number of "Like/Love" buttons found on Facebook. The input indicator on the messaging application is also a micro interaction.
In user experience design, micro interaction is an active way to interact with customers in a pleasant way. These interactions not only guide users, but also provide immediate feedback on the tasks they are completing. They also remind us that they are not only dealing with machines. Micro interaction is composed of four parts, and each part is as important as the next part. Remember, all details are about details, so make sure these parts run smoothly.
When to use micro interaction just because micro interaction is great does not mean that every UX interaction must include one. Overuse of it will saturate the design and cause confusion in the information hierarchy (think: overuse of clip art and gif presentations). It is important to know when to use them.
.jpg)
1、 Trigger
The first part is the content of starting interaction, which is triggered when the user or system activates interaction. In the case of system triggers, some requirements for activation need to be met.
Take the user who entered the wrong password as an example. Then, a website prompts whether the password has been forgotten and whether the user wants to recover the password. In this case, entering the wrong password is a trigger.
2、 Rules
The second part determines what happens when the micro interaction is activated. In the previous scenario, the rule is that the system must automatically ask whether the password has been forgotten and whether the user wants to recover the password. Rules should be invisible, only known by designers, and shaped according to customer needs.
3、 Feedback
The third part is when the system lets the user know what has happened, which can happen visually, audibly, or tactically, and the feedback informs the visitor that the micro interaction has started. In the password example, the feedback will prompt you to enter an incorrect password, and you need to retype the password (or replace the forgotten password).
The fourth part of the loop and pattern determines the meta rules of micro interaction, that is, what happens when conditions or requirements change, and the loop determines the length and repetition times of micro transactions. In our example, the number of times a person enters an incorrect password. On the other hand, the pattern can determine what will happen over time -- that is, three incorrect password entries will block the account. Why is micro interaction important? So why is micro interaction important?
First, they make navigation easier, which should be the goal of all designers and developers. Better navigation means users stay, buy, and visit again.
They can also improve interaction speed, provide real-time information, and make users feel that their experience is important. They also help guide customers, give them tips and guidance, no matter where they are in the purchase process.
Micro interaction can be seen as some small things that digital store staff do to meet every demand of customers. If digital staff take good care of users, they will feel good. If they want to come back, micro interaction will help improve the chances of making a good impression. What makes micro interaction successful? There is no master key to designing successful micro interaction for all websites. However, most designers believe that to create an effective design, there are five main principles: less is more: micro interaction should be micro interaction, so keep it simple. Users will be seamlessly exposed to countless micro interactions every day. Don't become a exhausted website. Keep constant: Micro interaction should be ignored, so make sure it is harmonious with other parts of the website, and don't let it be distracted. Know why you: why there are specific micro interactions? Why is it necessary? Why do users interact with it? A reasonable answer to these reasons is the key to successful micro interaction. Run test: try micro interaction at different times and improve it. Before it is set online, the tested micro interaction may be more effective. Don't forget the most basic: Be careful when developing micro interaction, so make sure that a website has these four basic parts. The optimization of each part will determine its success.
The following are some micro interactions that contribute to humanized user experience:
1. Card swiping function : It's easier to use Tinder's famous slide than to click and select on a mobile device.
2. Current system status: People like to know what's happening so they won't be confused or impatient. For example, an upload/download status bar can help visitors update and understand their current behavior. Tutorial: Nowadays, it is still useful to write an operable and easy to read blog post, but it is not enough in this fast-paced network era. Micro interaction can help create interesting and interactive step-by-step tutorials for users to easily learn and participate in products or services.
3. Horn: People like to have a sense of achievement, and CTAs give them this opportunity. When they are close to the last step of purchase, create a CTAs that can induce them to act and feel good.
4. Input fields for animation: Animation will make the simple process interesting and clear, such as highlighting and zooming in the field when entering data such as registration form and credit card details.
5. Animation button: These buttons guide users and tell them the way around the website. Whether the font, size, shape, color, position, or the corresponding animation when the mouse hovers or clicks, ensure that these animations are well recognized.
6. Notice: People with short attention duration may forget a product or an unfinished transaction. Simple micro interaction through notification can bring them back to start or complete the transaction. Humans, and even more generations of technology, want instant things. As long as micro interaction can provide immediate satisfaction for the end user, then we should develop a good strategy around it and design and use it. Micro interaction function design suggests that micro interaction is not an overnight success. In order to make these functions more effective, designers and web developers need to pay attention to details. And keep the following tips in mind to keep it micro and effective. Micro interaction can only be seen when needed. When necessary, make sure it is effective. It should not be the focus of the website, should not be the source of errors, and should not take too much time to complete. Make them feel good. Users should be equally happy when using micro interaction for the first time and the tenth time. Based on knowledge, use available information about user behavior to apply micro interaction suitable for them. Create harmony to ensure that micro interaction not only looks and responds well, but also does not interfere with other UI elements. To guide their vision, the physical principle determines the user experience principle. Because humans are keen on following lines, give them horizontal and vertical elements, and avoid diagonal lines and circles. For those brands that kill themselves because of micro interaction, with e-commerce allowing the sale of goods and services under the condition of convenient click, there are more than 1.3 million e-commerce companies in North America alone competing for customer attention. With the user experience and design of intelligent micro interaction, they can achieve or destroy any online business.
The following are some successful brands in the field of micro interaction:
Google Chrome, Google's web browser, has more than 1 billion active users. By placing a game on their 404 pages, it has upgraded the micro user experience to a higher level, which indicates that error pages are not necessarily the source of pain.
By clicking the space bar (or the screen of the mobile device), users can guide a Tyrannosaurus rex to successfully skip the cactus and flying birds. This helps frustrated users feel happy when they solve their network connectivity problems.
When using microinteraction effectively, microinteraction has proved to be a very valuable tool for improving user experience design. At the end of the day, they act as an intermediary between the customer and the system. This system can stimulate the user's joy, provide an unforgettable experience, and then encourage the user to continue to buy from the website.
Airbnb
In addition to Airbnb's success in its disruptive business model, its widespread adoption also benefits from the easy user experience it provides on its platform to a large extent.
Although the website makes use of a variety of user experience functions, for potential tenants, a striking micro interaction is how to automatically remove the price tag of the previously browsed location, so as to save the time and effort of users to list options, or return to the clicked location.
This article comes from Shangpin China: Enterprise website construction company
