How RWD can reduce your development costs.
Responsive web design is a technological approach which ensures that web sites can render on a variety of screen sizes from mobile phone through to large screen desktop monitors using a single code base.
Responsive Web Design is a method of delivering a web site which works on multiple screen sizes running from a single code base. Despite its recent popularity, RWD is not a new concept. The first examples can be traced back to 2001, but the relatively recent explosion of internet capable mobile devices has driven a business need to have web sites that work on both mobile devices and traditional desktop computers. Historically (~pre 2006), mobile devices generally could not support standard HTML, and relied upon a standard called WML, and so, there were typically two sites made, one for mobile and one for desktop.
The move to a single code base was driven by two key factors. The first was the cost of developing and maintaining two separate code bases, and the second was the increasing proliferation of internet enabled mobile devices has effectively driven a massive growth of mobile site views with users expecting a very similar experience to the desktop experience.
RWD sites divide up a screen on to a fluid grid layout, made up of columns and rows. Responsive layouts automatically adjust and adapt the grid layout to any device screen size, from mobile through to desktop. Content is presented to the end user within the grids, allowing desktop and mobile users to see the same content, just rendered differently.
Most RWD Frameworks support the concept of breakpoints. Breakpoints are a way to categorize difference screen sizes, typically arranged around mobile, tablet and desktop. A break-point occurs at a specific screen size - or more typically, screen width. For example, anything under 400 pixels could be considered mobile. Anything over 1024 could be considered desktop and tablet falling between those ranges. The layout is then adjusted to the devices break-point.
Browsers of basic mobile phones do not have the performance of desktop computers, and as such may not be able to support the complete set of features of the desktop site. The philosophy behind responsive web design is to design for basic mobile device first, and then enhance it for more powerful mobile devices and desktop computers, rather than design a complex site which works well on a desktop and rely on graceful degradation to make it work on mobile. Doing the work from the bottom up ensures that mobile users will have a good experience without failing due to hardware limitations.
The following highlights the benefits of developing a web site following an RWD methodology:
The following highlights the drawbacks of developing a web site following an RWD methodology:
On the surface, going with an RWD site is an easy choice. Reduced development costs, reduced operational costs, speed to market and the ability to consolidate your SEO efforts all make it very attractive. However, it is worth understanding your end users before making any decision. If you have access to analytics data, review and understand the behavior differences between mobile and desktop users. If your goal conversion rates differ significantly, then it may be worth understanding why and adjusting your mobile offering to reflect what the end user wants. In the example above, if your e-commerce conversion rate is 4% on desktop and 0.2% on mobile, try and understand why and what users are really using the mobile site for. Once you know your user, then make your decision.
If you would like to know more about what Dygitized can do for you please fill out the form below. Please explain your requirements or specific issues that you are facing.
Solutions for automated PO Invoice data extraction, validation and insertion into Sage Accounting.
Easily exchange supplier, product and deal data between HubSpot and Sage or Xero.