Check for omissions! 7 user experience design details that you may have never noticed

The user experience design of an excellent product runs through the entire design process, starting from the earliest design stage. Therefore, it is impossible to find a way to add "user experience design" to it after all the parts of the product are completed - you need to keep it in mind from the beginning.

Creating a user experience that users love or even can't stop using usually means that you need to give users what they want, and also give them something they didn't expect but really need, and balance the proportions of the two. Those familiar user experience design techniques and rules can help you solve most of the user experience design problems, but there are also some design techniques that are easy to overlook and in blind spots that can help you do another part of the user experience design.

1. Focus on the 20%

Have you ever heard of the 80/20 rule? In short, 80% of your users will only use 20% of your website's content and features. The vast majority of users are just scanning the website content and only browse what they are really interested in.

At the same time, this also means that the remaining 20% ​​is quite important. Most clicks will come from this area, which is also the area with almost the most content and interaction.

You can use data analysis to determine which part of the entire website is the most popular 20%. For a newly launched website, this data collection process may take several weeks and then make adjustments.

Of course, you can also guide users to the 20% area you want them to go to. Use visual guidance and call-to-action design to guide traffic, use interesting and fun designs to create interesting areas, and make them happy to click, so as to achieve the goal.

2. Architectural thinking

Designing a website is similar to building a house. First, it needs a solid foundation, then a framework to hold all the content, and then it needs to be decorated. The same thinking model can be applied to the design of a website.

More importantly, you don’t need to create something that has never appeared in the framework before. In other words, the materials and components in the framework are no different from what we usually see. Just like the navigation design pattern, the current designs tend to be consistent because such navigation is easy to use.

After the overall structure of the website is built, the same idea can be applied to the construction of the content system. The main text content is the foundation of the entire website content, supplemented by attractive titles, pictures, and other secondary elements, the entire content system can be quickly built.

3. Don’t ask for too much

Today's world is driven by data. More and more applications are beginning to require users to register and provide more permissions and information in order to provide users with a more personalized experience. However, from the perspective of experience, this should be avoided as much as possible.

If you think about it from the user's perspective, you will understand. If you find a cool website that interests you, you need content if you want to learn more about it. But if you want to register, the website requires you to provide the following 10 types of information: name, email, country, region, city, phone number, Twitter permissions, personal website, job title, and how you found this website.

So what will you do next? Most users will just turn around and leave. Filling in the registration information is too laborious and the experience is too bad.

So, if you only need to authorize from Facebook or Twitter when you click to register, will you click immediately? At least from the current data, the vast majority of users will choose this.

4. Delightful Microinteractions

Many times you may not notice that your interactions with various micro-interactions have always existed.

Google Calendar pop-up box reminds you that your weekly meeting is about to start
SMS reminder
· Nap alarm clock
New followers and repost notifications on Weibo

We can talk about this example for an hour straight. These reminders and actions with micro-interactions will push users to take the next step and bring a pleasant experience. They cannot be designed to be very eye-catching, but they need to attract users' attention appropriately.

The addition of these interesting micro-interactions allows users to benefit from them. What you need to think about is, what are the things in your website or APP that users want to know and get immediately, and want to be reminded of?

5. Even young children can use it easily

If you were designing a product for a kid, what would it look like? You might focus on the use of color, making each block easily clickable, clearly labeled, and adding puzzle-like connections.

So, when we design a website or an app, we say that the product should be easy to use. So what does it mean to be “easy enough”? It means that even children can use it easily. In other words, even adults who don’t use websites and apps often will not have obvious obstacles in using them.

Oversized design elements and labels are key elements of the design. These visual cues are central to helping guide users and are the most important part of the overall experience design. Bold color choices encourage users to click and explore.

If it is easy enough to use, users will continue to try and explore. And difficult to understand and inconvenient navigation will naturally be disliked by users. If the website contains too complex media and content, it is better to start with a simple homepage design, and a few simple navigation clicks will guide users to the corresponding location. Before going deeper into more complex pages, it is a good solution to make users feel comfortable with clear and simple paging to bring a good browsing experience.

6. Tap or click?

This is not a design problem, but a common problem in development code. Although both Tap and Click can be triggered when clicking, there will be a delay of 200ms to 300ms when using the Click event on mobile web pages, so it is best to replace it with the Tap event on mobile terminals. When designing responsive web pages, it is very common to use an event from beginning to end, but too many mobile web pages will have obvious delays under such designs, and in worse cases, they cannot be recognized, which will directly damage the usability and functionality of the entire page.

In addition, when using the Tap event on a mobile device, the corresponding button should be relatively larger to facilitate interaction on a small screen.

7. Think like a user

We keep saying, "Think like a user." But the reality is that it is often difficult for us to get out of the way of thinking of designers and developers, because our way of thinking is fundamentally different from that of users, and our subconscious reactions to every interaction and every element are different.

Therefore, it is better to talk to people outside the design, development and product circles to see what their real reactions are to the website and APP. You may find that their reactions to the product, interaction and interface are completely different from your expectations. Record the real feedback from users and feed it back to the project team, which can help you create a better user experience and create better products.