To provide effective testing across various devices I will be testing the site on physical devices, when possible, and also make use of online emulators to see how the site reacts to smaller device screens.
The physical devices I can test the device on are:
- Blackberry Z10 — provided for testing purposes by the university
- Nokia Lumia 920 — my personal mobile device
- iPhone 4 — an older device I personally own, which was a device commonly used by those responding to my survey
- HTC Sensation — a friends previous phone which I have borrowed for testing purposes
- iPad 2 — my personal tablet device
- iPad mini — my personal tablet device
- HP Sleekbook envy — my personal laptop with a 15" screen
- iMac — my personal desktop with a 21" screen
I also made use of a popular emulator to test the site on a variety of popular mobile and tablet devices
By using mobiletest.me I was able to simulate how the site would react on the following devices.
- iPhone 5
- HTC One
- Samsung Galaxy Y
- Google Nexus 7
By using this approach I was able to make changes to how the site displays on tablet devices. I had initially used the same menu styling on the desktop site, however this caused an issue with the Nexus 7, where the dropdown menus would not work as they had on the other tablet devices (iPad and iPad mini). I then was able to do a quick A/B test with some users to determine whether the mobile menu or desktop menu would be the best option for tablet devices. Users unanimously chose the mobile dropdown menu for tablet devices.