The UI design concept learned by the evaluation system

Half a month ago, our evaluation prototype team passed the third teacher's prototype acceptance, first of all, V4.0 prototype in the design thinking compared to the previous version of the prototype has a major breakthrough, I took this process I learned to share to the students and netizens.

Let's start by showing an interface we've done before:

At first glance, this interface does not have much problem, a very normal page, in fact, can only use "very normal" to describe it, because this page does not contain any designer's design concept, who can draw such an interface. And the feeling is "let the user need to choose too much, pigs will not use", this is not good software.

Let's analyze where this interface is worth optimizing: (tags in)

(1) Three buttons "Add", "Modify", "delete", this is the most need to modify, let the user to choose what needs to be done, this is not a good design concept, but to "in the small alley to catch the pig" feeling, as to how to do, the following introduction.

(2) A few lines in the table, must be deleted, this in the computer room charge system when the request was over; if there is not much content in the table, the table below the page change mark can be removed; ibid., the table contains a few pages, the search box can be removed.

See the first time to find the teacher to check the page, now feel really miserable.

Through analysis of an old page, lead to the third acceptance after the harvest:

1, through the "time limit" + "authority" + "organization" To do the interface

Similar to the "Evaluation system":

"Time limit" means before, during, and after the examination (the difference between the time period);

"authority" means the administrator, operator, general user (can see and manage the content of different) in the charge system of computer room;

"organization" means similar schools in various departments, the Courtyard Dean, the Courtyard Academic office, the system backstage (similar to the administrative body).

For example: How do I remove the three selection buttons from the use of "time limit"+"Permissions"+"Organizational Structure"?

After the background configuration, at different times (test, examinations, test) on the interface display "Add Bulletin", "Modify Bulletin", "announcement management" three interface, at a specific point in time, the other functions to more, just so.

In doing so, each user enters the system interface is not the same, and need to do the operation is his current most need to do the operation, people feel very humane, this is the combination of "time" + "rights" + "organization" benefits, otherwise every time users need to choose, so that users to think, choose a lot, And these thoughts can be completely done by us.

2, the frequency uses the high function display, the infrequently used function puts to "more".

, the top right corner of the three options, combined with the 1th above, or let the user to choose, this interface, the clear user is who? The teachers of the academic office; What are they most concerned about and most commonly used? The proportion of students at each level in each college. OK, this is set as the main interface to display, other infrequently used to hide.

Modified Graphics: More things in the upper right corner, the highest frequency of things in the main interface.

Maybe, you would say: "Isn't this a kidnapping user?" Answer: "In the alley to catch the pig", this is what the teacher said, not kidnapping users, this road is to let users go very comfortable road, is the designer of the most thoughtful for users to think of a road, how can become a kidnapping users?

3, wholeheartedly to think, and stand in the user rather than the developer's point of view to the demand.

This is also the problem we encountered in the demand, we occasionally go from the point of view of the implementation of the design of the function, which limits our thinking, either consider the implementation, or be affected by the previous system interface, "What users need what we design, or users need what we have?" "Isn't that the idea of serving the heart wholeheartedly?" "Meticulous, wholeheartedly", do it to realize that really is not simple, and to do change, the angle of thinking changes is fundamental.

4, how to let a software user run out still want to use?

Here to share a small skill, of course, can let users use up and want to use a lot of methods, to accumulate more in the future.

look at this interface:

Set a prompt to add a success, after 3 seconds automatically jump to the "Add exam" screen. And in this interface can be done to let users run out of the system, but also want to use again, really?

It is also an application of the idea of a "win" .

As an example:

take a university A for example, and the school gate of a large bookstore b cooperation, system users for college students, in the above "Add Test Success" interface for bookstore B advertising, and B bookstore to college a pay advertising costs, on the interface, each appearance of this interface, Can add 10 points to the current user's loyalty points card in the bookstore.

in this way, bookstore B is willing to advertise in the system, increase propaganda; the school has done such a small operation, to obtain advertising costs; users (students) to use the system to obtain the bookstore points, book concessions, next time you want to use the system.

In this way, a system will not have a very big relationship between the three parties, we all profit, stand in the System Designer's point of view, our benefit to others, such software, will not fire up?

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

The UI design concept learned by the evaluation system