Interactive design Case Analysis: Key factors that affect the user experience

Here's a small example of an interactive design, which is a good example of how we pursue "easy-to-use" and "lightweight" design in our specific work, which is the two key factors that affect the user experience.

The interaction design is not picking the right controls in the control library, which is a feeling in my recent work. The environment of online application is complex and changeable, many kinds of methods, which seem reasonable in books or other people's practice, will have problems in their specific environment. Here's a small example of an interactive design, which is a good example of how we pursue "easy-to-use" and "lightweight" design in our specific work, which is the two key factors that affect the user experience.

In the original design, the history of this piece is a add contact control

The contact person control in the diagram above is very powerful, and the interaction design is also good, look at the map to know. Users can select the saved contacts (grouped) directly in the widget, and also keep track of the most recent transactions that facilitate continuous transaction behavior. Aside from the context, the contact control is a useful tool here to help users select the object of the transfer; The user does not need to memorize the complex bank account information, only remembers each other's user name to be possible, the user experience should be good.

But in the specific application environment?

The picture at the beginning of the article is a screenshot of a new product that has just been online. Let's analyze the need for users to choose from their contacts when they use a new product that is just on the line. The reality is likely to be that most users only use this product once in two or three weeks because it is not a daily necessity for ordinary users. A small number of users will use up to 4-5 times, and if it is 10 times, the product has undoubtedly achieved great success, obviously in the short term it is impossible. Thus, for the foreseeable period, there are only 1-2 contacts in the user's contact control, and 4-5 more, so is it necessary for the contact control to be here?

If the conclusion is not necessary, the contact control here does not actually have a negative impact on the interaction (the user simply chooses one of the limited contacts, and can accomplish the task without the need to memorize complex information). But it has an impact on page performance (loading speed), such a contact control is actually called several JS files, and for a new product, page performance is a key indicator, too many examples show that the page load speed if increased by two seconds, the user will feel much better, Natural business value will also rise.

Is there an alternative?

The alternative is the history drop-down box in the picture at the beginning of the article. This scheme works well when the record is no more than 10, lightweight and obvious, there is no excess (the user is still in the initial phase of the use of features, such as: contact groups, search, etc.). If security is not considered, the history of the program can be very easy to use cookies to achieve, in fact, in order to avoid the bank card information leakage of the solution used is quite lightweight. When the user first uses, the history can be hidden, and the next time the user comes back, the history of the record. The user experience will be good when the user becomes an "advanced user", has many contacts (at least 10+), and groups the contacts so that we can upgrade the product and release the powerful contact controls for the user to use. This is also a product iteration of the agile development of the embodiment of the idea.

The small example of this article is definitely not best practice. Interactive design is not a lot of people look at the whiteboard, select the control such a mechanical work. The application of knowledge in books to practice requires considerable experience and insight, which is the wealth of interactive designers. If you have a good experience in interactive design, please share with us oh.