Application of UI design guidelines in 360 cloud disk

In the 360 cloud disk for more than half a year, there is the pain of overtime, has been praised by users, have experienced a variety of platforms (including PC version, Web version, iphone, Android and ipad version) of the growth and accumulation, the corresponding interactive bull Jeff Johnson's UI design guidelines, this article is mainly to share with you the two points in the mobile phone cloud of the actual application:

Focus on users and their tasks, not technology

We've been struggling to find answers to these questions, which requires the entire team to clear and spend enough time to answer these questions before they start, and there are several ways to find answers:

First, clear positioning who is the target user:

In the early stages of product planning, we need to determine which categories of users this product is developed for. When confronted with this problem, we usually confidently say "everyone", because everyone wants their products in the user market coverage is high, took all groups of users; but countless outstanding products prove that the design for "Everyone" software can not satisfy everyone, the so-called tread is this truth; We should choose a specific basic target audience as the primary target user base to focus on developing this product for this segment of the user, even though the product may also have a few other types of users.

360 Cloud disk in the early stage of the project is caught in the "everyone" misunderstanding, leading to a long time the product went a detour. After rethinking and analyzing the product, the design idea was adjusted:

1, to determine the "storage, synchronization, sharing" the three major goals for the product direction.

2, based on this direction, through the group UXC with the strong support of students, through the network questionnaire and user interviews to obtain information, identified the main user groups for the regular use of computer office and higher education of this category of users.

3, through the screening and analysis of this type of user feedback (mainly to optimize the existing functions and to increase the user's new requirements of the two categories), product and interaction designers in the analysis and simulation of the main user scenario is more comprehensive, and no longer fall into the product function "all-inclusive" misunderstanding;

Second, investigate the characteristics of target users:

Of course, to understand the user must fully understand the characteristics of the potential users, then how to obtain the relevant information of the target users? Here it is necessary to use a variety of methods (such as interviewing users, usability testing, focus groups and other methods) to obtain and collate information to the product group members, here is not to elaborate, A lot of attention to our blog, later will be useful to study the students of the article for your detailed explanation Oh!

Three, multidimensional degree defines the type of target user:

Do not define the user simply in the "small white" to "brick home" in the range; We often think that the users of a particular product depend to a large extent on where they are in this range, in fact it is wrong to know, in fact, does not exist in this scope. Jeff Johnson's view is that target users can be divided into three separate knowledge dimensions.

It should be noted here that the understanding of one dimension does not represent the recognition of another dimension, and the level of each user in different dimensions is different. For example: small white and brick users are likely to buy train tickets on the site "lost", not too familiar with the financial knowledge of the programmer in the use of financial software will be crazy, but no programming experience of the financial brick home can easily use.

Summary: The function all-inclusive product is not necessarily the user wants, an outstanding product needs to understand the user, understands the task which performs and considers the software work environment.

Don't distract users from their goals

1, do not allow users to solve the additional problems

We must all have encountered the following two kinds of situations: as shown in Figure 1, when you open an iphone app, the update prompt box jumps out and makes you entangled in a situation where you want to update the new features immediately, but the App store's snail-like speed is a waste of time and can only be "later". Obviously this time the strong push frame was killed in the cradle in the second; the same example is shown in Figure 2, when you open an iphone app, the comment box jumps out, listen to the song this scene by this frame abruptly interfered once, did not hesitate to click the "No, thank you!", the frame of the end of the natural very miserable, The purpose of the evaluation is not achieved, but also let the user have the feeling of boredom, more than the number of bombs or even users unloaded, obviously counterproductive.

The original mobile phone cloud disk also used the above two examples of practice, through data statistics found that the effect is really bad, basically did not play a big role, there are some user feedback too interference. (Here is an example of an interactive scheme that modifies the scoring, and the same is true for updating the new version) based on this issue and the product staff discussion, decided to no longer use the push evaluation of the prompt box, but in the tab bar "set" next to add a red dot, evaluation of the dot disappeared, do not disturb the user, and gently convey the message to the user ( It implies that clicking here will have a "surprise", as shown in Figure 3. After the new version of the online, the evaluation of the amount of data is much higher than before, there is no user feedback on such issues;

Then, in response to the user's need to view the action history, the previous Settings tab was changed to "About Me", "Settings button on the" About Me "page on the upper right corner, if you continue to use the previous version of the scheme, the" setting "on the red icon continues to be very strange, and after discussion with the project team members, Decided to extract the score from the setup item and show it as the "Give Me a rating" message bar, always displayed at the top of the operation history, and when the user evaluates it, the content disappears, as shown in Figure 4. Such an information bar is not very disturbing users, but also makes it easy for users to think of the entrance to the evaluation, through the later data statistics found that the effect of evaluation is also very good, or even more than we have expected. Obviously if you want to make users willing to give your product rating, relying on simple violence is not feasible, the above mentioned two methods can not be too disturbing the user's premise, to achieve very good results.

Summary: Product design should not distract users from their own tasks and goals. Don't let people always make a choice, if the product design forcibly interrupted the user's attention, wasted the user's time, it will need to reconsider the design of new product solutions.

Digression: If possible, avoid adding setup modules to your program. Settings contain preferred program behavior and information, which are rarely altered. For example, iOS annoying notification system, users must first quit the program, to iOS settings to change, not the user can expect.

The importance of setting is reduced when you match the design to the expectations of the user. If you are sure that Setup is necessary, let the user set the preferred program behavior in the program using the configuration options.

2, the elimination of those who have been pondering the derivation of the use of things

As shown in Figure 5 for mobile phone cloud upload photos of the process, users click to backup photos, automatically uploaded to the user by default to create the name "Cloud album" folder. At that time, we feel that this process is very reasonable, for users to save the choice or create a photo album time and cost, why not? After using the research classmate to the mobile phone cloud disk Typical user to carry on the usability test, has viewed the statistics regarding this question, discovered that most users are puzzled to this process; After uploading the photos, The user's first feeling is uploaded successfully, after all the pictures are uploaded successfully, then ask the user where the picture to go? Users in a variety of clicks, found that there is still no picture of where to go, at this time the user needs to be a variety of guessing to find the answer, but also may not finally find the answer, Obviously the product is designed so that it does not conform to the user's mental model.

The entire project team based on this issue after discussion, the original process was optimized to solve the user can not find the upload location problem, as shown in Figure 6 of the new process. Once again, on this issue, after usability testing for a typical user, users will clearly understand where the photo has gone, because the photo uploaded the album is the user's own choice or create, although the optimization scheme than the original scheme more than one step, but successfully resolved the user's confusion, The user for this step of the operation also did not appear too much complaining voice, to achieve without the user to ponder and deduce the purpose of the answer.

Summary: The product function design should not let the user ponder to speculate, the design plan should let the user complete the task clearly and clearly.

Above mainly explained two UI design guidelines in the product application, the cloud disk product many designs also used other criteria, because time is limited, will be next article for you to continue to explain, welcome everybody to use 360 cloud plate Oh, and gives the feedback suggestion!