Test everything ! That’s always and will continue to be a popular mantra of mine. And it’s still as true today as it ever was. A recent project I’ve been working on involved building a responsive form for a client. ” Don’t worry – It’s fully responsive !! ” we were told by the developers. I couldn’t resist a little look though- on IE,8,9,10,11,Safari, Chrome, Firefox and then across various tablet and mobile devices including iPad,iPad mini, iPhone, Samsung, Nexus to name a few on native browsers, chrome mobile, and various orating systems. And boy am I pleased I did!! Just in the same way as you need to test across a wealth of browsers and not just Firefox, just because someone says the site works on mobile doesn’t mean it works across all the major mobiles/ tablets and their various broswers and operating systems…
There were too many issues with the prototype form to mention here, however here’s a selection of some of major (major meaning conversion would drop off a cliff!!) issues I found with the form.
1) Using Google Chrome on Android devices showed that the dropdowns weren’t working properly on the form. When you selected something it didn’t actually show the choice until the next field was selected. This was to down to the way the form handled inline field validation. Yet on Android native browser these dropdowns worked fine. Obviously if a dropwdown isn’t initially showing the value a customer has selected it’s gong to cause customer issues.
2) Recent testing on Samsung devices on the default browser showed gradients in fonts still aren’t always picked up – so the lovely graduated colours in the title of the form (probably pretty fundamental to the client and to the brand team) was replaced by a large graduated block of colour !
3) There were issues with the form not being as responsive as you’d expect. Again different viewports and devices can throw up several issues and show that the site isn’t as responsive as you may think. Obviously with different viewports coming on the market it’s a good idea to review your site or projects on some of the key devices which are likely to access your site. A good example is the new iPhone 6 which will have a very slightly wider viewport than the traditional 320 in portrait view and means your site may not look quite so hot as it does on an older iPhone – 5 and below…
Emulators can be used however in my experience there’s nothing like having some of the kit available and to try and replicate the software settings you think your customers are likely to have. And keep testing, again and again until you know it’s right.
This entry was posted in Uncategorized
. Bookmark the permalink