APP--ui Test

What is a UI?

The UI is the abbreviation for user Interface (UI). UI design refers to the whole design of human-computer interaction, Operation logic and beautiful interface of software.

Good UI design is not only to make the software has a personality and taste, but also to make the operation of the software comfortable, simple, free, fully reflect the positioning and characteristics of the software.

UI design starting point: UI interface Design and user research closely, is a continuous design for the end-user satisfaction of the process of visual effects.

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

UI Required Quality:

1. Clear

Clear is the user interface design must have a quality, if your interface design is very vague, users will not be able to experience a good experience in it, which will affect the overall impression of users.

2. Simplicity

The UI design, in addition to being clear enough, needs to be concise and look at a glance. If the interface is flooded with too much stuff, it will make it difficult and tedious for the user to find the content, and the simple picture will solve the problem very well.

3. Familiar with

It is said that the familiar is only in the design of the UI, to comply with certain design specifications, such as the underlined character is a hyperlink, the fork is to be exited or deleted, so that users in the use of not only a familiar feeling, but also easy to control.

4. Response

A good user interface design must respond quickly and not allow users to experience a slower response. And the interface should have a reminder function, let the user know some feedback information.

5. Consistent

While designing the UI, maintaining the consistency of the interface style is an important part of the overall application design, and a consistent style does not give the user a sense of amazement.

6. Aesthetics

Good things always make people have a sense of pleasure, in the page design should also pay attention to the enhancement of aesthetics.

After understanding the UI design in the mom's, let's think about how we want to test the UI again.

Focusing on the key points of UI design, the test goal is to see if the UI satisfies the design's original purpose. The following is the UI test content for the mobile app:

Overall objectives:

1. Look at the picture to indicate its meaning. Icon represents the function, a look at the icon to understand what the function, icon Common, take the innovation route user acceptance is considered successful.

2. Simple interface layout: Control position in the interface, quantity, reasonable interval, color style unified, will not spend.

3. The function realizes the simple step: the menu Series control, the 3 level is best, otherwise the user may feel too complex. Steps reasonable Menu Series the less the better.

Specific test items:

First, the graphic test

Graphics include pictures, borders, colors, fonts, backgrounds, buttons, and so on.

1. To ensure that the graphics have a clear purpose, the picture should not be randomly stacked together.

2. Verify that all page fonts are in the same style.

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

4. The image size and quality, clear, the smaller the better.

Second, interface testing

1. Each interface icon style, background (color, picture) is consistent.

2. The layout of each interface is reasonable: control, text, line position, quantity, color is reasonable, and the overall style is matched.

3. Is there a typo in the interface text? All circles of the text size, color, location is consistent. For example: Title text

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

5. The same icon is consistent in each interface

6. The style of the various cue boxes is consistent.

7. The prompt is friendly and concise.

8. Does the list-type interface have a sliding effect?

9. Function entrance is obvious, easy to find (layout highlights the main function, the user to find a function quickly can function, easy to operate).

Test points for the following interfaces:

1. title bar

A. Check the title bar for the correctness of the text description.

B. Compare the title bar effect of each interface.

2. Text

A. Check that the text description is correct. (in accordance with the software function)

B. Is there a typo in the text?

C. The color, size and position of the text are consistent.

D. The wording is consistent. function in the same place, check if the text used is the same. For example: "Options" "Settings".

3. Controls

A. The control is aligned with no.

Side-by-side relationship control--align left and right

Peer relationship Control--Horizontal alignment

Owning relationship control--whether it should be indented

B. Control state: Checked, unchecked, available, unavailable (gray is not available)

C.edit control to determine input validity

Length judgment, legality judgment, data size judgment, etc.

The above represents a personal point of view, is not very complete, we can add, another this article is mainly general language, not a single example, we mainly understand the test objectives can be, so that the test has a direction.

This article is from the "Test Road" blog, be sure to keep this source http://yangliqin.blog.51cto.com/8836122/1411184