You are here

Responsive design is more than a buzz-word

Responsive design is one of the latest phrases to migrate from developer terminology to marketing buzz-wordery. But don’t let that put you off....

Responsive design is one of the latest phrases to migrate from developer terminology to marketing buzz-wordery. But don’t let that put you off. With almost 60 per cent of CEOs using smartphones to access business information, B2B marketers ignore it at their peril.

The new digital landscape

Since the launch of the smartphone in 2005, the number of internet-connected devices has increased exponentially.  Prior to that, there were a relatively small number of resolutions and screen sizes that a designer could reasonably be expected to cater for.

Less than ten years on, there are now over 1.1 billion smartphone users globally and smartphone penetration in both the US & UK is at 55%. In fact, the total number of people accessing the web on mobile devices is set to surpass desktop users by 2015 and the arrival of smart TVs, internet-connected cars and even wearable computing means a user sitting at a desktop computer will be the less likely scenario. The mobile web is growing but the truth is, there is no ‘mobile web’ – it’s all the same thing. The beauty of the web is its ubiquity and mobile is just another facet of that.

This isn’t just a consumer phenomenon. A recent study by CEO.com indicates that 35 per cent of CEOs spend as much time on a tablet as on a laptop, and 96 percent find email newsletters ‘valuable’ or ‘very valuable’.

So how are we supposed to design an experience that is not just pleasing but also functional to all these disparate access points? As designers, this new digital landscape has thrown out all the old preconceptions and fallacies we relied on and forced us more than ever to consider what our users want and the hierarchy of the content we are designing. We need to break free of the slavish devotion to the Photoshop layouts we create and embrace the dynamic potential of digital media.

What is responsive design?

At its core, responsive design is about designing an experience that is right for the user, regardless of what screen or interface they view it on. When we use the word “design”, we’re not describing an aesthetic; more a way of working. Ethan Marcotte, who first described the approach in his seminal article on A List Apart, put it like this: “Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience.”

Web design, and design for digital interfaces in general, owes a great debt to print design. The great designers of the previous centuries experimented, innovated and developed the principles and practices of good design. But digital design has also inherited limitations from print design that are irrelevant in a digital context. Our canvases are boundless, design elements can change and move over time, layouts can be interactive and reactive. In many ways responsive design represents a maturation of these design principles for the web – an evolution of best practice.

Smaller screen = reduced experience?

Conventional wisdom has it that users only want a pared down experience on their mobile. If they’re on a mobile device, they’re ‘on the go’, right? Maybe. But if ‘on the go’ translates into an hour-long train journey, it might be an ideal window of opportunity to engage an important decision maker. Mobile users will do anything and everything desktop users do, provided it's presented in a usable way.

Latest figures also show 41% of email is opened on mobile devices. And with 70% of users saying they delete emails immediately if they don’t render well on their mobile device the importance of responsiveness to email marketing really can’t be underplayed. After all, you only get one chance at a first impression. So you’d better make sure your visitor receives the best experience, regardless of whether they’re on a desktop or mobile device.

A glimpse of the future

Here’s a small sample of B2B sites out there that are doing responsive web design well: Microsoft; Mashable and Hicks Design. Try opening them on a range of devices – or just resizing your browser window – and you’ll see how they intelligently adapt to give you the optimum experience in every instance.

Now compare these sites with those that offer that all-too-familiar experience of scrolling horizontally to read the second half of a line of text, or zooming in and out to see elements properly. It’s not hard to see the difference responsive web design makes to your enjoyment of the content, is it?

Getting started

One of the main misconceptions about responsive web design is that it’s just another trend – like glassy buttons, rounded corners and peeling stickers. Things that were “so 2010” in 2009, but still look “so 2010” in 2013. However, responsive web design is much more than a passing design fad. It’s a core design philosophy for the new digital landscape. Or, put another way, it’s doing our job properly.

If your web presence isn’t responsive yet, it’s time you had a look into it. Every day sees new advances in how to improve our processes but a great starting point is This Is Responsive where you’ll find responsive resources and patterns for every scenario.

www.mzl.com