Tuesday 10 September 2019

Top Factors To Watch Out While Writing Test Cases For UI

Hello guys! Hope you are doing great today. After an overwhelming response I received from my previous post How to write Test Cases for Registration and Login Page, I feel sharing another piece of interesting topic for our tester community: top factors to watch out while performing a UI testing.

To Err Is Human

The same thing happens when we create test cases for software. And when testing a GUI , it is impossible to figure out every possible test case that creates a comprehensive testing environment. Hence, here I am trying to share your burden and feature a list of important test cases that are vital to result a flawless GUI.

Well, before we dive deep into the following test cases for UI, let us prepare a checklist for our GUI testing:-

  • Checking length, width, position, and size of numerals and characters. You also have to make sure that numerals and characters are accepted in the textbox or not.
  • Checking the occurrence of error messages for any faulty input or process
  • Checking whether GUI elements are in order
  • Checking if images are properly aligned on every page
  • Checking if images are of good quality and clarity
  • Checking if the font is easily readable to human eyes.

Now, here are the 16 factors for testing GUI of a software or a website which you need to be mindful of.

1. For Mandatory Fields
Make sure that if there are mandatory fields in your website form, they are marked by red asterisk. Hence, it will be clearly displayed to users.

2. For Data Types
If your page includes specific data type fields like date, time, currency etc., verify that valid data is accepted by the input box.

3. For Field Widths
Verify that the width of data inputted into the textbox is less than the width of field. For example, if you have already limited the width of field as 120 characters, excess characters should not be allowed to be entered in the field.

4. For Onscreen Instructions
Any field or area on a page, if not self-explanatory, should include on-screen instructions that are helpful to users. Ensure that those instructions are laymen, concise and informative.

5. For Progress Bars
If your page is taking more than 5 seconds to produce results, your page should include a progress bar.

6. For Cosmetic Irregularities
Watch out for design irregularities on every page of your website. If not checked properly, it can ruin your user experience.

7. For Abbreviations Irregularities
If your page contains abbreviations, make sure that they are consistent on every page on the website. Font style and size that are predefined should be followed.

8. For Type Ahead Option
If your UI contains drop down lists, check whether “type ahead” is included or not. Let’s take an example, there are more than 100 names in the list like list of countries. The drop down list should include “type ahead” function to facilitate selection of the desired name.

9. For Shortcuts
If shortcuts like Ctrl + C are allowed on your webpage, ensure that they are effective and consistent on every page of your website.

10. For Grammar and Spelling
Verify the content of your website and check diligently for any spelling or grammatical error.

11. For Buttons
Verify whether each button like OK, Submit or Cancel are in the right order on every page. Moreover, there should not be OK/Cancel on one page and Save/Cancel on another.

12. For Menus and Links
Verify that menu elements that are invalid or not applicable to the respective page are not present or at least disabled on the screen. When talking about links, links should be placed in the same pattern (there should be enough space between two consecutive links) and their color should be consistent.

13. For Color Scheme and Images
Ensure that page uses the right set of color scheme and the website follows a consistent pattern throughout. Header colors and background colors should be predefined in the scheme. Also, make sure that images you introduce on every page of your website are in order. You can know more about it in our previous article about choosing right color scheme while web designing.

14. For Font Type
The font sizes should be consistent throughout the website. Professionalism of a website or a software should be kept in mind while deciding a font type.

15. For Error Messages
Verify whether error messages are grammatically correct and informative.

16. For Scrolling and Error Logging
If there is an error on a page, it should be recorded or entered to a log file or database for later analysis and rectification.

If any data presented in table format is going past one page, make sure that scrolling the page will not break the table and keep the heading of the table undamaged.

Some Tools To Help Your GUI Testing

Works With
Web (cross-browser)
Collaborative project
Windows, Web
Windows, Web
Micro Focus
Windows, Android, iOS
SmartBear Software
X Window
GNU Project, Henrik Sandklef

I hope this piece of information guides you while creating test cases for your software’s GUI.

Great going guys have a nice day!
Load disqus comments