Responsive vs. adaptive: optimizing your mobile website

Did you know 65% of today's smartphone users use their devices to make purchases? Additionally, tablet penetration in the US market is up nearly 50% since 2012. It is even expected that tablets will outsell PCs as soon as 2015. Within this expanding and unavoidable mobile device market, however, almost half of tablet users are complaining that business websites are not proficient enough for online tablet browsing. This may be due to pages that take several minutes to load, sites that have strange formatting on users' devices, or webpages that are just not supported by the user's device.

Whatever the reason, it is clear that businesses cannot further postpone adapting their websites' compatibility for mobile devices any longer. We've been talking about the content side of things that we are experts in here at Onboard Informatics – but display is just as important as content. So how do we provide these mobile users with the best experience possible? For the companies that already have successful mobile device platforms, they have either adapted a responsive or an adaptive web design approach.

A Responsive Web Design, or RWD, is a singular webpage coding that adapts to the screen size it is appearing on. More specifically, the approach utilizes pre-determined size brackets that designate when and how the site will change as it passes through each bracket. Cycle to Work Calculator's webpage is a perfect illustration of RWD in action. The main benefit of RWD is that it is remarkably easy to manage. As opposed to having multiple different codings, the programmer needs only one. The main deterrent, however, is that advertising space and the attached potential revenue is quickly eliminated on smaller devices and screens.