Some user experience details in front-end development and development of user experience details

Some user experience details in front-end development and development of user experience details

This article mainly talks about how to focus on the user experience from the perspective of a Development Engineer in practice, such as a product or a specific functional point, a button or a single click, and some details that need to be paid attention to. Well, let's just talk about the details.

1. Give me a prompt in advance

When passing by such a beautiful button, I am very happy to post a log to talk about the weather:

After clicking the result, you will be told that "you do not have the permission to add logs now". The key is that it will jump to a new page to talk about this, which is not easy. Can I make it clear in advance? Do not click, color change, text prompt, or you can use a small pop-up layer prompt.

Looking at this eye-catching small bubble, you can't help but click "Little horn" to see it:

Well, the small window slides elegantly Up and out. It's a good experience, and the technology is quite overbearing! Okay, then click "Reminder", OK, very comfortable to pop up. Click "insite email", oh... I was taken to a new page. If you add a mouse prompt to "insite mail" to tell the user that it is no longer a pop-up, but to enter a new page, can you avoid "mistaken" operations like me?

2. Form Verification

Tell the user in real time that this should be filled out by mistake. After all, it is very tedious and boring to fill in the form. It is a good idea to give me a prompt from time to time.

3. Let me click the text to check the check box.

A lot of people are too lazy to do this, so you are so eager to let users slowly aim at that small check box? This is also true for single-choice buttons.

4. Pause and let me see it clearly.

When the mouse is still in the slide area, please pause playing first, OK? You see how beautiful Fengjie is. I haven't seen enough yet...

5. The click area is larger.

This is a pair of control buttons for left and right scrolling, and the effect of passing through the mouse is very good. However, the click area is too small to start. For something like this, consider as much convenience as possible for user operations. You have made the user feel better, so will the user...

Similarly, the entire option card should be clickable, rather than just text.

6. dotted box

In some browsers, the dotted box appears when you click a link. In fact, I am not disgusted with the dotted box. Sometimes I want to see this dotted box, but the following is the case, it does not seem very comfortable.



That's not to say, it's wrong, but it can do better. Why not? In addition, it's just a little effort to solve this problem.

The above points are just the tip of the iceberg of user experience design. There are many more details that need to be paid attention to at all levels. This article does not try to tell these issues in different categories, but just to tell where to think about it. It is a matter of discussion. If you have any shortcomings, you are welcome to make a brick.

Source: http://www.16sucai.com/2010/10/934.html

For more information, click