In my last post breaking down the new Detailed Image, I wrote the following about our responsive design:
If you havenâ€™t figured it out by now, this was the main driving force behind this project. Mobile and tablet usage on our site has skyrocketed, with Safari on iOS becoming our #1 browser/OS combo. Itâ€™s a trend thatâ€™s only going to continue. We needed to up our game. This will be the topic of my next post where Iâ€™ll dive into some of the data. We cut the project down significantly so that we could release ASAP because every day we were without a responsive design we felt like we were losing out on a ton of potential sales.
So let’s dive into some numbers. We review our analytics regularly so the increase in mobile usage hasn’t really come as a surprise to us. It’s been happening for a few years. Anyone paying attention to smartphones knows that mobile commerce has grown through the roof.
What did surprise us a bit towards the end of 2012 was that 1) mobile traffic was on pace to overtake computer traffic in the not-too-distant future, and 2) our mobile conversion rates were significantly lower than our computer conversion rates.
Shouldn’t mobile conversion rates be lower you say? Industry data seems to suggest so, but we knew that our old half-baked mobile site was costing us sales. We’d only find out how many sales by releasing a site where the experience was comparable across devices.
We were due for a design and programming “refresh” on DI. What drove us to focus on the responsive design above all else was what we found when we dove into the numbers a bit more. Take a look at the browser usage and screen resolutions for the five month period of October 1, 2012 – March 1, 2013:
A few notes/conclusions:
- Green browsers are ones that we extensively tested and fully support. Yellow we tested and support, although things might not look the same or work quite as well (ahem IE7). Red were tested briefly (except Safari on Blackberry – sorry, don’t have one of those). Everything below we ignored.
- We added the “Trend” column based upon our data and general industry knowledge: IE9 will go down and IE10 will go up once Microsoft releases IE10 as a required update, Android Browser will go down as Chrome becomes the default, and Safari isn’t being updated on Windows anymore.
- It’s clear that between Safari on iOS, the Android browser, and Chrome on Android and Safari that mobile is impossible to ignore. Over 30% of our visitors are using those browsers. If anything we should be developing for mobile webkit first and everything else second.
- The resolutions confirm that the site needs to work equally as good on all screens. The top 5 range from only 8.13% to 9.8%, and include the iPad (768×1024), iPhone < 5 and popular Android phones (320x480), 1080p monitors (1920x1080), and popular laptop resolutions (1366x768 and 1280x800)
- When using mobile devices, people hold them in the upright portrait view much more than they do the landscape view.
- It’s important to note that our usage is not equal to the global trends for the same time period. iOS usage is only 3.34%, Chrome is far and away the most popular browser at 34%, and Android usage surpasses iOS by 9%. In short, it seems like our users are a little ahead of the curve and that they prefer iOS devices.
- As tech savvy as our customers are, Internet Explorer 7 and 8 still make up a substantial portion of visitors. 7.51% for IE8, along with it being the last IE release on XP, meant that we had to treat it as an important browser that’s not going anywhere. IE7 usage will slowly fall off, but at 1.62% it’s still too large to ignore.
At this point in early March, we dialed back the scope of the project, readjusted our priorities a bit, and really made the responsive design the #1 feature. The thought was that every day we were without a better mobile experience we were hemorrhaging easy sales. There was a sense of urgency to release ASAP, and we did.
So far, so good. There’s nothing statistically significant about three weeks worth of sales, but we’re certainly off to a good start. Sales are up. Conversion rates are up across the board, with conversion rates on mobile now up much closer to conversion rates on computers. If nothing else, there’s a sense of relief that we didn’t totally screw things up!
In my next post I’ll explain how we go about browser testing, device testing, and supporting older browsers…without driving ourselves mad.