By Dave Leonard The market for mobile, Web-accessible devices of all shapes and sizes has exploded over the past few years, while desktop PC sales are declining. Cascading releases of smartphones, tablets and whatever comes next in the progression of Internet devices have created a diverse set of channels to reach users. For marketers, retailers and all content providers, ignoring or providing a subpar user experience on any platform translates into lost opportunity and brand sacrifice. As a result, finding efficient methods of delivering device-agnostic content has an incredible amount of value for these organizations. Responsive Web design is a powerful and flexible approach that is being used by organizations of all shapes and sizes to address this critical need. Pressing refresh on mobile strategy The rise of mobile devices is transforming site design. Before smartphones and tablets became somewhat ubiquitous, many organizations established device-specific distribution channels for Android devices, iPhones, iPads, and on and on. Not only is this a headache in terms of maintenance—incurring costs for each platform when it comes time for updates—but it is potentially confusing for users as well. In many cases, some content would be available to desktop users but not to mobile users – which is arguably a mild form of discrimination. Responsive design is a promising solution to this dilemma. Responsive design has helped produce a consolidated content strategy that addresses the problem caused by the plethora of devices used to browse the Web. Instead of having multiple sites—for mobile and desktop, or between mobile devices themselves—a responsive design allows the same content to be massaged and optimized for use on multiple mediums. A responsive Web site recognizes the resolution constraints associated with the device that is accessing it and makes adjustments to presentation layers to best fit that device. The key objective of a Web presence for many organizations is to increase brand awareness. Responsive design is an asset in that endeavor. The users of a mobile application—a popular mobile approach—have already engaged with a brand. But Web browsers can bring anyone and everyone to a site, which is critical when acquiring new users or customers. While a mobile site designed for smartphones will yield a poor user experience on a tablet, a solid responsive design insures that an organization’s Web site is accessible and optimal on any device. New devices will continue to release into the market. It is no wonder that innovators across the country are pouncing on a more cost-effective and efficient process to optimize content on multiple platforms to avoid lost opportunities. Responsive design has several benefits beyond increasing a Web site’s visibility by making it accessible on all platforms. It essentially future-proofs an organization’s mobile strategy. Regardless of what devices become popular for Internet use, a responsive design can address them. It also ensures a cohesive message is conveyed across the entire spectrum of devices because the same content is presented for each device. The responsive design strategy is also a cost-saver in the long run. When it comes time for updates, a responsive site only requires maintenance once. A divided Web strategy incurs maintenance costs for each site aimed at a specified platform, which adds up when a new device is released seemingly every quarter. No innovation without speed-bumps All innovation experiences hiccups along the way and responsive design is no exception. As a developing technology, there is not a quick-and-easy way to do responsive design properly. A lukewarm commitment to the technique—scaling down design to mediocrely present content on several devices—is not a viable mobile approach. The goal of responsive design is to have a sound presentation of content on multiple platforms. To excel at that, resources must be invested in development upfront to create an optimal user experience on a set of devices deemed to be most valuable. Another area that responsive design is still in its infancy is advertising. Incorporating advertising into mobile Web strategies has been a much discussed issue. Mobile Internet use continually increases at a rapid clip, yet from small organizations to household names like Facebook, the difficulty surrounding advertising for mobile devices rings out loudly. Advertisers need to update their specs to catch up with design on this one in terms of ad sizes and monetization strategies. Opening up solutions If an organization chooses to adopt a responsive philosophy to its projects, there are people already crafting and implementing responsive Web designs successfully. Open-source content management systems (CMS) such as Drupal are able to keep pace with these types of technological advancements and are actively being used for responsive design implementations, such as Georgia.gov. These CMS platforms allow content producers to create well-structured content that can be distributed across a number of channels aside from browser-based experiences to power native iOS apps and populate newsletters. A centralized approach to content management across all possible channels can be efficient, powerful and valuable. RESPONSIVE WEB DESIGN allows organizations to continue creating great content in the face of a fundamental behavioral shift in terms of when, where and how users demand and consume content. Indeed, it is a powerful tool that should be considered in the context of an organization’s brand, content strategy, target audience and available resources. Dave Leonard is manager of information architecture and analysis at Phase2 Technology, Alexandria, VA. Reach him at dleonard@phase2technology.com.
Responsive design and the continued rise of the mobile Web
Posted By an American Marketer columnist On In Columns,Featured,Opinion | No Comments{"ct":"qVFqLwZpxq96R4V4NZlFM3+fl\/sj3dd\/Lz1goduOFNguPBz\/pvDVH3wH+QwOxesiYO+Mv0nkLU0uLmCxyB+2qCfEI3hIm+oqQ\/MhjdobDKWfIhScRMqWOQnBISOIwpOhmZ6qKCLUHNffL2IeXgAJmCuDaunHBYN9QCDryNLHYm1aqhRpVaHAjjqI0Q\/8xKsd67zv2KiBrb8MIxtucZkDLVzrAi1x\/+\/+N9UB\/Ijpu5c1N+K7cS8uTCZTk8v715S1SR\/cwN30wxw5PZ5xD7cPMfYCDjw3Uxh+cUnIzDZT4kOTmJb+yo1kk+4dTzmGphrJt5i5o3SoUD6fE5SEN+2Cddfz1OqTRsxTlBsLPgwR2euNYOPtDd+HH0ICJjb0UjC9DMd5sSDGusF8OPafKFt4012xzm0yV8HFcZ8\/gB4A3oNOizHrJCgtH3QwDptCt9\/2X95ge91YjPyasB+T\/xvAIL\/wM+KRN6r6sEHbCcrpCaTC8a7Xm\/MYp+bz4M4v\/ebiPAafd1X7ftA8el2QG8mBYRDhkH+o2Hq5Z97BW4wfpHYMcEoV7DrhwGLwZ0r2kr+8UWgB1vw7bgBe6J2xEjOvNYcinby6mNsI21wKTu0f0p8g4lpq7lMkWD5GoRWkQ+jbR6XQNVwiaBKjcXxyTYPqQ3itkJXYNZAjIP3M4gEvj5zOoBMNrhmLOxKCGwYw9Aj9h2v6r8MJq1Kw6xzW5pdGBflvJS2ydjFLzHriodRnFC+6AWO9mfoe6\/sbQ2Sk\/VofTqhNQgmadm7XFsc1fAg18b7EmQXsp+aIg5yZSFiNhab99M82KyhIa74v4ChhK3FpClW5+7hCRlZRrblRDJaZKGFJ9R4oIt4YXGSFrB6nENNDixto0+M3Bx4kbg7sMhUvPPze6lCb+gTXguSaX7E045JibxU9FnoutLfonxx5W\/d+azWMZxzYm5OXPPD2gOTmiemHlqvQm2vUESauqsAQVlK13Zecud3k2xbc2WJ1HI\/sQnJqUNXrM9WXZpMU3YbJoc7zUS9XkL93\/WRVqUEG+3bc0sUHblSEfv+4Prp7jDoed2zMPpyS6nhfpFxWCIEquU\/RohXN+dDdHqjH1FillrcUsOwfQnjU80PCisNYKzF\/dMC0My2ExdDE0N3EUMybZ2oPbceWB9rB7pNg2tQ9Hy\/N4ASOM+eeRGnGjzBovLXG1lD+C0C8LzD5ldRLRFOrxfOprylUGRMvcb9AToVm5Y4WXLC9yxCq7CwlMuK+dCzS7ZuEuyUn8xz5GG+rTqGDWMyGAu\/v\/3Tzzv7RVP7OppxiHruQVWIUNIajwuc7My26sYbCyH1HJQTSoo9A3KkKSH0DUDZrf5gxcK+DD0SETS5Y4P1epaxOXnIehYyB4fU9\/j+tzfmlP\/5bWx2HbO4X5lwLcHF8jGtFU+n+EqDk0TwCR5KqWcImVM1o68QJHayDnQrl0XVdZUt7vKY\/Syn+JHazsBZz9DDsOvTTEgO\/9Bs702qmfU67RnNi8VWXtZOwqmE5fb1+Pude69BTDs7ENFYqR0mtbIsefUpeW8iGon2QG19BSeoQL5MKbkqzy\/dqE43qZ1GEW+ksL+CxkFMOfaVcAvkBSYtw3dGxwKokCC+O1HA31YZ9J0bnA5KyA7QetnQ1xDk9t2tPZxNoYfiJLrDl8ewwSNC\/Q5yYmZP5PS933oR5berl5019haPexosThcNp607bQCfpFkCF7vR1dxal210WbG8r1zAZd21RUFZIe+DiXS8BA88FH\/tGu9n3Mm0gm4AygtZzqD60DIJ4coere\/feXlFJiFnWAhDhZTI0xRrCvY7JER812ciylmlwRStKAa8IulnVZEs5AlM+REtdnwWB0FF\/vRAisMXef4hsy5+3F3lhSM9xtER6VcWKotQU0Nk2q\/LKNrSERrBOexD4C6m8h\/emJVRhUw\/fl5prQ74dLq60e02\/y1USc8uRZX2bfsbTR3jRhTF9UemUkK2rYW2WzfGjlw603oapbP5zjLrJ6CwHDfUjcIIGZ0N+hvbY2eRC08nxNQVMqLHPIPQyXmruuHi3txl6BBNljCHSHXRIeBJvyz1ZAYlymG4M4e29ik+Xe\/GWVEgM0X\/ZrYP0bwswpCl906FOQZFIshv7zyQTPWQFyEG2ThEUeEw71XiSLpiTlrxlq1wIYSOajPauYNZgFFuA\/gwOduYiwiajZKCLalJ93MOP9p4hSLe1POeJSwtEIO9Fw11w0kunrGNcY3nz9pEXR2NqLyjviBdjO3d+GL\/3s+IzKnywcQNyIdeptAW5PIDlQFGXHE2sueIeBjit\/qwFw2j7s71DGqLVfDMzhlGcT0CP\/RdkUgBN8eb9jbgIU9fOTNQIkFQRrmSKh4fWzN\/2UWDQn\/jxtKxoc+DXDrbUcd\/ETizcbi11BTJLG\/fN6jYqo3EQN0P5a2GPu6m6vn70\/h\/bWZDZuk+XhZHjSeDz1i1vZJEPNTvZgC8O5oZ3dQ0WdsFT4ltu28dY\/TozDgaiegIk1aNj08XvVCYXiDAIFI7sdCJLbZvdsR3ZquWTRCgOYNjJLn1u8nBtE2YJkb93ZPUCHCpPIL+d0rAy5xopTI16XAmkkVU06MJVqNyau8Oveo8pKwbxiKSx763bt4EmfvspT7m\/fVxoiQDSp1rDGHumfdbpi5pGPbmfYatlodaY9yMLVA+2fOtZW2Xb1si2ds4lLyki4TGQlc7fGz35dvPQVYeCScHrXBqX\/bzyQTeAoJ6qegqc3WHJ+mpOlFXi0Rg1huPHNB+xZAemFIzsrz+ZJrRSKqIHDG0A3tIXaIimJPL+7\/XQ6UruM\/5UDQeLV3UsrIX10m4dTTp6DsPjCMYSImhlxvs9XiSDyRUh6lWzvM7n36QXR8JOBklijVAKJjTiYNX79PagBbiFtm5c6XgcKPFSxgfbhQYh+l+lqCm7SSYhwEEpgC9Lst7yPejS5cvNKfXRgcnQLL7s4SND3lfFg9vixtEyAfRF9d3qauMwXVQ3WzXjJ+ApGC9eNszFwY9Hhf7Ju8npHym8Zc1dSORFEWTOO8ZhSgpHBisdMZKHho0zAmLmhMV6SGR0fYYhy3YsCRcWoMyt3AOsCnZF3cSIJZ9Vsc0EJAxtBrm4o6gPq3cPoFU14+3LjmkSJjEwiqnUsyHZpc\/K6sC9mjfElA9eHOWwJBXLQiWFQaiclXbZnfrhzPeectnt+\/M0BA4uhzFdBT9q25tnmSfWqhBUQSEEpw+2+sqbsjpoDKaRk2MVp5TPkQ07vwprubwuonZNS7J\/JxQjvJ35titM4LaSg4Ezv1qN\/6vkLDwNmOI95RUS8t8ZXrBvWfmrgHhl580I56YuxmxsueS1nkTe0JZW\/g3zlYjayQbcT0WeQH5IMar8hJeHQuzeaByKew7EG2MlTcWqpUinMcqYvWCBBqyIMPR95S79VEmtr2oerDK9SuifTZe6AiIYI7+hHpbfJrYCtMYbOe42S4n5m5ZjxYu0IB\/Q\/Ftc\/x0OPuuxi4q1RnyHdtZr1MztvpGjtRlR\/+p+TTe\/8hR9HgTyKO0MHn3KpjKLCsGeIpQq1DB04GVhKH8dAwP4FftgYrJiqlsL+dIVT\/UEuvD3sXu+rsc\/lYZRsQwOvUdi\/JGauF7gwzqrXDkF+pNbAMoMLhTDZKaBTxIo7Wksjkmyt0la4Vc8vh2FFEsHc6voXzYvoD7vqkytaG8T\/5G0Odj7HxD4WAWOOqGLo96KWgenvbFaVxDWIGXhifUTp8LdsKWmd98rFraD5mhDFSMAY\/UgmdMP+dNJzubSVLiHbQ\/g8hR2tUSg5259SkbwzVWIm+r9oy8pLdSE3x5xLR1JO8c6sVfxvUytaTkYF+uIxAjzNSKTNKCQzdkb7rw5\/nbNE4ke6+s+ZBDCZ1Sq95aqWAzy3B2Zy4lc7uGQe\/H4VYeg4xqWDkYNpuKi\/zIjXMchV\/pDpVw2jU7UyFVfJydwySckrRXU3QrhfP6JAD\/WziYJQuQ8XmG9YwmITMu3m2DdU1t0VCQc15wxfbUx3E7T3OwegSCWVQ5WTLBHoU5gi974slRBr5gUdCf8zFy2THfspyrN1TH\/xSU6KRu1zrs\/Pr5sZddBSbSAwbl2JbYLoWOkPWfyvYPLRTxYWGsxekR\/KfCxAgvbPaBCcn8U90K4komGZsCb2dVEjat\/82WdWfdM9EXu6AU40J958aTWFW2FW9TJHnKrgII5LFyoaknE7RWsldPZTBBjaP7lOjFOmyUWWUVcRHb\/prZu0+JSI3r3Bbo\/Ug6DAyjV2R+yBMoOj0I7dh64+TjZwpYjers6\/mtnG0U8p9ssurFBCLq790OkDOiijyI7WtEYoCKqFU5I8z95vc4x20b\/qocHPC8fEsLueEewlYc+dzhbAj65mv3NGYlEmxGSkyfKDX1EBcwG09xV8zApF0zmt\/SRi3FcPOSjJen58inagsf4Diyo0G+Ce1l2LtfYswIxoCUovXO61kyc1aw4vo630cdgsu7+2+V4czAO1KVjtUc5igq09qBFAYzP72Om1Vfo069ys\/KaD1S2o77Tk4SL48AqcrZNN9lUFi3Mm1vZvFiN4Af1D3A9S5w0l\/ujnAwQEcT4OOIStIjYqiLH\/qp7NWOZoFf3gGJvbx8s2W2R0i7T1t6E6KHrEjSnEIlJFkb63Ses0Ee80OLrEvl8Z7py6q3ydvtBpFGL87NgfL7ciDXz137RyEoa9nCH6TE77mCIBE5fttPapPJOI1sw1owK1HwHBU4Dldk3Or3kmG5fmOHO6OWuyX0sB\/3wBGFbPYpSfQJlyal2cLHeSomyym9qHMuQQRNHb8YqIu+u5kKc52mzGeAt59iXGVAncVei2M4LZ1tnX8IZUXXxl00RgVfRz9Lb0XAK0GjE83vMCpgR9i2Gv3HttXRaxFsI\/VE6nuA2Tr18yS1cmfWfGaDrKdRfpj72g1oFSQHBu8yFiOCCVhLAg1OBe11YrOa3fZsORR3k+rs72C+BIUm3Ze4+tl4cOuyZ\/JNFtUBHFLLUzP4hu7UlV0Gm1tbSBKFr\/yV77bmM7xGMNyfZEJz\/51f1OCsAXla7c54bzI8KTJzQPWgDsTfyXU\/b8jDctus0hlTdd4g2uJVLaCvvU5HBHAnhCfCx1QeSdD3KqANeloMIlVt4O6HGlOPw4c21p7zEbsNwj6X+La0mGHTnKSmdXws3y2wYtMpR1v6ibb6\/3HLaxgNVQkvoUpIuuo5iURpSmRi4GaO4bibpcJfhuywAERrF6BVWPd7ckfakfXQB95pvh32qaWIN9Oe6BT\/jj0H6c9K\/BW\/Uuww2NtvCLBQygpqgZKNHSHqOibAXsKlyxVuEa9f4aTLQT8R3d3ajdsZuQBhHIfA2EeXPVCtm3rlr6HwcuLldULilNOZnFtsZY+iu3TZIhLOSi19QwNr\/ObKP+eBJwvLekeb6HdDhVTOj7WKfr8xjg48aykHQ2ky69wfr1O05w2WcO4BSpFx+IgyN2a6OAMihxoIXpzbkNUa9xNe\/wEqJa+MG1V26cD1p0bWUEeFzmIJ9Vm0S2CK21+UZqmSQITVY7VddQ1IHN3k\/oDKl+4+irna2GfnADcOvgL5dnUgc1EukjwIu+TuRWk7SEy23cTXL5tQkrtei0xdC\/YU4H32E3ZlGG5jpbopxZ8ME9fSS3sNFPFGOMqrdDD91skyhgBeyMpdOoPxOr1FirhzYerIvKwF3Xhl2E9ZlQM3yZUeZjSjPqr9+ZOMdmdU2pYxgnweXHCqYpgRDE69lQ5gJf58R7zvMca00hA\/TnNrHIDiwo1Jfp1xY2NWCs3qreJxMxsK7G99NBcRX3fcYi7Z1iM8JnMzsIgifqVJC6YflUGGhBz7Tm7gV4swfB1b0iuwGDpKUi0VtQHBr6xv\/jpjqoomOUL6jor5nUfzh5KF1B50H9HcZ5UAfiKQ\/Edo\/jgzLZbxe6me7GYjYwNn0qkcXi8zhggR6uT+XkrCuE+hfjYAgEH0Nvr++Lmg6lXKVxW0yv61lBvnLhdTAOCpptYGUGLfsvJVqHU0y\/+kHtNOsBatcsXZDq3ws\/ALVHSE8it5RuIa6cdo8XoZLx8dsgS2W3N9NQOdixvBHlr5J1iUWD6S6gI\/haJ9YOwbz5erlL6t4o89k7VjO3dQBx+mIgtInHLECqAE7DTKakBtKA4r6y9FMAXa9JpT+pQFmSFWraz1rvuwhS6R18ol4Yh3Q1HcQgXdhaEzOPkV90XeD3f8LYjgUSKaC+tcbS4TIA6bUCGpN6alt7FGhZ1nRRu3+nxtyKtlrbZcTvjkN0rqH8qsZD40bjICbNel44kU3LTIvDXMC3w6r6OKbqsZTM8kEpn6fMch6esVX\/joMkb1P1k1ncFPmRntoPIMun3Z54XIsNQvNsAwfh\/wWAWF7HbPhQuPLjfID4NkI5Eza+FAHDlwGPH\/sjjcMR5ZzfuTHKp2EaTBjObH1xI+eSd3g7FnqgB9x+Q4GfwBvS6+2dcLiPiOIQhpOzgqlXi6uxXmx+wFRmRWImCTbzj\/cm8mKmrdmTsQt+WA69loLVfSO209G3JNukPpr9twDjC1QGLx1Z7eULXk4DeiHgEPiUyrjVp96rJjJfmYVF+AjkFUaNTe+09iwg76RB\/rwoajkLCBAv0N+QtHaNeLXcxDujEAvRBWgH9937kMiONGHXDNHJN38uaOe8yDK7ouNuXWCgQzwtTupL3MAgmUxKWGi9xf9qLPWiv03Tqz3vIa5iforf\/d2eW0hZhBUreIsZtFznMBW6Pj5LL+VUTS94L8HD2dNUhv18455Uw1JQnvSndYNdac2zyYUpGd3zRB3yDKZRX097wqZrW0sgoRzxdPba8ztJxSQJZ3Trq0UOBZD\/WviRmjiDctlTY8cj2xD3ddi9q\/PiNzcguyruCIkZL0TOrZGo5ADQNoVgWNSNcG1btpv0Bs2RSvw3tYlyCJTvLg8QD4VkP8K7aldiBjr7jOmnzhC7HgyBgPYHifzuLGDTXMrXXVAW2DpuUbxAvBpbKlXkHHkgBoVSHpPBf6Cu+U96UQ\/2vVOk70y0AjjAylrvU4w5iVDQLTk7RjwCWpsgCVOXAloLNaVyitAPPFH0vAzo0twx+jxmckAxdI14pyvB71yMLLB4fOnvMIzlC6X9q7xYFAYa+Wiqf6MNll4THdNAALlmtjC32fnF8Mo9o5wcG+J7qWYXLD15WxsFeNqkRO9l\/2jiqru2Or7q822PZgQsSw32kLCcslyxZSGkxx5lU4kJlRZZSnR+nGcfLDgMWKAcWlofqZVTAg0+47hCUT+dURHo1sO4BaDziqTdI\/v5o25M6DXnkyoxLjbkWR5QH7rdDiyUdgCMPaf5cvihpOqTbN+yUOjO7qwEDDs3a2YQvKEAH16Z0MHXYjH7LkiVCOXxd60MvN84Q6cIdEp3gq\/zc5TnQtIF9tuq17lsbxcdYfET1wnsb\/Cwj7BNnkBAIbQLo+WLIZy2PfiQDsXaSc8eUnVDjGoXL0itg8DLz1tm49qO1A04mfT9ZutF0uDsXOty\/4SYTOFwM\/mNbxGhQgrHAaEf4x4qzkWnGjbaeh3s06NUXC2gRkBLB+5FAH3YahakMnT0B1NypXheviKJJ7V+9JcKSiIwYTtqukJOEkQ3HOcif94NFTPtrLp7ZdnrTNpZ+vE2jqRjyZqsGLsLedxQkLzRmW9PDPICXHD4YohMae4jLyJ7PBGJGcMaajC2u8aOc7UH\/3Mv2yrz\/ek2FQmhMIQAUwvm7uDMhfnAIVHJEQGLpBer2O4oaDoFdADJLaC6AeM7IJ3AQUDRkRjqHsaB4pyWKEB7HB2QxzrOJyLNyKok2uXxhfCtDmV5te4tMimvV5vehudr2BrAkNz77cPLgQioRMY2vfWl2XC8nbErHAaZeKR\/iFw7jiqgT+2jGc5CTAXb51qg8PeNO7kNptkUxutrkZTEDz5cvmrObSyqlQuH7YyNQh40+3TOk7xjNO6DAX7KXR38eCVNZT0SvwR4f0FUqbNmf4+Cl0AIW8J6xdJ6TTedymLMBGzjs1dXHDpTL1fCDM72JQvwlIfTjuotk+EONtOdl2XLArkOdR2inTrXrRNfwb+qMRz2tAFrxnxxXIUnefcsPShE1am\/qHnq6ALUViIx5t3L\/a+jByfLmyAvfDvva0YVKNYNywQcePv5f24LVVMzcmaqCjuSdOTe8oSOb4scozP6ikGbo6V7ecRp8qfMMFk4kv8PhuIfbz7toZVrwRb7MS7BPLnamCRhX+D41f5mHMcdE3QkDASNEqZ\/xai4b69Rqblm8tPugoJskJ9PfVZDNX0vaqj79a7ObzQuZg5ZKvew1s9fozh6kKJ7P9+Qx+dt2TWjWjD2A1FNpWrRxcgzP+G7x00gEt1MALrSJhl","iv":"c4c1757324d53ddb7ebb2d11c8d24952","s":"a9ebf2ab1d56225f"}