For the past couple of months our ad sales team has been engaged with Box, an enterprise file sharing and cloud content management company. Box was looking for a way to increase its exposure and brand awareness, and we had a platform to do just that. Rather than rely on typical advertising, Box was thinking of something a little more, er, outside of the box.

Box is absolutely amazing to work with. Rather than asking what we could do for them, they asked us what they could do for us. What immediately came to mind was the overwhelming number of requests for a responsive version of AnandTech. We presented the idea of sponsoring the design and creation of AnandTech Mobile to Box, and they loved it. Over the past month we've been modifying AnandTech and preparing the first responsive implementation of the site. Today, AnandTech Mobile is live.

Our mobile web strategy is built entirely around a responsive design. We now effectively have four views that are dynamically presented depending on browser resolution: smartphone portrait (320px), smartphone landscape (321px - 767px), tablet (768px - 1000px) and desktop. The smartphone portrait and tablet views are below:


You don't have to go to a separate URL to hit any of these views, they present themselves based on what resolution your browser reports. Keep in mind that high DPI displays usually advertise their resolution as some fraction of the actual resolution, so even if you have a 1080p smartphone you'll be presented with one of the smartphone views by default rather than a tiny desktop view.

All of the pages on the main site are now responsive thanks to Box's sponsorship. Any URL you open will present you a styled version of the site optimized to the device you're reading it on. Even our live blogs work, as does Bench - our performance comparison tool. In the mobile views of Bench we had to change the way we present two product comparison data to deal with more limited screen real estate. The result is pretty cool:

Rather than presenting bars, you get color coded boxes with the benchmark scores inside. For each benchmark, a darker colored box implies better performance. This is actually a bit of an improvement over what we do in the desktop view because you can easily tell which product wins a particular benchmark without having to see whether lower or higher results are better.

If for whatever reason you want to disable the mobile view you can do so in the About area of the mobile design at the bottom of the page, and can similarly re-enable it at the bottom of the desktop page. This toggle is cookie based so you'll need to have cookies enabled for it to work.

I'm really pleased with the way all of this turned out. It was a huge effort on behalf of our designer and developer but the end result looks great. I can't stress enough just how instrumental Box was in making all of this happen now. Box wanted to enable something good for the AnandTech readers and that's exactly what they've done. If you find the new mobile views of AnandTech useful, please show Box your appreciation in the comments and if you'd like to sign up for a free personal or business Box account I'm sure that wouldn't hurt either.

Comments Locked


View All Comments

  • Malih - Monday, July 15, 2013 - link

    Looks good here, posting this comment from WP8 😁
    I always mostly read news mobile.
  • TheRealArdrid - Monday, July 15, 2013 - link

    Been waiting a long time for a mobile edition of this site. Nicely done!
  • c0pperbottoms - Monday, July 15, 2013 - link

    NOOOOOOO, Anandtech was my mobile-browser-assessment-page. Perfect mix of text, images and some animated ad content.

    (I know, I know, I can enable desktop at the bottom)
  • Abelard - Monday, July 15, 2013 - link

    Works perfectly on my iPhone. Great work!
  • armodons - Monday, July 15, 2013 - link

    Been waiting for a good mobile version for a long time....thanks!
  • Csfalcao - Monday, July 15, 2013 - link

    I just disabled it. I'm not a fan of responsive design: it disrupts the experience of the full browser, creating like a mirror site - and not a better one. You can see this in Anandtech too: 1st thing when I visit it (almost daily) I check the main article and then 2nd - Daily News (ok, Jason Mick's articles are shallow, but the news keep me updated) and then some twitter. Wheres's #2 and 3 in responsive?
    Another bad bad thing is replacing the graphs bar for...colored boxes...very lame, just totally break the experience, the boxes are difficult to read and you have to keep think about the relationship between the score, the percentage etc terrible.
    I think it's just better to have one site to all devices, just double tap and zoom the section you want to read.
    A good thing is Anand partnership to some tech companies, in this case BOX. I prefer Dropbox, but BOX is OK. Just don't overuse the BOX logo all over the pages.
    Have the option to turn off responsive is good.
    I read Anand almost 8 years and this is the first time I have something bad to say about it. Sorry!
  • kgh00007 - Monday, July 15, 2013 - link

    Great, but the text is still too small on mobile, smaller than every other web site I visit and increasing the browser don't size results in other websites text being huge and not much change in anandtech, please fix this!

    I also miss the pipeline stories, so hope you come up with a solution for that, maybe a split screen with most recent pipelines above main stories. The pipeline stories seem to have more frequent updates and are the reason I check in at anandtech so often!
  • watersb - Monday, July 15, 2013 - link

    Looks great on Opera Mini on my antique, still-working iPhone 2G. Both "single-column view" and "native". Good work, everyone!
  • watersb - Tuesday, July 16, 2013 - link

    Opera Mini version on iOS 3.1.3 (7E18)
  • WhitneyLand - Monday, July 15, 2013 - link

    Are you guys aware Pinch-Zoom no longer works on iPad? How are we supposed to zoom small image or chart details? Or what if our vision is just not good?

Log in

Don't have an account? Sign up now