Tap to Call

17th June 2020

The Ultimate Guide to Website QA

Just how good can a website be without it being QA (Quality Assurance) tested? Before we dig deeper, let’s take a look at the QA process.

The QA process

This is a series of procedures used to make sure that your new website has been expertly crafted to a high standard.

And by high we mean excellent. It is a process that stands apart from the development and design processes, whilst being just as important.

When your web designer applies the QA process, he will be making sure that there are no bugs present whilst simultaneously looking at the quality of the user experience (UX) and interface (UI).

If you think about the many different components that make up your website, you will see that the QA process needs to be exhaustive.

Whilst it is not physically possible to check every single variable that makes up the process of development, the QA will go a long way towards doing so.

Of course, there will be variables that impact upon the website that the QA cannot get into, such as quality of internet connections, browsers and variation created due to screen sizes. However, you can be assured that any good QA process will check out the website in a comprehensive way, ensuring that it functions at an optimum level.

QAs vary according to the complexity of the website. If your site is a simple one, the process will not take as long. Large custom-built sites with e-commerce or other advanced elements may even take several days to complete.

How to conduct a QA

So now that you know what a QA is, how do you conduct one? We have put together the ultimate guide to website QA that will ensure you miss nothing out. If your website designer is doing this for you, then you can use this guide to communicate with him during the process, knowing that everything is being taken care of as it should be.

Design

Design testing comes first. This is when the website design ideas are checked against the staged site plan that the client has approved. Each element needs to be present and have complete adherence to the specification.

Things that fall into this category are colour schemes, spacing, font style and spacing.

Navigation

User flow (navigation) is reviewed during the wireframe stage of building your website. The wireframe is the web page layout that shows what interface elements will figure on certain pages.

This is the time when site navigation and user accessibility need to be reviewed. The user must be able to navigate easily and quickly, arriving at their chosen place on the site without a hitch.

Content

As the saying goes, ‘content is king’ and this is very apt when it comes to QA. Your content needs to be top quality, informative, interesting and well-structured.

The site needs to be completely overhauled and things such as spelling, grammar and filler text checked. Background, text colours and texts should not make the content difficult to read.

Content also covers images.

High-resolution is an absolute must.

Images should also be web optimised to make sure they don’t slow down page loading speeds.

Link Validation

Hyperlinks shown on the site must work.

There is nothing worse than a viewer clicking on a link and finding that they end up going nowhere, or to the wrong place.

Links have to be present and going through to the correct document or web page.

Hyperlinks may be found within the text, graphics, images, logos, buttons and even social media icons.

Forms/Input Validation

Plenty of websites use forms to collect data from viewers.
If your website is one of these, it is essential to check each input field in the form as shown.

Whether the form is being used so that users can make contact, set up a new account, to login or complete a questionnaire, all fields need to be active.

This includes fields that are optional or essentially required.

Of course, it is pointless collecting the information on the forms if you are not receiving it.

This is when checks are made to be sure that completed forms are being delivered to the correct email address so that they can be dealt with promptly.

Interoperability

In these days of avid mobile use, your website needs to be functional and responsive, being viewed correctly on all mobile devices.

The best way of testing this is to create a list of the most popular mobile phones and then test interoperability on each one, as well as laptops and desktops of varying sizes.

The use of different browsers also falls within this category, so it is essential to test all of the key ones such as Google Chrome, Safari etc.

Browsers and mobiles change over time so this list will need to be updated regularly. It is also essential to look out for the following:

Custom Functionality

Where your website build has involved the creation of custom functionality, each item needs to be tested.

This will ensure that when viewers use the site, there will not be any hiccups.

Items that fall within this category include payment transactions, making a booking, creating new accounts, etc. Nothing can be left to chance.
e-commerce

Obviously, the QA process is far more involved with e-commerce sites. Testing will vary according to the complexity of the site but most times will involve:

Craig

Director of ALT Agency with a passion for all things design 
& conversion driven. Love Formula 1, Business and Property Investing.

Our goal? To help brands grow and prosper.

Now we’d like to hear yours:

Do you have a big idea that you want to bring to the market quickly via a beautiful and user-friendly website? Whether you have the details of a project ready to go or need help finishing an existing project or even starting one from scratch, our team will help you achieve the results you need to make your business profitable.

Get In Touch Today