APP front-end usability and UI testing

APP use mobile scene features

1. Small screen:

Compared with the Web system, APP installed in the mobile phone side, only a few inches display screen, can display the information is very limited and precious, valuable information we need to amplify, in a visible position.

2. complicate the scene:

Since APP users in the crowded bus, walking, movement even when using a cell phone, so we are in the design and testing must take into account a variety of situations, such as network instability, lack of electricity, information / dial, had to switch screens, etc. .

3. Time is fragmented:

Users use in mobile applications are mostly fragmented, designed to meet the user needs to take into account the fragmentation of time usage, enables the user to understand the intentions and methods of operation in a short time. APP products so be sure to get easy to understand, easy to learn, easy to operate, simple and convenient.

4. Enter difficulty of:

We need to consider typing on tiny mobile phone screen is a very hard thing, little bad press the button, and error-prone, and should therefore be appropriate to reduce the user's input operation;

For example, you can set to automatically match the search; demonstrate popular search terms and so on.

5. Finite Capacity:

Therefore, the installation package size also affects the user experience, we should try to be concise.

 

For more features APP scene from the perspective of the test are summarized in the following test points:

 

 

Installation and testing:

1) installation progress bar tips;

2) the first start pre-loading time should not be too long, it is recommended around 3s


Unload the test:

1) APP unloading Are error message indicating that the language is friendly, whether the statement fluent.

2) test system directly uninstaller Are error messages.

3) whether the test uninstall delete all the files of all the installation folder.

4) whether to support the uninstall feature to cancel, click Cancel circumstances after the software is uninstalled.


Upgrade Update Test:

1) Is there a system upgrade prompt;

2) Mandatory updates poor user experience.


Start Page:

1) Start page display time is less than equal to recommend 3s;

2) Start page highlight the product name, logo, the page is simple, natural and beautiful color


User Guidelines:

1) The first time users download APP, pop-up user interface guidelines;

2) the application of the core functions using the methods of guidance on writing clear and concise;

3) guidelines recommend the use of less than five


register log in:

1) may be a button click operation advice display black or dark blue, represents clickable

2) Enter the user name and password prompt (the user name input box: Please enter the phone number / username)

3) the username / password incorrectly formatted prompt, enter the item will not be automatically cleared

4) username / password character after, there should completely delete button (easy to completely empty, it can literally delete)

5) Set the password display / hide function

6) Keyboard systolic function (small models of the device may be covered by live keyboard login button)

7) recommended to set the "next" button on your keyboard


Remote login test

1) The user is logged out, suggesting that the current account to log in to other devices (inform the user account password there is a risk of leakage, reference letters and other micro-APP)


search for:

1) Search Control search input box supports automatic matching;

2) Save the search history, delete and support;

3) search for hot words


Fault-tolerant applications:

1) allows only digital input box (the date, the telephone number input box, etc.) popup numeric keypad

2) only allows you to enter English characters and numbers (password) input box, out of the English keyboard input


contact number:

1) telephone number displayed in blue font, click on the pop-up control dial


Core functions:

1) ensure that the core functions and basic functions normally available, flash back does not occur, the problem of ANR


System response:

1) in the case of the network is good, no click operation should be made in response to normal 3s: jump, pop or tips;

2) the page is loaded, the load should be obvious signs;

Etc. 3) file to read, download or upload requires users to wait a long time of operation, there should be a progress bar;


Web environment:

1) No network environment, the user initiates a request, should immediately prompt: The current network anomalies, please try again later (notices fluent language-friendly)

2) Start-free network environment (or first start), flash back operation does not occur, the ANR


Memory consumption:

1) Application of the share memory size is reasonable, rational application memory use;

2) the release of the memory is normal, whether there is a memory leak;


Power consumption:

1) Check the normal use and run in the background when battery power is normal;


Traffic consumption:

1) a request for the current network traffic consumed large, and the current under non-wifi network environment, should prompt: You are using non-WiFi network, will produce more traffic costs


FPS (frame rate):

1) each frame refresh time <16ms (used to indicate whether the smooth page rendering, the higher the FPS, on behalf of your applications run more smoothly. When reached 60+ FPS, users do not feel Caton .Android subjective test system tools: Android comes with developer tools)


Cell temperature:

1) applied after a period of continuous operation temperature is significantly increased


Message Center:

1) Message Center recommended to set the upper right corner of the application home page;

2) applied to the received message, message center inlet (bell) should be a red dot (or numbers) identifying unread messages;

3) Click to enter the message list: a list of unread messages show a red dot


Licenses

1) When the application to access location, network, photo, health data and other functions, you need to pop Licenses window;


brightness:

1) two-dimensional code based payment page, automatically adjust the brightness to 80% or more;

2) leisure applications (read APP, forum category) support night mode


Navigation menu:

1) core function, more frequent users of the function, whether at the entrance to show clear significant position (remember users to quickly and easily find the entrance);

2) Function buttons position meets user habits: The upper left corner is generally: return control; the lower right corner is generally user-centered;

3) part of the jump page function associated with whether or flexible (such as purchase orders and my page);

4) Is there a part of the function of the navigation hierarchy too deep;

5) whether the entry position related functions similar concentration;

Are 6) the name and other text accurate and intuitive navigation, can do it hope to know Italian culture;

7) navigation and page structure, menu, style pages within an application or between different systems (Android / iOS) are the same


interface design:

1) different systems / models / resolution / vertical screen display when the adaptive interface design is reasonable, according to content adaptive window display size of the full problem (if misalignment occurs, block, blank, stretching and blurring)

2) All functions have inlet Android and iOS display, and the same position

3) whether or not input box important information is placed on the page prominently (Tab order front)

4) page pictures make sense, is beautiful, focused

5) When the page operation button is disabled, if the button is grayed out; you can click the button operation is displayed in blue or black, indicating that you can click

6) higher picture quality and picture size in the case of design to meet the requirements should be as small as possible, or use the cache 

7) icon and function match, but it can not be repeated.


Pop-ups:

1) when required multiple pop pop, it proposed to adjust the order of priority and, at the same time do not show


Text:

1) Enter the caption box content and system functions are the same

Name unity 2) within an application or between different systems, functions and operations of

3) text description is correct, fluent, concise, no typos and grammatical errors


prompt:

1) prompt window style and choose whether the button style uniform;

2) Content Inspection Tips

3) remove, freeze, will bring a greater impact on the operation pin cards confirm dialog;


color:

1) different color of color can not recommend too much (color but three)

2) color match is reasonable: the background color and contrast button operation tone clear whether

3) primary colors between different pages within the application are consistent

4) border recommend choosing gray, with lighter background color contrast can not be too obvious

1. Small screen:

Compared with the Web system, APP installed in the mobile phone side, only a few inches display screen, can display the information is very limited and precious, valuable information we need to amplify, in a visible position.

2. complicate the scene:

Since APP users in the crowded bus, walking, movement even when using a cell phone, so we are in the design and testing must take into account a variety of situations, such as network instability, lack of electricity, information / dial, had to switch screens, etc. .

3. Time is fragmented:

Users use in mobile applications are mostly fragmented, designed to meet the user needs to take into account the fragmentation of time usage, enables the user to understand the intentions and methods of operation in a short time. APP products so be sure to get easy to understand, easy to learn, easy to operate, simple and convenient.

4. Enter difficulty of:

We need to consider typing on tiny mobile phone screen is a very hard thing, little bad press the button, and error-prone, and should therefore be appropriate to reduce the user's input operation;

For example, you can set to automatically match the search; demonstrate popular search terms and so on.

5. Finite Capacity:

Therefore, the installation package size also affects the user experience, we should try to be concise.

 

For more features APP scene from the perspective of the test are summarized in the following test points:

 

 

Installation and testing:

1) installation progress bar tips;

2) the first start pre-loading time should not be too long, it is recommended around 3s


Unload the test:

1) APP unloading Are error message indicating that the language is friendly, whether the statement fluent.

2) test system directly uninstaller Are error messages.

3) whether the test uninstall delete all the files of all the installation folder.

4) whether to support the uninstall feature to cancel, click Cancel circumstances after the software is uninstalled.


Upgrade Update Test:

1) Is there a system upgrade prompt;

2) Mandatory updates poor user experience.


Start Page:

1) Start page display time is less than equal to recommend 3s;

2) Start page highlight the product name, logo, the page is simple, natural and beautiful color


User Guidelines:

1) The first time users download APP, pop-up user interface guidelines;

2) the application of the core functions using the methods of guidance on writing clear and concise;

3) guidelines recommend the use of less than five


register log in:

1) may be a button click operation advice display black or dark blue, represents clickable

2) Enter the user name and password prompt (the user name input box: Please enter the phone number / username)

3) the username / password incorrectly formatted prompt, enter the item will not be automatically cleared

4) username / password character after, there should completely delete button (easy to completely empty, it can literally delete)

5) Set the password display / hide function

6) Keyboard systolic function (small models of the device may be covered by live keyboard login button)

7) recommended to set the "next" button on your keyboard


Remote login test

1) The user is logged out, suggesting that the current account to log in to other devices (inform the user account password there is a risk of leakage, reference letters and other micro-APP)


search for:

1) Search Control search input box supports automatic matching;

2) Save the search history, delete and support;

3) search for hot words


Fault-tolerant applications:

1) allows only digital input box (the date, the telephone number input box, etc.) popup numeric keypad

2) only allows you to enter English characters and numbers (password) input box, out of the English keyboard input


contact number:

1) telephone number displayed in blue font, click on the pop-up control dial


Core functions:

1) ensure that the core functions and basic functions normally available, flash back does not occur, the problem of ANR


System response:

1) in the case of the network is good, no click operation should be made in response to normal 3s: jump, pop or tips;

2) the page is loaded, the load should be obvious signs;

Etc. 3) file to read, download or upload requires users to wait a long time of operation, there should be a progress bar;


Web environment:

1) No network environment, the user initiates a request, should immediately prompt: The current network anomalies, please try again later (notices fluent language-friendly)

2) Start-free network environment (or first start), flash back operation does not occur, the ANR


Memory consumption:

1) Application of the share memory size is reasonable, rational application memory use;

2) the release of the memory is normal, whether there is a memory leak;


Power consumption:

1) Check the normal use and run in the background when battery power is normal;


Traffic consumption:

1) a request for the current network traffic consumed large, and the current under non-wifi network environment, should prompt: You are using non-WiFi network, will produce more traffic costs


FPS (frame rate):

1) each frame refresh time <16ms (used to indicate whether the smooth page rendering, the higher the FPS, on behalf of your applications run more smoothly. When reached 60+ FPS, users do not feel Caton .Android subjective test system tools: Android comes with developer tools)


Cell temperature:

1) applied after a period of continuous operation temperature is significantly increased


Message Center:

1) Message Center recommended to set the upper right corner of the application home page;

2) applied to the received message, message center inlet (bell) should be a red dot (or numbers) identifying unread messages;

3) Click to enter the message list: a list of unread messages show a red dot


Licenses

1) When the application to access location, network, photo, health data and other functions, you need to pop Licenses window;


brightness:

1) two-dimensional code based payment page, automatically adjust the brightness to 80% or more;

2) leisure applications (read APP, forum category) support night mode


Navigation menu:

1) core function, more frequent users of the function, whether at the entrance to show clear significant position (remember users to quickly and easily find the entrance);

2) Function buttons position meets user habits: The upper left corner is generally: return control; the lower right corner is generally user-centered;

3) part of the jump page function associated with whether or flexible (such as purchase orders and my page);

4) Is there a part of the function of the navigation hierarchy too deep;

5) whether the entry position related functions similar concentration;

Are 6) the name and other text accurate and intuitive navigation, can do it hope to know Italian culture;

7) navigation and page structure, menu, style pages within an application or between different systems (Android / iOS) are the same


interface design:

1) different systems / models / resolution / vertical screen display when the adaptive interface design is reasonable, according to content adaptive window display size of the full problem (if misalignment occurs, block, blank, stretching and blurring)

2) All functions have inlet Android and iOS display, and the same position

3) whether or not input box important information is placed on the page prominently (Tab order front)

4) page pictures make sense, is beautiful, focused

5) When the page operation button is disabled, if the button is grayed out; you can click the button operation is displayed in blue or black, indicating that you can click

6) higher picture quality and picture size in the case of design to meet the requirements should be as small as possible, or use the cache 

7) icon and function match, but it can not be repeated.


Pop-ups:

1) when required multiple pop pop, it proposed to adjust the order of priority and, at the same time do not show


Text:

1) Enter the caption box content and system functions are the same

Name unity 2) within an application or between different systems, functions and operations of

3) text description is correct, fluent, concise, no typos and grammatical errors


prompt:

1) prompt window style and choose whether the button style uniform;

2) Content Inspection Tips

3) remove, freeze, will bring a greater impact on the operation pin cards confirm dialog;


color:

1) different color of color can not recommend too much (color but three)

2) color match is reasonable: the background color and contrast button operation tone clear whether

3) primary colors between different pages within the application are consistent

4) border recommend choosing gray, with lighter background color contrast can not be too obvious

Guess you like

Origin www.cnblogs.com/wuzm/p/11684353.html