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 gure 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 awless
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 factorsfor testingGUI of a software or a website which you
need to be mindful of.

1. For Mandatory Fields

Make sure that if there are mandatory elds 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 speci c data type elds 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
eld. For example, if you have already limited the width of eld as 120
characters, excess characters should not be allowed to be entered in the eld.

4. For Onscreen Instructions

Any eld 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 prede ned should be followed.

8. For Type Ahead Option

If your UI contains drop down lists, check whether type ahead is included or
not. Lets 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
e ective 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
prede ned 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 le or
database for later analysis and recti cation.

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
Name Works With Tests Developer

Web (cross-
Selenium Web Collaborative project
browser)

Uni ed Functional Windows,

Windows Hewlett-Packard
Testing Web

Windows,
SilkTest Windows Micro Focus
Web

Windows,
TestComplete Windows SmartBear Software
Android, iOS

GNU Project, Henrik

Xnee UNIX X Window
Sandklef

I hope this piece of information guides you while creating test cases for your
softwares GUI.
Great going guys, have a nice day!

Who istanupriya
Tanupriya is the Quality Analyst Engineer at
LoginRadius. Her passion lies in delivering high
performance quality software quickly and e ciently.
Moreover she also enjoys the cooking and outing in
free time.