The core of user interaction

Visual Design four thousand seven hundred and forty-two 13 years ago (2010-10-13)

User interaction is an indispensable key to Internet products, and the entry of user interaction must be forms. As a result, in the ubiquitous UGC like Web2.0 products, the importance of ubiquitous forms has gradually gained the attention of Web designers and become their own knowledge system. This book was listed in the reading recommendation in October 2008 and falls into the category of framework layer.

Tsinghua Publishing House plans to praise the book, saying that the writing method of this book is very good. Her only book has been asked to leave. Practice alone cannot work. We have to point out the commonalities behind these practices for everyone, so that readers can draw inferences from one instance. Deliberate and think so. I was amazed by the feedback from the publishing house. How could such a professional and narrow technical field be so popular? Because, at present, the general level and market demand of domestic Internet products do not need such narrow and deep design criteria. In other words, there seems to be no one company Prepare to invest such heavy resources to repair the form (the author introduced that he was the chief user interface designer on eBay platform). The domestic Taobao team with relatively strong design strength is also lacking in this aspect (I have experience in buying three diamonds and experience in selling two diamonds on Taobao).

I have read a lot of content for a long time. I quickly browsed it twice, recalled many interesting stories, and always felt good when my views were recognized by others. It would be better if other people wrote their opinions into books. If it has been three or even five years, the praise can't be described in words (except for bad books).

The length of the input box, when it comes to hints, provides useful clues for organizing answers. This problem has been discussed with two designers on different occasions and in different years. My view is consistent with that in the book. The input length should be customized according to the field attributes. To avoid looking too messy, just group it appropriately. The other side has the same opinion. All inputs in the form, including the textarea, should have the same length, which can ensure that all the inputs are better aligned. Whether they are good looking or not involves subjective factors. (The other side refused to implement and said unreasonable because of this problem, and I fully trusted my own experience and aesthetics to argue), Can I use the form in which the input of the QQ number is aligned with the input length of the URL? Even the other party mentioned that the customer would directly request such a change, and I seriously doubt that the customer who accepted the product is not a front-line colleague who directly uses the form (the reason is like the person who buys bad computers for the company, and does not use these bad computers).

The difference between the main action and the secondary action is an uncontroversial conclusion. The key is how to solve other problems. Everyone has many opinions and ideas. I once had a point that all operations that do not submit data cannot use buttons. As a result, buttons should not be used to cancel or back the operation. Direct text links are the best. There are such cases in the book, but unfortunately there is no specific and detailed difference comparison, and the conclusion is vague. I have discussed with many designers before, and most of them disagree. I also think this argument is a bit inappropriate, so I hate to give it up. Now I still use the button to cancel all designs.

After praising the wheel talk, let's talk about the shortcomings. Personally, I think the knowledge system summarized in this book is not very clear, and the chapter organization is slightly confused. Compared with my practical experience, the details are worth further digging. Many designers lack basic skills, including the use of various controls and the use category. I have done a lot of form optimization, such as the use scenarios of the text field input and the text area. (See the figure below)
 Input and textarea and difference screenshots

In addition, the quantitative methodology is too biased. In fact, I prefer to understand the practical experience and ideas of designers. What I need is fishing; Not fish; (But obviously, the market reaction of fish books is better). Maybe this can make design works more convincing, but I still believe that data can not explain everything, because art itself has a strong subjectivism.

For example, the option option in the drop-down list can't be smaller. In all the designs I have seen, the default option is ranked first, and the manual modification is put at the end. I think it is better to form an operable specification without increasing the workload. This problem has not been scientifically verified. From my experience as an editor submitting hundreds of forms, this change is definitely right. After repeated use for 100 times, any unhappiness caused by minor problems will be magnified. (See the figure below) Screenshot of difference before and after option

Finally, I have to mention that the most brilliant feature of this book is that the pictures in color are colorless, and the words in color can be two-color. All the screenshots, as well as the pictures made, can be enhanced by color printing, but all of them are black and white. There is no need to use color at all, but the title grading that can be solved by using typesetting techniques uses green. As a result, the performance of coated paper printing has not been improved, which may make the book look very environmentally friendly.