September 20, 2013
Tech pundits have proclaimed that responsive web design (RWD) will be the great solve to the conundrum of what to do with the ever-increasing numbers of screen sizes. And the RWD buzz is only getting stronger. So what gives?
There’s no question that there needs to be continuity of experience for consumers when jumping from a desktop or laptop to a mobile device or tablet. With 25% of all website traffic coming from a smartphone or a tablet in 2013 (up from 15% in 2012), it’s more critical than ever that websites can offer up sequential experiences that will render optimally on every device. By allowing a website to adapt its layout to device-specific requirements, RWD has been touted as a way to make this happen.
But amidst the hype, there are some realities. And during our recent webinar (check it out below) “The Truth About Responsive Design,” Linda Bustos, director of ecommerce research at Elastic Path Software, and Rob Yoegel, content marketing director at Monetate, delved into the truths and the falsities about RWD. Read on to find out how they debunked some of the more widespread myths:
FALSE: Customer want the same website experience, regardless of the device they’re on
It’s not one-size-fits-all when it comes to the multi-device customer experience, said Yoegel. And the expectations about that experience will depend on circumstances. Rather, marketers need to think about content and what the customer wants on the specific device they’re on. The example Yoegel gave was the store locator.
Say you’re a consumer that goes to a website to find the store closest to where you are. That experience likely needs to be different depending on whether you’re on mobile or a desktop computer.
“We’ve found that when many of our customers do consumer surveys, many of those consumers on smartphones just want to be able to find a store. Sure, they’d like to shop, they’d like to find the latest sale, and do other things that they do on desktops,” Yoegel said, but it’s really about making the locator easily accessible on the homepage of the mobile experience. Conversely, on a desktop, the store locator is probably buried to some degree, but most likely that’s not the content that the desktop user is interested in.
FALSE: Responsive design makes your website faster
“Word of caution,” said Yoegel about the common misperception that if you use RWD, it means that everything’s that’s happening in the browser’s going to happen super fast. “When you’re doing responsive design, don’t just assume that your website download speeds or load efficiency is going to improve.”
The reality is, sometimes it doesn’t. If you think about responsive design being one website for all devices, that means all of the content and images and files that make up a webpage have to be called from the server back to the browser, and then displayed accordingly based on the responsive design. You may end up resizing an image, you may end up not showing an image or end up moving something like a store locator higher on the page.
FALSE: Responsive design is “future proof”
“To say that responsive design is going to solve all your problems from here ‘til eternity is unrealistic,” said Bustos. “While responsive design is certainly a great way to scale your website efficiently and use a single code base, we don’t know what the future has in store.”
Given the fact that HTML5 still isn’t a W3C standard, Bustos thinks that we’re going to see a lot of innovation. Responsive web design is something you do to satisfy web browsers, so right now, the thought process is, should you build a website or should you build an app? But if you throw HTML5 in there, you can have a website that acts very much like an app, which can create a much better user experience.
“Browsers may become obsolete because there’s going to be more and more innovation,” said Bustos. “Maybe there’ll be a new ecosystem of apps talking to apps. We just don’t know.” Plus, responsive design promises to not only scale down, but it also promises to scale up. Does that necessarily make sense for an internet connected gaming console or a TV where the user is sitting so much further away from the screen? You might find yourself having to build code factors again to account for times when responsive design doesn’t connect very well with the website.
So what should you do with this info?
Just remember that a usable website doesn’t necessarily mean its a useful website. As Yoegel said, “Don’t get caught up in the next shiny object. It’s not just about the beauty, it’s about being useful. What are your customers expecting from you in a mobile device? What experience do they expect to have with your brand? Always remember that you have to consider context, behavior, what they’re doing and what they need from you now.”