One of the biggest challenges in creating digital content is accounting for the vast number of screen sizes that are now available to web-users. Desktops, smartphones, and tablets of all shapes and sizes each offer different and sometimes unique display resolutions. For the rebuilt TED.com, we’re using a responsive design system that reacts to the size of the screen the user is using, and provides functionality to match the capability of the device. If you want some background on Adaptive Design, check out a great explanation by my colleague, and TED’s front-end developer extraordinaire, Joe Bartlett.
Of course all of this new work had to be tested, and on as many devices as possible. To do this manually, webpages need to be visited and reloaded on individual devices after any change was made. This proved laborious and time-consuming, so we turned to the internet for help.
The ability to rapidly test encouraged us to expand our device library — which soon presented me, the keeper of our gadgets, with a new problem: Where do I put them all?
Using those specifications, we commissioned a Brooklyn-based jack-of-all-trades, Transient Moorings (who knows his way around a wood-shop and just so happens to be my brother), to make build us our very own device wall. It’s affectionately been dubbed: The Batstand. You can see it above.
With Remote Preview and the Batstand, anyone on our team is rapidly able to preview any URL on our entire library of devices. With it, we can test more frequently and iterate faster.
Now to find room in the office for a second Batstand…
Will True is a product development associate at TED.
He has a superhero name.