A brief summary of the excellent interactive designer "The beauty of the moment"

The first reason to choose to read the beauty of the moment is simply because it was translated by the author who had seen it before, and felt an excellent interaction designer, and his recommended book should also be well worth seeing. It turns out that's true.

In this book, the original author explores the subtle details of the interface, how they improve or break the user's experience at every moment that users use, and then explore how each detail should be improved. Let us learn how to discover the shortcomings of the design and continue to improve the method.

The entire book is based on the user application of the Internet from the beginning to the end of all the details of the context, divided into guidelines for users, learning, search, in-depth, participation, management information and left seven parts. Although the list has more than 30 chapters, but each chapter is very little, and the author is through a small story to unfold, so please feel free to read, never let you feel boring.

The following is a brief summary of the knowledge that the individual believes is worth learning:

The first part guides the user

Chapter One the first impression of an exciting

I think the " Discovery page Layout " presented in this chapter is well worth understanding. We usually design the production page, the first involves is the layout. The author thinks that the layout is the inevitable result of the content organization, is gradually formed, once the designer considers all the requirements of the page thoroughly, and determines each piece of content, the layout that wants appears. Perhaps we usually conceive of the layout when the use of this method, by reading this part of the book, following the author's ideas, can be more in-depth understanding of the layout method of rationality and feasibility.

How to guide the user's view through design, the author introduces two methods:

1, the use of " diagonal balance " layout design. (Not a mandatory principle, but most of the time it will work)

2, use color to attract attention.

Chapter Two highlights individuality

Through the design process of personal website, the author tells how to make the website to highlight its own characteristics. It is worth learning from the use of symbols to unify the design style, to form a positive impression. In reading, the birth of a good design may be caused by a movie or something that suddenly touches you. Therefore, as a good designer, in the concentration of learning professional skills, but also should continue to expand their knowledge. And keep an interest in life because you really don't know when and what will inspire you.

Chapter Three the way of navigation

When designing a software product navigation, the menu set should not be object-based, but should be based on tasks (verb-verb phrases). Take the user as the starting point, lets the user feel is oneself in the command software to work.

Fourth chapter chain childbirth to unequal

Here's an idea of an " environmental hint ". (Use font size and color dual performance to distinguish the severity of the link)

Fifth Chapter Tag Cloud look up the road

Maybe this term has already been, but I learned in this book, I have seen similar manifestations before, but do not know what is called " tag Cloud ." Our Technology Center blog in the lower part of the home page has a "label" column, which in large, coarse font display label, perhaps is more attention or the use of this label is relatively high, at present is not very sure.

Part II Learning

The sixth chapter is straight to the point

For users, a short sentence is far more meaningful than a large paragraph of text, even if the text is well-written. The important thing is not how much information we provide, but whether we can provide them with what they really need .

The seventh chapter marks the interface.

Design cannot be based on our wishful thinking "assumptions" (assuming that the user understands the terminology we use, etc.), we need to assume that users don't understand our software and then give them enough information to help them understand.

Eighth chapter vivid and lifelike video

When the language has not been able to describe a problem, you can choose to use video (screencast) to achieve the explanation. Video can also be used to describe ideas, more vivid and richer than words.

Part Three Search

The Nineth chapter proposes the search term suggestion

Demonstrates the advantages and disadvantages of automatically completing a search . I understand the automatic completion of the search is similar to this time we are using the Sogou input method, you do not have to enter all the pinyin, there is a lot of potential to find their own vocabulary. Of course, this may not be very appropriate, but I think it is intuitive.

Tenth Chapter lists search results

For search results pages, the paging system interface and Backto links are very important. Reference to Google's search paging system is recommended. This excerpt the author optimizes the paging system the process, itself this step-by-step optimization thought is worth us to study.

-->-->

Most people may have seen the result of the second modification as well, but the reason the author finally considered adding a text link is to increase the click Response area of both the forward and backward buttons. Good design really needs a gradual improvement of the process, and the moment for the sake of the user really very important.

The 11th chapter Refine your search

This chapter is more important is the " progressive display " Design method, it can be based on the actual needs (that is, depending on the user's input) and gradually display the control, rather than by default put them a brain heap in the user's eyes.

Part IV In-depth

12th chapter the standardization of video player

If you want to design a standard video player for your Web site, see this chapter, the authors consider a number of factors.

The 13th chapter consolidates your form layout

In the Internet, the form is really very common, we usually work on the form, we are also more than the label and control two column distribution, the label left or the right to the problem deeply troubled. The author recommends that the label be in a single-column layout at the top left of the control, which is convenient for users to navigate down the way. The Personal registration section of our company is used in this way, perhaps in the original design when the right side of the real-time check is considered.

For each final set of buttons for each form (confirm and reset, or log in and register). Should give them different settings, highlighting the user often use the button , so that users can not think too much, then click the correct button. The same can be expected to click on the user button or link to do a prominent design, to achieve the purpose of attracting users to click. Our various Industry website Homepage's personal login section, the personal registration and forgets the password two links very well manifests this kind of thought.

If you have always thought that the design of the form is very simple, every time the design is made at random, I think it is necessary to read this chapter. Because the few minutes you spend to get the best performance of your form is definitely worth it.

14th Chapter Master Wizard Guide

Wizard A Wizard is a multi-step interaction that guides the user step-by-step through the processes that are inherently sequential. The example in this chapter refers to a collapsible panel control .

15th Chapter Instant Check

Most of today's forms are already using JavaScript for instant verification, in addition to the ease of server burden, but also to provide users with a good interactive experience, real-time verification should not only correct, but also praise . If you can update the corresponding information according to the user's filling in time , the interaction will become more perfect.

16th Chapter Simplified Long Form

Not all interactions can be simplified, but trying to make the interaction look easier. to create a clear expectation for the user , the complex process is decomposed into small pieces that can be killed in a mouthful, so the complex interaction is easy to control.

Chapter 17th let them log in

We all must have experienced forgetting the user name or the password thing, but had to use the website to provide "forgets the password" the link, this chapter author through the record user name The way optimizes retrieves the password the process, takes the user who is named happy to login 800hr homepage For example, When this user collects 800hr homepage, automatically saves for him is the http://www.800hr.com/happy, like this only needs the password to be able to log on, does not have to remember the user name, but when forgets the password, the system through the user name automatically in the backstage find registers the mailbox, will send the password the past. Avoid the user in the Forgotten Password page re-enter user name and mailbox trouble. This will largely facilitate the user's login again . Of course, it is necessary to provide a link entry that is not registered on this machine.

18th Chapter Record character number

There are a lot of form fields need word limit , I have experienced passionate writing a lot of words, click OK button came out a hint to tell me that the word is more than the limit, really depressing. Another situation is that when you enter the number of words reached the limit, you later entered any text can not be displayed, and when the head down to type you, and finally looked up to find problems, perhaps the first time you will suspect that the keyboard out of trouble.

Based on the above problems, QQ's surging mood to reply to the mood of friends in the part of the form field on the above prompts the form field of the word limit, and will be based on your input real-time display of the remaining can enter the number of words. It's really very sweet. Choosing to put the hint text above the form field also takes into account users who use screen readers.

-->-->

Part V Participation

Chapter 19th Creating personal Data

In order to meet the different needs of different users in the site, the process of creating data layering, design a kind of automatic change of the profile page, so that it can dynamically record the user's behavior on the site. To increase the interaction between users.

The so-called layering refers to all users need to fill in the basis of the personal information can be completed registration, and for special users, such as the graphic designer community designers can add additional to their work on what the special information.

Each of us is probably registered on a social networking site, and each time you log in, you can see the latest news of yourself and your friends, you may be interested in a recent article published by Friends, and then click into his page to browse, comment and other operations, however, if his information does not appear on your page, Maybe you won't take the initiative to see if he has recently published a new article. This dynamic way of recording user behavior can indeed increase the interaction between each other. and users in order to know the latest situation of friends, will continue to visit, it means that will repeatedly patronize the site.

20th Chapter Editors

Show the right tools at the right time.

We usually have access to a lot of software products with editing capabilities, just imagine that no matter what we do, all the tools are showing you how scary it is to make your own choices, and the proper classification of tools, the ability to display only matching tools when users do different things, and to lighten a lot of burdens for users, Let the interactive experience be better.

Chapter 21st Social Activities

The author of this chapter carefully analyzes the differences between become my Friend and Follow My activities , and believes that the site should promote user interaction in different ways, depending on its purpose.

22nd chapter of the obvious blog

Three ways to a better blog:

1, the blog should be easy for viewers to scan the page to determine whether a log is worth reading.

Provide an introductory statement of the full text of each blog post.

2, the blog should be able to better encourage communication. Mentioned in the blog to provide Trackback ( trackbacks) [1].

Trackback is a Web log application tool that allows bloggers to know that the readers of their journals have written articles related to each other and that they can communicate with each other. The implication is that bloggers can post comments on the journal in their blogs, and that the comments are linked to the reviewers ' pages, prompting comments to be reflected in each other's journals.

3, good blog design should be able to entice people to read more other logs.

Browsing through a number of blogs, including authors who work on the UI, it's easy to see a word linked to a log in the past in their blog post.

Simply summarize, encourage communication through Trackback and comments, write a summary of blog posts, and provide links to related content . If you have your own blog and want to improve his access and usability, apply the knowledge mentioned in this chapter right away.

23rd Chapter Invites Discussion

It mainly explains why we should not control the comments . Establish a good trust between users and otaku, and mark malicious reviewers.

Otaku refers to those who are passionate about the product but are not members of the company, they can help solve other users ' problems in the forum, which is an unpaid publicity person. Their comments on the product are highly noteworthy. Their praise of the product will also make more users convincing.

Marking a malicious reviewer is accomplished by providing a small markup system. When a user sees a malicious comment, he or she can notify the administrator through the tagging system to handle the comment.

The 24th chapter gets a good rating

Describe how to design a better scoring system.

-->-->

Part VI Management Information

The 25th chapter makes RSS more meaningful

When we promote a new technology, our primary goal should be to make it easy to understand. No use, even some of the people who have used RSS do not know that this is really Simple Syndication three words abbreviated form.

People who have not had access to RSS are simply given a copy of the RSS button and cannot predict what will happen after the click, so you should provide appropriate text descriptions. Most Web sites directly offer subscriptions to a variety of subscribers, which is very good, and unfortunately, it offers a subscriber that doesn't exactly have the one you use. If you are compatible with the above two situations, it is even more perfect to support email subscriptions, after all, the usage rate of email is very high.

26th Chapter Custom Label

We write articles will also use the Tag, but has been the understanding of it is very simple, think should be set up as the key words in the article, to facilitate their own or other users to search using keywords. But it's not clear how a specific search works or how well the job works.

For the same article, perhaps different people to set the tag is different, then the site should use some way to detect similar tag, and let users for the content of the tag to choose those already have tag. This 163 blog is handled in the way you add tags for new articles, you will display all the previously set tags, if you have the right you can choose directly, if you can continue to add.

The author mentions two kinds of systems about label, namely classification system and classification system. The former is predefined tag, which everyone follows and uses. The classification system is based on the former, users can add and change the classification independently.

The 27th chapter organizes information by dragging and dropping

An effective drag-and-drop interaction needs to provide three different states:

1, "Invitation" status.

2, "Operation" status.

3, "Implementation" status.

While the features such as drag-and-drop operations and personalized home pages are well designed, not all pages are necessary. Only when the page is the user's "destination", is a good application.

The 28th chapter uses system notice to manage the interruption

notify users in advance of the changes to be made, one is to inform the form of the message, the second is in the original design to provide new changes in the link or description. The authors recommend a description of the new changes in the form of a similar original welcome page.

Part VII left

29th Chapter Exit

When the user exits, set back to the initial login page and provide an introduction to the new features on this page to attract users to log in again .

The 30th chapter wipes out the dusty users

Remind them to log in again by sending messages to dusty users, while at the same time providing them with links to benefits or new features of the product. But for the dust-laden users should not send mail too often, our company is three months, every three months will receive an IT network of a mail reminder.

-->-->

Our IT Talent network revision, the new version of the page than the old version of the page for individuals have a lot of advantages, can we explain in this email that people who have visited this site before think that a particular column is not designed to be reasonable, but when you know that you have optimized a lot of things, maybe he would really like to start using the Web again.

The 31st chapter is for them to go.

You should make it easy for users to write off their accounts.

The book concludes with a golden key to excellent design:

1, only provide the user needs.

2, let beginners as soon as possible into intermediate users.

3, as far as possible to prevent errors, such as mistakes should be friendly treatment.

4, streamline and optimize the interaction and task process, so that the most complex software clear and understandable .

5, designed to support specific behavior.

6, continuous improvement and optimization of our processes and procedures.

7, ignore the user's certain requirements, firmly believe that their ideals and insights.

Design is to convey, to design a great experience, we must become a great speaker.

Good design is the result of evolutionary evolution from a large push-poor design.

All interactions must be as clear as possible.