More articles by Chris Stevens
Can Responsive Web Design Really Save You Time?
Born out of the need to ensure that websites look great and work well on a wide variety of devices, platforms and browsers, responsive web design has been hailed as the next trend for building websites.
One of the biggest claims about responsive design is that it can save considerable amounts of time. But, it also has many complexities that marketers need to be aware of. Let’s take a look at whether you’re really able to save time with responsive design and benefit, or if its challenges don’t really simplify the complexity of getting your content across multiple platforms and devices.
Responsive Web Design Is More Complex Than You Think
Responsive Web Design (RWD) is an approach to website creation that makes it possible to build one main site that will work on many different channels regardless of the device (smartphones, tablets, laptops, etc.), platform or browser.
For my own definition, I like thinking of RWD as having two paths: responsive “code” design and responsive “creative” design. One makes RWD possible – with a single code base. The other gives the code the visual layout and assets to create it.
The timesaving idea behind RWD, and often a misconception, is that you only have to design your site once and it will detect a visitor’s screen size and orientation and change the layout to fit that screen.
But, it is a mistake to think of RWD as a “design once” tactic where the text and images simply expand or minimize to fit screens. Compared to their desktop counterparts, mobile and tablet sites have unique UI requirements. RWD takes into account not only the size of a screen but also, more importantly, how the user expects to interact on each platform. For example, replacing swipes for clicks for navigation, or the amount of copy you expect users to read, must be accounted for.
So, it’s important to note that RWD doesn’t replace the need to plan your information hierarchy and creative layout. It is very essential that your designer considers the user experience and creates a UX document for every channel to survey the content and streamline its delivery.
Responsive Design Can Save Time and Money, But within Reason
However, with the right planning, RWD can allow for some efficiency because a designer will not have to create all new content for every channel you want to reach. Instead, they simply need to adjust the amount and layout of the visual content they’ve initially created. From a responsive “code” design perspective, programming and deploying stand-alone code for multiple channels is not required. Efficiency is gained because one “set” of code can account for the additional channels, allowing for a single code change to migrate across every channel.
By using one code set on the back end, analytics can also be a bit more seamless as they have one set of metrics for all users on all devices. If you choose to not go the RWD route, then you’ll have to design and code separately for three channels (micro, mobile, tablet) and take extra care to keep the analytics consistent across all environments.
After taking a deeper dive into the challenges and opportunities of RWD, we still feel that the pros outweigh the cons, but it’s important to remember that smart web design is always about the end product and great content. Here are some tips to maximize RWD to its full potential while not sacrificing your layout or content:
- Plan your breakpoints: A breakpoint is the stage where media queries are used to make changes to your layout based on screen size. A good rule is to plan for the smallest mobile screen and make your content look good. Move up in size until the content starts to look compromised and then adjust the layout to look good again. Keep moving up the chain.
- Don’t hide too much content: Being mobile does not mean you need to sacrifice great content – your mobile users are expecting the best. Really think through what meaningful content they should be able to access, and don’t just hide the content to adjust to the smaller screen. Plan for that screen accordingly and make sure you’re still giving your user a great experience.
- Don’t just use the desktop view for mobile screens: Leaving all your content from your site on the mobile version is too much. Load times will take longer, making for a poor user experience. It’s a fine balance, but don’t feel the need to put it all out there as it gives your mobile users too much stuff to wade through.
I believe RWD represents a significant and worthwhile shift in the way we design and build sites for the omnichannel web. And it can provide a consistent and integrated user experience that brands want and users expect.
- Pingback from Can Responsive Web Design Really Save You Time? – ADOTAS
- Pingback from Peterborough Web Design Company Unveils New Brand & Improved Services | AdProvide Blog - Ultimate Ad Provider System
- Pingback from Peterborough Web Design Company Unveils New Brand & Improved Services « JoshuaFREELANCE
Great article. Explains this “buzzword” succinctly.
Nicely written article in that it is concise and easily understood by those, such as us, who are sometimes tech-challenged.
http://ezeeonline.us/responsive-web-designs/ is the brief explanation of the responsive web design services offered professionally.
Leave a Comment
- Video from the Westchester Digital Summit
- Automating Core Processes Can Reduce ‘Little Big Problems’ That Ruin Customer Relationships
- Unleash the Power of Mobile: 6 Steps to Lead Generation the ‘Iron Man’ Way
- Who’s Sharing My Brand Images? Why Text-Based Social Media Monitoring Falls Short
- Ads That Look at You: How Eye-Tracking Technologies Will Change the Advertising Game
Take the Display Advertising Survey for the Chance to Win a Jawbone Jambox!ADOTAS – Industry discussions about cookies, privacy and the impact on display advertising have been frequent — and, in some [...] more...
- It’s Not Digital – It’s Mobile May 17th 2013 ADOTAS — One of the biggest mistakes advertisers can [...] more »
- Video from the Westchester Digital Summit May 17th 2013 ADOTAS – The first-ever Westchester Digital Summit was held on May [...] more »
- Automating Core Processes Can Reduce ‘Little Big Problems’ That Ruin Customer Relationships May 17th 2013 ADOTAS — Strong marketing strategies attract attention and build the [...] more »
- Adotas Poll: Tremor Video IPO Would Be A Success May 17th 2013 ADOTAS – In this week’s poll, we asked our readers: [...] more »
- Today’s Burning Question: Impact of Google I/O Announcements? May 16th 2013 ADOTAS – We’ve asked our esteemed panel of industry thought [...] more »
- Unleash the Power of Mobile: 6 Steps to Lead Generation the ‘Iron Man’ Way May 16th 2013 ADOTAS – Tony Stark aka Iron Man is restless. The [...] more »
- Pandora is First Digital Publisher to Offer e-Business Advertising Integration into Media Buying Platforms May 16th 2013 OAKLAND, CALIF., May 15, 2013 (ADOTAS) — Pandora (NYSE: P), [...] more »
- Video from the Westchester Digital Summit May 17th 2013
- Automating Core Processes Can Reduce ‘Little Big Problems’ That Ruin Customer Relationships May 17th 2013
- Unleash the Power of Mobile: 6 Steps to Lead Generation the ‘Iron Man’ Way May 16th 2013
- Who’s Sharing My Brand Images? Why Text-Based Social Media Monitoring Falls Short May 16th 2013
- Ads That Look at You: How Eye-Tracking Technologies Will Change the Advertising Game May 15th 2013
- Print and Web Manager
- SEO Marketing PPC Specialist
- Marketing Summer Internship at Clean-Tech Educatio
- Service Line Manager - Digital Media
- SEO / SEM Specialist
- Backlinks uk: Within search engine optimisation (SEO), one way links reference hyper-links aiming to a distinct Website
- energy-physics: Media.net is a fantastic ad program. But now a days I cant customize their ads.
- Today’s Burning Question: Impact of Google I/O Announcements? – Adotas | Social Media Strategy Plan: [...] Permalink [...]
- Today’s Burning Question: Impact of Google I/O Announcements?: [...] “What will be the impact of the big announcements coming out of this week’s