Managing a personal device lab can be quite hard with an ever expanding number of devices. It’s not only expensive, but also bad for our environment. Think of a situation where every Web developer would purchase a large pile of gadgets and keep adding new ones as they are launched — this wouldn’t make much sense. Thankfully, there are better ways to handle the problem.
During the spring of 2012, Jeremy Keith wrote on his website1 that anybody is welcome to visit their device lab2 at Clearleft’s office in Brighton, UK and use their devices. What they didn’t expect, though, was that in response many local developers offered to add their own devices to the collection as well. Two weeks later Jeremy Keith and Remy Sharp also presented this idea at the Mobilism conference in Amsterdam and the people attending loved it. A few months after Mobilism, similar labs started popping up in places like Amsterdam, Berlin, London and Malmö.
Following this example, we decided to bring our own devices to the Kisko Labs3 office and do the same thing in Helsinki. We now have an open device lab4 where anyone can come, start using the devices and contribute by lending their old devices. Three weeks after establishing this we already have three new devices from the local community: a Nokia N900 running Maemo, a Nokia Lumia 800 running Windows Mobile and an HTC Desire HD running Android. I have also been in contact with the device manufacturers and so far at least Nokia, Palm5 and Sony6 have promised to help us out with the lab.
I encourage everyone to do the same thing in the city they live in as well. This article will cover most of the things needed to be considered when doing that. It will also work as a guide and give practical tips — things like location, how to get devices, what devices to get and what software to use. At the end of the article is also a list of all the current open device labs around the world.
This is probably the hardest part as it should be relatively open, easily accessible, but also a safe location to prevent burglars. I wouldn’t be too worried though as that’s a risk you need to take with any office space that’s filled with desktop computers and other gadgets. Just make sure that the space has proper locks and an alarm system in place.
Finding a location was never a problem for us as we had a space at the office which wasn’t used that often, but I understand that it might be hard to find one unless you already work in a location like that. However, I imagine that the best places to start asking are local Web community meet-ups, conferences and Twitter. Find out about local co-working spaces too, as those could be the best candidates to host these kind of projects. I also asked Shaun Dunne10 (who established the London Device Lab) if he had any advice on how to find a space, and this is what he answered:
“I was in the Reasons to be Appy11 conference during April when Christian Heilmann12 mentioned Mozilla’s new London office and how it had a co-op space with free WiFi for anyone to use. I spoke to him after his talk and mentioned what I was trying to do and he said that he thought Mozilla would be more than happy to host it. He said I should speak to @cyberdees13 who runs things in the office. We exchanged a few emails and I went there a couple of times and it was born from there.”
You don’t need a huge collection of devices to establish a lab — it can initially be small and grow once other developers start contributing their devices. Some device manufacturers are also willing to help the community by providing test devices for initiatives like this, so you should definitely contact them too.
There are basically four main areas that need to be covered in the lab. These are: feature phones, smartphones with low level support, smartphones and tablets. Later on you might also want to consider adding a Smart TV and other more exotic devices like game consoles14. Additionally, the lab should also efficiently cover various screen sizes15 between 240 x 320 and 1280 x 800 pixels, as well as some high-DPI variants.
David Blooman18 from BBC recently shared19 the process that they use while testing on mobile devices, and the minimum set of devices to get the job done. This list is a slightly modified version of their minimum test device stack. For now it is a good starting point for anyone who is thinking about setting up an open device lab:
- iOS 5 — iPhone 4
- iOS 6 — iPad 3 Retina
- Android 2.2 — HTC desire
- Android 2.3 — Huawei U8650
- Android 2.3 — Kindle Fire (Silk browser)
- Android 3.X — Motorola Xoom
- Android 4.X — Samsung Galaxy Tab 2
- Blackberry OS 5 — Curve 8900
- Blackberry OS 6 — Bold 9700
- Windows Phone 7.5 — Lumia 800
- Symbian S40 — Nokia 2700
- Symbian S60 — Nokia N95
- Symbian Belle — Nokia 500
Remember: You will want to end up with a collection that represents the audience and overall market share in your own location, which might be different from what I have listed here. Stephanie Rieger, who is a co-owner of Yiibu20, has written an excellent article explaining Strategies for choosing test devices4621 (so be sure to read that to find out more about the subject). Dave Olsen has also written an article about how to build a device lab22, where he explains how and why they decided to get certain devices.
“If I had to start from nothing, I would start with the phone in my pocket. After that, I would take the usual suspects — Android 2.3, iOS5, etc., and make sure to have the more popular phones in place, but not go overboard. One of each to begin with, and then more varieties as time goes on. In a good way, everyone’s device lab should be different, as every market is going to have variations. There is no golden list of devices.”
— David Blooman
How To Contact Device Manufacturers Link
- You will need to have a space and a website (a single-page website is fine) for the lab before asking for any devices. Otherwise, it may be hard to look convincing.
- Twitter and email seem to be the best way. Look for developer relations accounts like this23 from Twitter and send emails to their developer related addresses. You can find the addresses from the developer websites, which usually reside in an URL formed like this: developer.manufacturer.com.
- Ask people on Twitter if they know someone who works at one of the companies you are trying to contact. It may be an easier way to begin communicating with the right people.
- When sending emails, explain carefully what the project is about, what you need and why you need it. It’s good to keep it short and get straight to the point.
- Remember that you are sending emails to other human beings, not to some random corporations.
- If you don’t get any answer from them within two weeks try to contact another person from that manufacturer.
- Last but not least: Don’t be afraid to ask for help. I contacted several people about their test devices and where they got them from. Shaun Dunne (from the London Device Lab) was also kind enough to provide his perspective on how to contact the manufacturers:
“I started hitting the developer relations people up on Twitter. BB and Palm got back to me via Twitter and an email conversation went on from there. Nokia had their developer relations person at Mobilism24, so I found out his email and sent him an email directly. It’s about being persistent, really, email is hard because it could end up in their spam or they can ignore it.”
“In a public forum like Twitter it’s harder for them not to engage. Don’t just go after the hardware manufacturers either, it’s worth speaking to the Android + WP7/8 people to see what they can do for you. If they want people to develop applications and websites that work on their devices, then it’s in their best interests to get those devices in developers’ hands. The best and easiest way to get the devices in their hands is through a community lab.”
Setting Up The Lab Link
You don’t need much in the beginning: a table, a few chargers and a Wi-Fi connection is all you need to get things up and running. If you have more than five devices, it may be a good idea to get a USB hub25 which can provide power to avoid cable clutter and stands26 where you can put the devices on. A few of the labs have also built their own stands and you can get some ideas from the resources listed below. Jeremy Keith also told me that they have all the devices running through a wall socket that’s on a timer which switches the power off in the evening and nighttime and back on again in the morning. That might be useful for saving some energy and also to keep the batteries healthy.
Later on, when there are many more devices in the lab, you may want to start considering getting a better wireless router which can handle all the devices. Andre Jay Meissner29 told me that Apple’s Airport Extreme can handle up to around 30 devices, but not much more (it claims to support 50!). SIM cards with data plans are also something which you might need once you start adding older devices that exclude Wi-Fi.
- 64 Digital’s Device Testing Station30
- PhoneGap’s Device Wall31
- Clearleft’s Laboratory Conditions32
- Anna Debenham’s Sketches for the Clearleft Lab33
- Animoca’s iOS Testing Wall34
- Helsinki Open Device Lab’s Desk35
- How to Build a Device Lab [Part 1]36
- Need: Multi-Device Stand for Mobile Web Development37
- Handmade Phone and Tablet Stands by The Iron Mill38:
These are the same stands used by both Clearleft and ourselves. The website doesn’t really say it, but you can order them from anywhere in the world, just send a direct email to the contact address and ask for a delivery price.
Software Tools To Get You Started Link
Probably one of the best tools for testing at the moment. It allows device pairing, synchronous browsing and remote inspection using Chrome extension40 on either Mac or Windows. To be able to use Adobe Shadow you will need to download and install the mobile client to all test devices. In addition, you will also need the Google Chrome extension to run Shadow on your laptop.
Web Inspector Remote42:
Weinre is a remote inspector tool for WebKit browsers. It has been included in the Adobe Shadow application, but you can also set up your own installation to be able to use it on platforms like WebOS and Blackberry (in addition to the iOS and Android platforms).
xip.io is a domain name that provides wildcard DNS for any IP address. You can use these domains to access virtual hosts on your development Web server from devices on your local network (like iPads, iPhones, and other computers).
Remember to install various browsers like Opera Mobile, Opera Mini, Chrome and Firefox to all of your supported test devices.
“Be sure to track the OS versions found on your test devices, and think carefully each time you upgrade. Owning four BlackBerry devices with four different versions of the OS is infinitely more valuable than owning four with the same version.”
Adobe Shadow running on multiple devices. Photo © 2012 Adobe Systems Inc.
There are some running expenses — rent, Wi-Fi, personal time used — and you may initially need to spend a few hundred bucks to provide chargers, wires and stands for the devices. So it’s worth considering if a small monthly payment would be acceptable. As it also might not be possible to find a space which is completely open like the one in London, it’s possible to have everything available by appointment too. This seems to be quite common practice and it allows you to use the same space for your own workshops as well, if needed.
In the beginning, when you are setting up the lab, I wouldn’t worry about all of this though. It’s possible that the lab will get popular and have lots of visitors and that someone might be using the devices when someone else comes in, but only time will tell. Shaun Dunne also said that they were discussing this very same problem in the beginning and decided finally that the lab should just be open. Jeremy Keith seems to think in a similar manner:
“When I started the device lab in Brighton, I didn’t worry about the paperwork. Instead of worrying about insurance, theft, liability and all those other worst-case scenarios, I decided to just do it and deal with the bad stuff if and when it arises. So far, so good.”
Closing Words Link
I believe in testing on real devices. Software emulators and simulators can be useful, but in the end they can only do that; simulate the experience (as Paul Robert Lloyd points out47). To make testing on real devices possible for everybody, we need open device labs. If your city doesn’t yet have such a lab, I would say go for it, establish one. Don’t worry about the amount of devices you start off with, you’ll be surprised about how much the community is willing to help.
Last but not least: just a few days ago, while writing this, Andre Jay Meissner contacted me about the possibility to set up LabUp!48, which would help people around the world in establishing nonprofit Open Device Labs. I think it’s a splendid idea and everyone who can help should join the movement49.
Open Device Labs Around The World Link
This list is by no means complete, but it should include all the labs which were established before this post was published. For the future you should bookmark the up-to-date list of all open device labs50 which Jay is collecting.
- Brighton, UK51
- London, UK
- Exeter, UK
- Frome, UK52
- Berlin, DE53
- Malmö, SE54
- Amsterdam, NL
- Breda, NL55
- Helsinki, FI56
- Zurich, CH57
- Portland, USA58
- Washington, USA
- Oakland, USA
- Marietta, USA59
- Cape Town, ZA60
- 1 http://adactio.com/journal/5433/
- 2 http://clearleft.com/testlab/
- 3 http://kiskolabs.com/
- 4 http://www.devicelab.fi
- 5 http://www.hpwebos.com/us/
- 6 http://developer.sonymobile.com
- 7 http://www.devicelab.fi
- 8 http://www.devicelab.fi
- 9 http://www.flickr.com/photos/mozillaeu/
- 10 http://twitter.com/shaundunne/
- 11 http://www.reasonstobeappy.com
- 12 http://christianheilmann.com
- 13 http://twitter.com/cyberdees
- 14 http://www.alistapart.com/articles/testing-websites-in-game-console-browsers/
- 15 http://viljamis.com/blog/2012/responsive-workflow/#device-diagram
- 16 http://phonegap.com/2012/03/29/phonegaps-new-device-wall/
- 17 http://phonegap.com/2012/03/29/phonegaps-new-device-wall/
- 18 http://twitter.com/dblooman
- 19 http://mobiletestingfordummies.tumblr.com/post/20056227958/testing
- 20 http://yiibu.com
- 21 http://stephanierieger.com/strategies-for-choosing-test-devices/
- 22 http://www.dmolsen.com/mobile-in-higher-ed/2012/06/26/how-to-build-a-device-lab-part-1/
- 23 http://twitter.com/shaundunne/oem-relations/members
- 24 http://mobilism.nl
- 25 http://www.amazon.co.uk/Trust-Port-Usb-2-0-Power/dp/B001UE6OC8
- 26 http://www.theironmill.co.uk
- 27 http://www.64digital.co.uk/blog/66/the-64-digital-super-dooper-device-testing-station
- 28 http://www.64digital.co.uk/blog/66/the-64-digital-super-dooper-device-testing-station
- 29 http://twitter.com/klick_ass
- 30 http://www.64digital.co.uk/blog/66/the-64-digital-super-dooper-device-testing-station
- 31 http://phonegap.com/2012/03/29/phonegaps-new-device-wall/
- 32 http://adactio.com/journal/5661/
- 33 http://www.flickr.com/photos/adactio/7801326422/in/photostream
- 34 http://techcrunch.com/2012/05/11/this-is-what-developing-for-android-looks-like/
- 35 http://www.devicelab.fi
- 36 http://www.dmolsen.com/mobile-in-higher-ed/2012/06/26/how-to-build-a-device-lab-part-1/
- 37 http://klick-ass.com/awesomeness/need-multidevice-stand-for-mobile-web-development/
- 38 http://www.theironmill.co.uk
- 39 http://labs.adobe.com/technologies/shadow/
- 40 http://support.google.com/chrome/bin/answer.py?hl=en&answer=154007
- 41 http://jsbin.com
- 42 http://mobiletestingfordummies.tumblr.com/post/27405408570/web-inspector-remote
- 43 http://xip.io
- 44 https://showoff.io
- 45 http://proxylocal.com
- 46 http://stephanierieger.com/strategies-for-choosing-test-devices/
- 47 http://www.netmagazine.com/tutorials/build-responsive-site-week-going-further-part-5
- 48 http://lab-up.org
- 49 http://lab-up.org
- 50 http://klick-ass.com/awesomeness/avoid-the-tamagotchis-a-list-of-open-device-labs/
- 51 http://clearleft.com/testlab/
- 52 http://cole007.net/blog/111/setting-up-a-mobile-testing-suite
- 53 http://co-up.de/2012/07/31/open-device-lab.html
- 54 http://modl.se/
- 55 http://www.netvlies.nl/openbaar-testlab
- 56 http://www.devicelab.fi
- 57 http://fliptation.ch/#lab
- 58 http://mobileportland.com/device-lab
- 59 http://www.ajcomputers.com/news/introducing-open-test-lab-mobile-device-testing/
- 60 http://devicelab.co.za
Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.