Detailed explanation of UI test content of mobile app testing

UI is short for User Interface. UI design refers to the overall design of the software's human-computer interaction, operation logic, and beautiful interface. A good UI design is not only to make the software have personality and taste, but also to make the operation of the software comfortable, simple and free, and fully reflect the positioning and characteristics of the software.
  
The three principles of user interface design are: put the interface under the user's control; reduce the user's memory burden; maintain the consistency of the interface.

UI essential qualities:

1. Clarity
Clarity is a quality that must be possessed by user interface design. If your interface design is very vague, users will not be able to experience a better user experience in it, which will affect the overall impression of users .

2. Concise
UI design is not enough in addition to being clear, but also needs to be concise and clear at a glance. If the interface is filled with too many things, it will make it difficult and boring for users to find content, and a concise screen can solve this problem very well.

3. Familiarity The familiarity mentioned
here means that when designing the UI, certain design specifications must be followed. For example, underlined characters are hyperlinked, and the cross sign is to exit or delete, so that users not only have Familiar feel and easy to maneuver.

4. Responsiveness A
good user interface design must respond quickly, and it cannot make the user feel that the response is slow. And the interface should have a reminder function to let users know some feedback information.

5. Consistency
When designing the UI, maintaining the consistency of the interface style is also a very important part of the entire application design. The consistent style will not make users feel wrong.

6. Aesthetics
Beautiful things always give people a sense of pleasure, and we should also pay attention to the enhancement of aesthetics when designing pages.

So how to test UI?

Focusing on the key points of UI design, the test target mainly depends on whether the UI meets the original intention of the design. The following is the UI test content of the mobile APP application:

1. Graphics test
Graphics include pictures, borders, colors, fonts, backgrounds, buttons, etc.
1. To ensure that the graphics have a clear purpose, the pictures should not be piled up randomly.
2. Verify that the style of all page fonts is consistent.
3. The background color matches the font color and background color.
4. The size and quality of the picture should be clear, and the smaller the capacity, the better.

2. Interface test
1. Whether the icon style and background (color, picture) of each interface are consistent.
2. Whether the layout of each interface is reasonable: whether the control, text, line position, quantity, and color are reasonable, and whether they match the overall style.
3. Check whether there are typos in the interface text. Whether the text size, color and position of each interface are consistent. For example: title text
4. Whether the picture is clear and the size is reasonable.
5. Whether the same icons in each interface are consistent
6. Whether the styles of various prompt boxes are consistent.
7. Whether the prompt is friendly and concise.
8. Whether the list interface has the effect of sliding up and down.
9. The function entrance is obvious and easy to find (the layout highlights the main function, the user can quickly find a function if he finds it, and the operation is simple).

The test points of the following interface:
1. Title bar
A. Check the correctness of the text description of the title bar.
B. Compare whether the title bar effect of each interface is consistent.

2. Text
A. Check the correctness of the text description. (Consistent with the software function)
B. Whether there are typos in the text.
C. Whether the color, size and position of the text are consistent.
D. Consistent words and phrases. Where the function is the same, check whether the text used is the same. For example: "Options" "Settings".

3. Controls
A. Controls are aligned or not.
  Side-by-side relationship control - left and right alignment of the
  peer relationship control - horizontal alignment of the
  ownership control - whether it should be indented
B. Control status: selected, unselected, available, unavailable (gray is unavailable)
C. Edit control is valid for input Sex judgment: length judgment, legality judgment, data size judgment, etc.

The above are some basic UI testing contents. UI is the key factor that directly affects the user experience, and it is also an important part of the app testing project before an app is launched.