Commonly UI testing is a part of Manual testing, where we test the application like an end user or client manually. UI testing includes how the application handles keyboard and mouse input and how it displays screen text, images, buttons, menus, dialog boxes, icons, tool bars and many more visual elements.
Many of the projects in actual scenario do not contain major business rules and functionalities like the corporate websites or small websites. In a website client mainly demands a major focus on the visually good looking and user inviting interface of their website.
Here are some helpful UI testing Criteria’s for the tester at that time of UI testing:
Colours
o Are hyperlinks colours are according to standards?
o Are input fields background colours are according to client’s business requirement?
o All the buttons are in standard format and size?
o Is text colour is matching to the client requirement or branding of the business?
Images
o Images are properly aligned according to SRS / Client requirement.
o Check the images quality, it should not be blurred.
o Text around the image is properly aligned
o The image is properly visible; it should not be stretched or compressed.
Responsive
o The application should be properly accessible & visible in the all major resolutions, for example: 320px, 768px, 1280px, 1920px, etc..
Tips: We can check responsiveness of any website in Google Chrome web browser by ctrl+shift+I and in Mozilla web browser by ctrl+shift+M.
o Also it is best practice to to check the website or web application on all major browsers like Google Chrome, Mozilla, Safari, Internet Explorer (IE- tricky web browser for developers), Opera (least usage browser).
Content
o Typography – All the fonts are rendering well on variety of web browsers or device
o Font are aligned properly
o Does content remain if you need to go back to a previous page, or if you move forward to another new page?
o Proper implementation Heading tags and Sub headings are aligned properly.
o First letter of the second word appears in lowercase.
o Content should be correct, No spellings or grammatical errors.
Text and Images Alignment
o The text and images should be aligned properly.
Data integrity with database:
o If the application contains some dynamic elements which is managed through the database interaction, like Login form, Registration form, Contact us form etc.. so we need to check Data Integrity (means the data is storing in database in correct location and correct format).
Linking
o Each website has some kind of hyperlinks or interlinks between the pages, so we need to ensure that the links are properly linked to the respective pages, whether they are redirecting to correct pages or not.
Alerts & Validations Messages
o All the error messages text spelt correctly on the screen?
o If there is any form or any functional operation, then the confirmation message should be displayed for update and delete operations.
Usability
o The font size used for content is sufficient enough for end user to read.
o All the title & sub titles used in application are useful for the end user or not?
o All the terminology is useful or not for the user prospective.
Some More
o Check what happen when deleting cache.
o If there is slider then that should properly works.
“Being tester it is our responsibility to identify what’s wrong in the product, while client always wants a fully functional product and they can even identify sometimes what’s wrong.” A design interface is the primary way to communicate with the user’s mind and a good design can make a user happy & contented.
“Software testers do not design or develop but they help the team to make a software product better “
Whoaaa!! Hope the above information will help you in GUI testing, so keep visited our website and look forward to the next blog.
