Shulou(Shulou.com)06/03 Report--

What is UI?

UI is short for User Interface (user interface). UI design refers to the overall design of human-computer interaction, operation logic and beautiful interface of the software.

Good UI design not only makes the software have personality and taste, but also makes the operation of the software comfortable, simple, free, and fully reflects the positioning and characteristics of the software.

The starting point of UI design: UI interface design should be closely combined with user research, and it is a process of constantly designing satisfactory visual effects for end users.

The three principles of user interface design are: putting the interface under the control of the user, reducing the memory burden of the user, and maintaining the consistency of the interface.

Essential qualities of UI:

1. Clear

Clarity is a quality that user interface design must have. if your interface design is very vague, users will not be able to experience a better user experience, which will affect the overall impression of users.

two。 Brevity

UI design is not only clear enough, but also needs to be concise and clear at a glance. If the interface is full of too many things, it will make it more difficult and boring for users to find content, and a simple picture can solve this problem very well.

3. Familiar with

The familiarity here means that only when designing UI, we should abide by certain design specifications, such as the character with underscore is hyperlinked, and the cross is to be exited or deleted, so that users not only have a familiar feeling when using it, but also easy to manipulate.

4. Response

Good user interface design must respond quickly, can not let users have a slow response feeling. And the interface should have a reminder function to let users know some feedback.

5. Consistent

In the design of UI, maintaining the consistency of interface style is also a very important part of the whole application design, consistent style will not make users feel wrong.

6. Aesthetic

Beautiful things always make people feel happy, and we should also pay attention to the enhancement of aesthetics when designing the page.

After learning about UI design in du Niang, let's rethink how to test UI.

Around the key points of the UI design, the test goal is mainly to see whether the UI meets the original intention of the design. The following is the UI test content of the mobile APP application:

Overall goal:

1. Look at the picture and show what it means. Icons represent functions, and you can see what functions they represent at a glance. Icons are common, and users can only be successful if they are accepted by innovative users.

two。 The layout of the interface is simple: the control position, quantity, reasonable interval, uniform color and style in the interface will not be spent.

3. The steps to achieve the function are simple: menu level control, within level 3 is the best, otherwise users will feel too complex. The steps are reasonable, the fewer menu levels, the better.

Specific test items:

Graphics include pictures, borders, colors, fonts, backgrounds, buttons, etc.

1. Make sure that the graphics have a clear purpose and that the pictures are not piled together randomly.

two。 Verify that all page fonts have the same style.

3. The background color matches with the font color and background color.

4. The size and quality of the picture, clear, the smaller the capacity, the better.

II. Interface testing

1. Whether the icon style and background (color, picture) of each interface are consistent.

two。 Whether the layout of each interface is reasonable: controls, text, line position, quantity, color is reasonable, whether to match with the overall style.

3. Whether there are typos in the interface text. Whether the text size, color and position of each interface are the same. For example: title text

4. Whether the picture is clear and the size is reasonable.

5. Are the same icons in each interface consistent?

6. Whether the styles of the various prompt boxes are consistent.

7.

8. Whether the column phenotypic interface has the effect of sliding up and down.

9. The function entrance is obvious and easy to find (the layout highlights the main functions, users can quickly find a function if they want to find a function, and the operation is simple).

Test points for the following interfaces:

1. Title bar

a. Check the correctness of the title block text description.

b. Compare whether the title bar effect of each interface is consistent.

two。 Words

a. Check the correctness of the text description. (consistent with the function of the software)

b. Whether there are typos in the text.

c. Whether the color, size and position of the text are consistent.

d. The words are the same. Where the function is the same, check whether the text used is the same. For example: "options" and "Settings".

3. Control

a. Control is aligned or not.

Side-by-side relational controls-- left and right alignment

Peer relationship controls-horizontal alignment

Ownership relationship controls-whether they should be indented

b. Control status: selected, unchecked, available, not available (gray is not available)

The C.Edit control judges the validity of the input

Length judgment, legitimacy judgment, data size judgment and so on.

The above represent personal views, not very complete, we can add that this article is mainly a general language, there are no examples, we can mainly understand the test objectives, so that the test has a direction.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.