Nowadays, people browse the Internet from different mobile devices, mainly Apple devices (iOS), Android devices, Windows Phones, etc. That is why, developing a website, it should definitely be considered to adopt the it for mobile devices with the user friendly interface. So when customers enter your site via mobile devices it will be pleasant and simple to stay there and find all the information needed.

Thus, today I will give you some tips on what should be tested on your mobile website to insure that interface looks nice and as it supposed to be.

What website colours to test:

  • Hyperlink colours.
  • (approx) standard link colours.
  • Field backgrounds colour.
  • Buttons, whether they have the standard format and size.
  • General screen background colour.

Ensure that all the colours are standard and look correct!

Testing Content:

  • Fonts (whether they are the same, unless there are obvious exceptions).
  • All the text (if aligned properly).
  • Screen prompts.
  • Headings.

 Testing Images:

  • If the graphics are properly aligned.
  • If graphics are used with an efficient file size.
  • If graphics are optimised for quick downloads.
  • If text wraps around graphics properly.
  • If it’s visually consistent even without graphics.

Testing the Instructions:

  • Check if all the texts of the error messages are displayed correctly on the screen.
  • Check if all the micro-help text spelt correctly on this screen.
  • Progress messages on load of tabbed (active) screens.

Testing the Navigation:

  • Check if the disabled fields are avoided in TAB sequence.
  • Check if the read-only fields are avoided in the TAB sequence.
  • Check if there’s a link to the HOME PAGE on every single page.
  • Check if the Tab Order specified on the screen go in sequence from Top Left to bottom right. This is the default unless otherwise specified.

Testing Usability:

  • Check the correctness of the spelt prompts on all fields.
  • Check the size of the fonts.
  • Check if it is convenient for the typical user to run the system without frustration.
  • Check if the pages print legibly without cutting off textIf the site convey a clear sense of its intended audience.
  • Check if your site is consistent and clearly recognisable.
  • Check if the system provides or facilitates customer service.

If you do all the step described and ensure that everything runs smoothly it will be great for you and your potential customers further when the site goes live. There are more testing procedures you can do, such as responsive testing, but I will talk about it next time.