Mobile app development

iOS, Android, IDEs, APIs, best practices

Web Development

PHP, Joomla, Programming best practices

Tools and techniques

Web, Mobile development tools and technologies

Internet marketing

Keywords, Social media, Google Algorithm, ROI, SEO Ethics etc

23Jun 2014

What experts say about Responsive Web Design and why?

Responsive web design - What experts say about

“Now is the time to prioritize responsive design in your budget”
“With a 55% increase in smartphone subscriptions in 2012 alone, responsive web design is the future of online marketing….”
“We shouldn’t be designing for mobile (specifically). Those experiences should work on all devices…”  Larry Page, Co-Founder, Google.

When I wrote a blog on RWD during November 2012, I mentioned that it would be a long term solution in which companies need to invest on it. When Ethan Marcotte of A List Apart coined the work Responsive Web Design (RWD), he also mentioned that the Mobile browsing was expected to outpace desktop-based access within three to five years based on the study from Morgan Stanley and Mediapost. Ever since its inception in 2010, Responsive Web Design has turned out to be an epiphany of sorts. It has heralded the new mobile-first era that is the dominant trend currently.

The RWD philosophy and practices are increasingly being embraced by businesses who want to target the growing mobile and tablet segment. Here we look at some perspectives from design/development experts and their take on what Responsive Web Design holds for the future of web design.

Brandon Downing at Adage Technologies believes that RWD works wonders when applied correctly. It renders uniform code base that works well across any user or any medium of consumption. Also future changes, updates or revisions become cost efficient. Designers need to worry about just one program/set of code rather than a bunch of codes separately developed for different devices. As for the question of when to go responsive or when to go mobile-only, he advocates progressing as per client needs. If the client requires short-term and cheaper solution, then a mobile-optimized website is a good fit. Responsive design is more for a long term yet more expensive proposition and hence needs careful consideration to ensure that the efforts align to the business need.

 Luke Wroblewski, a digital product leader, believes that designers and end clients need to know when responsive design would serve their needs and when separate sites for separate devices would be a feasible option. He puts forward a few guidelines towards this decision making process.

Responsive web design is a slightly challenging process that optimizes all content and third-party links across a multitude of device and screen sizes. It provides long term benefits – one that adheres to current pack of devices as well as future ones. Go for this approach if –

  1. There is minimal access to server-side solutions
  2. Layout adjustments needs to be carried out across different screen sizes
  3. Complete optimization to a particular device is not needed

Device driven experience comes in when separate interfaces are designed for separate class of devices. They usually require a distinct front-end design and device detection. Use this approach if –

  1. Enhanced server-side device detection is needed
  2. Separate user experience is needed from different class of devices
  3. Complete and maximum optimization to a particular device is essential

Brad Frost and Tim Kadlec of CreativeBloq have an interesting take on keeping RWD as the de-facto design option by web designers.  Brad Frost propagates going responsive by default. However designers need to ensure that clients clearly understand the difference between responsive and mobile optimized design. This way they can have a factual understanding and help make better decision about which approach to go for. Looking at the current context, a vast majority of sites would perform well with responsive design and a minuscule number of businesses will need a separate mobile optimized website.

On the other hand Tim Kadlec feels that growing device diversity is the chief reason to go responsive in today’s times. He believes that server-side scripting too can be handled with responsive elements within a website, albeit with careful planning.

Jay Schwartz of IdeaWorks Studios Inc. supports using responsive design in websites. It works well with grid-based templates. He also advises thinking out of the box with designs that look amazing both on desktop and on mobile. This is a key challenge that his company looks to address with clients. He advises injecting mobile-centric experience within RWD with options such as -

  1. Call-to-actions designed specifically for mobile
  2. Do away with load inducing images
  3. Hide non-critical text elements.
  4. Eliminate long form filling through mobile

Guardian UK – A Real life Scenario Now that we have had a look at what views different experts hold about Responsive Web Design, let’s examine a real life scenario where a business moved from desktop website to responsive website. Amidst declining sales of print newspapers, the Guardian UK decided to go responsive. Matt Andrews the web developer at Guardian takes us through the steps and the results Guardian achieved with this transition  

The problem statement UK news websites received a steady increase in web traffic since May 2011. This meant that most of the readers were moving from print medium to digital medium. While they initially launched a mobile version of the traditional website, this led to problems and prompted Matt and his team to go explore the path of responsive. Some of the problems that led to this shift was –

  1. Challenges stemming from dependency on external support for periodic updates
  2. Maintenance work on numerous templates and element became a hassle
  3. With around 25% of the Guardian’s subscribers now using mobile for content consumption the reality was too evident to ignore – go responsive or lose customer base

The solution construct

  1. The mix of old browsers (25%) and modern browsers (75%) makes it necessary to go the responsive way without burdening the users to download polyfills or JS codes
  2. The design team started off by determining what was absolutely essential on mobile while non-critical elements bootstrapped using AJAX
  3. They also considered limited resources of mobile by enabled local storage in form of base-64 encoded strings of webfont for future use. They embedded navigation timing API for modern browsers to render pages and content as per the network speed of the user.
  4. In a refreshing move, they focused on personalizing based on user preference rather than on device or hardware configuration
  5. All external dependencies too were brought inline to their mobile strategy. They also enforced ‘one blocking call per page’ functionality so that the rest of the content / navigation remains undisturbed in case of problems with one image or gallery
  6. Since the agility of the site depends on user preference and technology (both of which undergo constant change), the newspaper did not work towards releasing all updates at one go, as they feel that this is an evolving endeavor and will keep undergoing updates in the near future.
  7. Also, before actual publishing, a comprehensive and meticulous beta testing was done to gauge server loads and user experience feedback. This means that the go-live day was smooth and free from glitches or nasty surprises.

The result Constant monitoring has reported a boost in number of page views and visits to the responsive site that was launched in December 2012.  Since this period, it has regularly breached the 15+ millions hits mark in terms of page views. Enough said. If you own one of those websites, which are still need Responsiveness or Mobile friendliness this is the right time for investing in making it screen friendly. Leave your feedback if you have your opinion on why or why not RWD. We at Macronimous, have started designing Responsive Web Design from our Indian office  since late 2012, and delivered over 80 Responsive websites using Custom CSS frameworks, and popular frameworks like Bootstrap, Less, Zurb etc. If you are interested in our services, Or if you like to build your website responsive, contact us for a reasonable quote and continuous support. 

03Jun 2014

A superfast intro to iOS8 Developer SDK and How to start?

What is new in iOS 8 for Developers? 4000 new APIs and new ways to code for whole new set of smart apps.
Read More »
29May 2014

7 worst SEO Mistakes and how to avoid them

This blog discusses about the worst mistakes any SEO professional should avoid.
Read More »
20May 2014

10 Programming Taboos You Should Break… Immediately

Programmers make mistakes, They make it as a bad habit when they do not learn from the mistakes.
Read More »
15Apr 2014

HTTP error codes 404 vs 410 and how Google treats them. Matt cutt explains.

SEOs need to learn http error codes. In this video Google's Matt cutts explains ht Google crawler treats error codes 404 and 410.
Read More »
08Apr 2014

10 Photoshop plugins to make your UI design life easy

In this blog we discuss 10 hand-picked Photoshop tools that every Photoshop designer would like to use, Just keep their life simple.
Read More »
28Mar 2014

How to develop content Marketing strategies for your business and why?

  Can you imagine listening Hideki Matsui (“Godzilla”) crushing baseball in a Radio/Audio or would you rather like to watch it in TV? Likewise, creating an online presence without right content is like watching television muted or like listening it as commentary in Radio. You cannot taste the real flavor. Great content always add flavor to your brand and Google loves it too. Your content could be in multiple format – text, graphics, video or Audio, and marketing your content in multiple channels is the challenge in front of any online entity. What is Content Marketing? Content marketing is a branch in marketing ...
Read More »
06Mar 2014

Matt Cutts explains Percolator, Dremel and Pregel

This is an unusual question even to Matt Cutts and not much related to SEO. But still interesting to learn whats happening behind the search giant. In this Video Matt discusses about some (internal) propriety  tools that are in Google’s research labs and infrastructure that helps to run them. The question is actually not going to impact on your SEO skills, But will give you a vague idea of database  indexing related. 1. Percolator – Incremental indexing tool for quicker and efficient way of fast indexing rather than batch indexing. The publication from Research att Google says that it is “Updating an ...
Read More »
27Feb 2014

How to build your Request for Quotes to choose your web developer – 10 professional practices

Owning a web-based business is becoming more and more attractive (and easy!) as opposed to owning a conventional “offline” business. One of the first questions that a person has once they have an idea for starting an online business is, “How much money do I have to invest to start my online business?” Immediately after they get an idea, they start sending emails to web development companies to gather quotes for the development of their business idea. Where do a large number of people get their business idea from? Surprisingly, many get their ideas by looking at large-scale web-based businesses ...
Read More »
20Jan 2014

How to get more readers to your blog post?

How to get more readers to your blog post? - by Chronic Writer Ten years ago, there were only a handful of bloggers in the blog vile. People who had a good command of English had a blog of their own. But today, every Tom, Dick and Harry has a blog. Yes! Everyone and their brothers are blogging now irrespective of whether they have readers or not. Some of you might try to write everything under the Sun.But, have you gone through the phase where your blog posts do not even get 50 hits? You might have thought what went wrong and ...
Read More »