Some user experience details in front-end development

The user experience has been a commonplace topic. I very much agree with what a person says, http://www.aliyun.com/zixun/aggregation/8643.html "> User experience design should run through the whole process of product from bud to birth, product prototype, visual design, front-end development, Backend development even includes product testing everyone should have a share. Only the students in all aspects of this thing when the matter, then the products can only be good products. I think the ued team in the process of the most need to do is to use the concept of user experience as blood delivery to the whole body of the product. This is the direction that our new media ued team has been working on.

This article mainly talks about in practice, facing a product, or a specific function point, it may be just a button, a click and so on, to the front-end development engineer's perspective, how to pay attention to the user experience, as well as some attention to the details of the problem, um, only to say the details.

1, give me a hint beforehand

Passing such a beautiful button, very happy to publish a diary about the weather:

The results of the click and tell me that "you do not currently have the right to add a log", the key is that it also jumps to a new page to say this thing, very uncomfortable. Can you make it clear beforehand? Do not let the click, discoloration, Text prompts, or you use a small pop-up layer hint also become AH.

Looking at so eye-catching small bubbles, very can not help but click on "Small horn" to see:

Well, the small window gracefully slides up, pretty good experience, technology quite overbearing 11558.html "> Pony!" OK, then click "Remind", OK, very comfortable pop-up. And then "standing inside the letter", oh ... I got into a new page again. Here if the "station letter" Add a mouse hint, tell the user is no longer pop-up, but to enter the new page, can not avoid similar to me such as "mistake" operation?

2. Form Verification

Tell the user in real time how this should be filled out and where it is wrong, after all, it is a tedious and tedious thing to fill out. It's a good idea to give me a hint at a time.

3, let me click on the text can be checked check box

A lot of people are lazy to do so, you are so cruel to let users slowly to aim at that small check box ah? The same is true for radio buttons.

4, pause, let me see it clearly.

When my mouse is still in the slide area, please pause to play first? You see how beautiful sister Fung, I have not seen enough ...

5, click on a larger area

This is a pair of scroll control button, but also did the mouse through the effect, very good. The click Area is too small, it can be difficult to point. Something like this, please consider as much as possible the user is convenient to operate. You make users happy, users will ...

Similarly, you should have the entire tab clicked, not just the text.

6. Dotted box

In some browsers, click on the link will appear dotted box, in fact, I do not resent the dotted box, and sometimes I would like to see the dotted box, but the following situation, it does not look very comfortable.



Not to say, this is wrong, but can do better, why not do it? Besides, it's a good thing to deal with such problems.

These are just the tip of the iceberg of user experience design, and there are many details that require attention at all levels. This article also did not attempt to classify these issues, just think of where to say, when it is a discussion, the lack of welcome to pat Bricks.

Source: http://www.xmued.com/?p=1155