RSS LinkedIn Google Plus

Call us: 0800 014 9884

Mobile web or Responsive Web Design?

Same goal, different method

A boom in mobile technology in recent years means that the internet can now be accessed from a wide range of different devices, from computers to smartphones to tablet devices. As a result, the development of mobile websites has become necessary to ensure that content is optimised for viewing via different mediums.

In 2010, prominent web designer and developer Ethan Marcotte suggested the concept of Responsive Web Design (RWD), to achieve the same goal as mobile websites using an alternative method. RWD is the use of a single fluid grid-based layout that allows it to respond to the size of the  display of a device, catering for the needs of the user no matter how they access the website. Since Marcotte’s proposal, the idea has gathered momentum and 2012 is expected to see a growing trend in this field among designers and developers.

There are many arguments both for and against RWD. On the positive side, it saves development time because there is only one set of HTML code; and in design terms, there is no need to create a separate mobile website, avoiding multiple sets of extensions and amendments whenever changes are required.

Content-driven websites pose a challenge

Potential problems include the differing functions and user experiences of smartphones and tablet devices when compared with desktop computers and laptops. It is also important to consider that many websites are very content-driven and feature lots of text and images. The latter can take a long time to load and aren’t ideal for mobile devices, as mobile users tend to want quick, precise information. It is therefore better if content is condensed for small devices.

Many companies already favour the mobile web – and, following investment in this, it is unlikely that they will be willing to switch to RWD. However, there are examples of websites which use RWD very effectively. The success of an RWD website can be measured by looking at its intended purpose – to be accessible to users across a range of different screens and devices – and see how well it performs. For example, the layout of the Boston Globe website translates well into a linear format. The navigation changes into a drop-down menu to save space, while sections and articles fall neatly into a logical order, producing an accessible user experience.

The advantages and disadvantages of RWD compared with the mobile web suggest that a wise solution may be to use the advantages of both. For example, using the mobile web’s ability to optimise content and use smaller image file sizes; and RWD’s fluid grid, which allows content to adapt to the device on which it is viewed. The internet is in a constant state of change, and even if RWD isn’t used in its entirety, designers and developers are increasingly likely to adopt its principles into their work.

Chris Au

[Screen capture (top): Ethan Marcotte’s Responsive Web Design from abookapart.com.] 

Written by chris_au_swapChris Au

Bing implements one small change and one big change Tuesday 14th of April, 2015by Dan Moores Over the past week, Bing has implemented two changes. One appears to be directly influenced by Google, while the other demonstrates independent thinking and creativity.

More on this story »

April UK search market share: Bing revival stutters again Tuesday 5th of May, 2015by James Riches Bing’s mini-revival in the UK search market appears to have stalled, with data from StatCounter Global Stats showing a second consecutive monthly loss.

More on this story »

May UK search market share: Small gain for Google Monday 1st of June, 2015by James Riches Google’s dominance of the UK search market continues, as webmasters focus on mobile and the public search for Election and Eurovision results.

More on this story »
Twitter
theEword - 9 hours ago

What do retailers need to know about testing their site? > http://t.co/a2MafNiYTl http://t.co/19f2CVm1qe

Twitter
theEword - 17 hours ago

theEword bolsters staff to 45 with new hires > http://t.co/dWh5Wfzx8R http://t.co/wPIE8JiYjq

Twitter
theEword - 21 hours ago

What’s the best #socialmedia channel for your #retail brand? > http://t.co/SCGcXKlYdC http://t.co/efguM0gIS0

Twitter
theEword - 2 days ago

What do retailers need to know about testing their site? > http://t.co/UZRQlbMceo http://t.co/mrarW5QLEF

Twitter
theEword - 2 days ago

Great questions from the room. Here's the link to our 'Stop obsessing over search engines' blog > http://t.co/ioGosUoIMv #TraffordExpo

Why it’s time to stop obsessing over search engine rankings Friday 12th of June, 2015by Dan Moores In this blog, we look at why the time is well past for some business owners and directors to let go of their obsession with rankings, and focus more on metrics like traffic and conversions.

More on this story »

What retailers need to know about conversion rate optimisation Monday 15th of June, 2015by Andy Williams Conversion rate optimisation (CRO) is the process increasing the number of visitors to a website into conversions. See why it's vital for retailers to use it.

More on this story »

What's the best social channel for your retail brand? Wednesday 24th of June, 2015by Dan Moores You already know how vital social media presence is. Here's how you can make the most of three very popular platforms - and not just from a brand-amplification standpoint.

More on this story »

Who loves theEword

Who loves theEword Who loves theEword