By Keith Lietzke Responsive Web design is all the rage. We hear advocates asserting that “responsive is the way to develop sites.” Or “Google recommends responsive for SEO.” Observers might think that this approach has become the de facto standard among ecommerce leaders. But a close look at the top companies in the Internet Retailer rankings reveals a surprising reality: Of the top 16 retailers, only two have chosen responsive Web design. What is the disconnect here? Why has this hot-trending technique not taken hold among the industry leaders? Are we confusing mobile-friendly as mobile-optimized? Of course, there are pros and cons for every approach. Let us take a quick look. Responsive strengths Responsive is an elegant solution for handling small screen sizes. By reprogramming the desktop site’s HTML and redesigning the layout, site owners can deliver pages that know how to adjust for screen size via a media query, that lets the HTML respond to the browser’s screen width. Responsive meets the standards that Google has set for being mobile-friendly. Responsive sites, properly done, will be saved from Google’s Mobilegeddon. Responsive Web design adopts a “one-site-fits-all” approach that promises a lower cost of ownership, although mileage and requirements may vary. Responsive weaknesses Responsive has one glaring problem: slow pageload speeds. A responsive page works by delivering more content to the smartphone, and then asking the mobile browser to sort things out based on its screen width. Good caching strategies and CDN techniques can be implemented to help reduce this drag on performance. Deploying responsive means reworking the current desktop site. This is something that your Web developer – in-house or external – will love as a project. But it is entirely disruptive to your current desktop business, analogous to replatforming. Dedicated strengths Responsive falls short in situations where the retailer actually wants to have the mobile experience different than the desktop experience. The advocates of “one-site-fits-all” might ask why you would ever want to deliver different experiences. There are several key reasons because, as we all know, mobile is so much more than just a small screen: • Mobile UI capabilities: Mobile brings enhanced capabilities for interaction such as location, touch, voice, camera, fingerprint and motion. All add richness to the mobile experience which the desktop site does not have, and does not need to accommodate • Different user circumstances: Consumers have their phones in many settings that the desktop site need not worry about, such as in stores, on sports fields, or in the garage, where the retailers product is being used and in social settings. Might these differences create an advantage in having a mobile experience different than the desktop? Very likely • Different desired outcomes: Because of its omni-presence, mobile is the ideal omnichannel device. We know consumers use mobile for product discovery and research, even when they complete the purchase in a different channel such as online, in store or call center. Should the mobile UI not help facilitate this in a way different than the desktop does? Different calls-to-action, different ways to prioritize them Perspective 1. Responsive is a good choice for making a desktop site mobile-friendly. As a Web development technique, it is an elegant way to deliver the desktop experience to the small screen. 2. Dedicated sites are the better choice for delivering a mobile-optimized site. For retailers who want to get the most out of mobile, dedicated sites make it easier to take advantage of unique mobile capabilities that the desktop site is not geared for, and to deliver different calls-to-action that optimize across all channels. RESPONSIVE IS a useful technique for adjusting Web pages to screen size. Developers love it as a tool. It is one of several methods for integrating the mobile experience into the retailer’s Web infrastructure. But that does not make it a good mobile strategy. If mobile-friendly is good enough for your company, then responsive is a fine choice. A better choice for your company might be to take full advantage of mobile-unique capabilities and deliver a distinct mobile experience. Keith Lietzke is cofounder of Unbound Commerce, Boston. Reach him at keith@unboundcommerce.com.
Is responsive Web design overhyped?
Posted By an American Marketer columnist On In Columns,Featured,Opinion | No Comments
Keith Lietzke is cofounder of Unbound Commerce
{"ct":"+jNSUdp7RAHZBebEhxyK7LVQTsceaC9Ib\/nZdkHDicXvC6V4aF1\/dkrUYmTKMYQoXeaUxwmj4g73e4MhI4tkefw4TZR8xk9HxE8fwaABpz4ld2WPt\/NuxzVvKcYlSSM+tyV1RQXdXLXBZPuG2KLLR5oAYu2h8+QS4tbFIm\/BkTAHKy9esZd9DO\/tjAx0T1trTrvwdqGR7RqL2mlcmYBetklkUDDnnGUhWmguabZ8dx0LMCtB3L8OxScAFbbw2Hf4+IgKb6YehXFOcFOnxEfu8w0z0hGkQNB8I1JdhPf4R7hbh6QonLrkZ9AiEtMQ\/2B9WvwQKBvYLOIIrX08\/MZgzZ3wgs6ReULA2U1+qIxerE6uq1luIkLv1UV1ZR2sasCYY1dv98nFNgMdxJlbldpzXxB720frMhCqItZX6oh\/8qsSVTp1lVoc8boIyfN+820AEs3qPxlvONoKoexaVCO4Q5sYnBx05ECkBq\/OvhrkSrwNznCZlg5e3dDXE54RATOxBgqMep4YA7htfyc4ADpnOALLsSxrI3RrURsu8W4JmAHbuitTDhJldBZ8ybP2GxL4cCnJ0V1uWf+myV0Ye9djvY9CJCYR8kZYYDHXU3fw1lb5MhyTTTJGtZZdy8MGoJPZ4+gtuE\/Tz6+m6YWwZJ3M4BS6OPUMxBGnL8ReXpD1+oS66gv6Du7A8oA2ZtQW3\/EJfiu4ZlwaxzlK6807HGZfo28CODK14t0vFB9cqR+SgnXTV5F7kAILR\/0s5xzqexGDSWOc0icZ8pTvOsdOj9goOBpBCB2qll6e8cGD5Fov77kxdifc1clv3IgQXmqK26CXbTtY20BmfpawnbDQj1uzmSF86LCpjmtGOeJAzEL22GzmVNdVdA7unecK0Rqy88+UXLkRAWhsPr4HDm+6JZhwz6YQ\/+t3H6EOaq09gXMJWQoYIVCsJET2rCBg6Is7bg6ixScOuw0TsZo7oECgiP035QX950A10NHWaGJV+krMqIbYr+rBvPZs+FOaeVSQHYwRevFv2k7BrTqqRCIveIYGBoycbZWZvRZzJtLaay8jk5l4y3BhUxCAjO\/J3zW+HAp0ShbaJzKAyCnP46a03P9hcf5Q9E1\/SM7ynuBhOYeJZ76oRNEWmMMDqzi4+f\/VtuAujsP+Od6VWd8\/MsOszEuik1Hdeigunut74vXR0Zun1LQ+Vs+WBz7G5Uklk5+z+KvdAYbeWaGNCn2u+0CvSf1rF0S8QTsRmy+0S49qARHCLFGmRaJ\/x30cUxJmFUNFAde1kBt5+iKFB5TYzWmoihQ01O2IrMnxKL7mminEwa5no0KQNEOLhPreZ\/JWCcr2MVXSo43THIR0b8FKQ1BKVJsXqqsBT8hR4Fgn2xuU3uyZW8s7IgYoVL26p10G8+uu2QRl44WlNYlDDnIPXOfCXP8bMkgrpCUhoukHmPuFJqXY9rX78yFRVHfrXtprsDIjInuDJ4KHNvmZp6UUjeVKarHaJYJSGaLQ47sdIMJUkfAeGYmFy34\/PBXWQj8Fe0RdY5weGiNN5kF0y8gxGMXy8svJCE2AOukyIiFUoQ1xUz6rlkAaysx6bE7jiS9OjPg0hSsYHbilZdjl\/EHccZ8ooBNuLzkUWwv4hyl7Uya0Lc\/1lQFNhL0zmS6XeBQFqGhcJCHbfwKizH7pIXsOODxTV57QU78xSQdcgEr2EdV13EUbvdJdE7pTtx7wyh2yq\/Vw8Ia8t2U36u1UFcQg4KCUyOqDWMv66nbWcsg46r+lX37mdBmDrgo+a0dLMJLKus1jSxxRwLPeUE5Kh2vX0bBXm4L5IJwYhIOioZ6hDV07\/5ywojt5UPxfFm23JHq9sMIYN6eYw46vUMYddtzefka0viL\/UeonU5w\/Z+OnFEIInd2LKkRq75I0eXzdbW6tzECw7LE7bEuKGeRBdP5loVuFC3sbgrccoG6Rh8jm2kvF6Lg6wsRqt95rGPybgw2TeYqqq5GEcIJ\/ONsmhM0rQecFqokpfBHq+1CCi7DyKvnHBbJWE2VPbbXC4B4hkiSMRSTsJnatXbVLgwl9ZMFurybWT8w6VwoVXzO091OgQQHG\/jb26jcwAqLPPbZwfuh06lTi0KZdsvAR5iGsm\/6VfwGZE5BpvTFnRraBBqVTahGJamgycxO+865Pq4+ZfFH423OwfHGf\/8aCgsGH9tudYi1vXQ0+1nAoO7ddGqsQawA5PkSiIJ1A77ZD9dQtVKBLbkxVKhviMOaM5dy\/0V0gyYMvhA8TDFoizdFWw2srtF2dbPSXNpGQ\/ydNNweM09f+pmOucZGzaH65sbsgfLgZ1zm411dHTI5oy+nctKm+BcPxPprh7wOariMRlbP7NdEZuasRFME7F3hhSkt7EyF35COgkZW1dwI0ocwz73BjQ0Is1tChlQLulfR4YSH6Ndg1KeWBGs7qHyKCiYXRTpzaLY1VvwMZDWPHbosM4mUO+s6Qt3ZXLgH3CYsHe9UppFXhO7KtCYLgHxihgqdH6mQ8uVUEelkBZscEyfqcS1tXzheNlCik6RW+F2F7SoW3r6q9xWlzrYGDiJpOnGrTdxkMG0zMlmrGtn7hi0kjxMtP5+LeW2fkq9hzW\/r1R5bmuWnHqdKyDtX3Cs3TCzYTpMuue9gfXm8UtlV2ui\/nwUQG7yRuQvNYtFO4c2ouFZqpbKUOlOiua+xnSh3m95CmWG8rSGZhPK0h7c2dWJ3Np9\/eWhCdL9p4EwnjarXk1zZVuOx5jSeeQ3xcwaGJJDWj8Y0o5+79qXlwdI6Ov3FhJKzH56k2ddsmV6HcYv3GaPLuFroNqJAeFsuyxnx4Lys5eZWhrDaLu6HQW33zOBxURz64Qw2a4l4XP3DZ7sgb8mGpytkqDsg30ZE9CJjHfabNH1BkUs0lWPm2ddeG6BuDoQRTZ\/TWqn9hm8YzsUrDLXJdmo0\/KGsfTIZLXZYTC5iQawNDHYT+225gf+AJF6g7JF2UD6tQPqzxfD+2Co71OfXlSOL08mtzS9U32OFJ0GFeEPguj2eL4KC0SJoxFVcBSLwpTIz47OJveh5lHYVb3Ukp868EADbJ6y7h9yqJ3j\/tqf0BEefJ0xid88hW8YNKbhbbZxpJiqH4YFRgbjAk+PFCbBd47ij3\/XDzZ5LICRRihEjSlgpqoy7bSImw\/+AkN0IUqz7sp5XFfTCQcXaJm6OpD4GP\/IjkWzPwApGDjXKPr7epcAxPVwaHKpmLMqQnIXFbbNY9922sSfYHB93XnPQnm+XcfjTN1NLb1\/dVNvObjBdLZxHrIQ4VJ8OjGOM6I5OAUKGVUJQHgYMp0KizLULVlE6HMFTj3ZJbCfZP5wXXHDM153TmDNzQtVSyvIilgWTLPm+ra\/FHI2ybysqQwqcZxrtRtkMguID0bH7VB4\/1DSc6NXZUfkdhL+Q1SD6daZph29GDPfkUAvDgxx5t\/leKBCe\/PHt7eA58+rdNHeMtZCA+AQg1hhjXWN1bWBstqKu6FQLws9Rh2sXJP5Bebek1CrnD3VyrDV\/6\/y5lhwfNVk1kXx5Fx99paz\/cqEbbrboGJoyIbPYgaezVaCwv2QQfek7Qotg15d\/5GtHVVd811A573ktieDblQQuQ\/P1llS51v779aLNFsjszwRLbFtRObWimVyj9uO6851XJ2GLZuufOsXIajJQ3f\/04O+mL8PXl6YNKraLNKLD5FkOIkjG5Nd1GnHXtNY+JTAcjmLtjNZx3v2zVFllAPoe\/5GRGf+GGeA867vfWeKlEg4k7o4yf1p4OzV9RF1dMnr72iFqVmshoc4ia1oQI5rwazp2M3rYBuWWJMpS+omqE4r4f0HHE7JhAehOnKDk5AtXZT+ktDPDFZCFIgoMFGrbTDOjR8k+uGTW9KnCbXucQ1XdpIro7XB0w1eDvRuulSJj4Ex+1BHB25wt4NryrA49+hgtCZP1wQ8md4N1jPVWrwcDUUvmMMODwF8HZ5V4s4pL0lxeFtzL\/ym6xI9trRxP3s9B5mUCnZiKARgGkV\/w8GWLt0tag8u5MdWJxTNVBdttYFvWZtF\/MyJgDA16pNzrZhjgD7c3VDNALUAlA+raA85UkNYWvzBMoKMURCwvOgedJteJDGXmAyXjEyYgY03S\/1417hkWB4Zkfmz720BOqq7p\/mguQEujLPSnsrDxHyTyXCcFG9k4J4jA4UqCNStBto+UkgFHTCNsyVuU1ES1ElFpiqogX+DrTOCY4IXcXoaMR6qGNVb1DEw4KcBtKu33POcOQgvfex3A+CTr3HbriSuRMxDV6Qquu3O41jms0GfBNBGOqv4TUQp\/AbuZB+5q9jvSkcxZ3loN8wtVtjuFSoij95+r34Qv3eVHUSobiZHDpfjjC9f3175fYRFjRMYY+Sv+tItYW3OC1LSFIPryHB0JtVo5VtHj2eODMOv1ERSaU2JRPujqw2elS+ISmrfv798\/SheWuTcpEtkDcYbdphn\/twThBGjvBu0mUOKTMsK8bWRoo7Y1cfgWO0TtDZvh60FZ5bVCyyBmvkE+MYTAjPX5SNFtdNwGIkX1\/duZn8JQxK9lZH87NE8hzCzABTRVhad+MGW0mXA\/13BWNrgOO\/yLosoBMhSDo4CBJmuwabQuugSXmlb68k9RYnQhYu4c0kY4bgaUqI1v76qbeVPVIwLac7oQ5eo0pNHkVlgjwj2R8HgRSX7JwYgwGKz\/afP8Ph5v7jWdJfa\/QE5U8VileD34bdkZRaGG4X59tFl6Jh\/fEuORby4kRIB7vFSvCbPilDRIZaZVgZxz28DRwp0TfxMdpPSVH7muNqG6n2mQxJvZ9+A79pgmQ+\/OsLY5yQrfM2cw+nOY9BVaUNNr+E3NNAVN64S6LkXXvwLLpEuV2BapFJz1wUgrzn4BNsKMUr89XrfuLvscXnGYeRTtjbutuLDhk3W0e\/CbwQ8JJnqdCbIXq\/a\/\/0Qjl+W35Yc4SW37KQlAa75oUxBEBx7iswO2+0L8nrnPfFELJO+DTTmq2rYpCV\/KRQr4wu37MtyK97c8lQC7NC91uDH2Ojbjgoi4KAGYJ2sAJBrGHR64lxFUuiKr41av4YZrSGJ\/LOO\/mFLNhLrire1wxogH5gUfxIQoyzyWkUWHaQIOYDjO4Zq8xtEt8kbPVnCn0M130v5KsMw1q91RMDxc3gGKb\/Ja3sJxm\/yfuBXgKar\/Fzq\/BikEUvQratJUgbLNCy6kyTu6FC+CbMlRyvpAtlKJzOrufNWGvdYMWkSRHxxCoAyf01dqqpV9Jwh4AX7Pi+fKbQ7b5PupBwR3b9pjBzO77uRiSCgVvRVbTCgnN7ZBS\/0dtWldNW4nCKU5t0IKaShOgAqCRuuJIKehdqw+w34iEZH31X0mID0h2Al9h6zWvQx0SWBVKxCKxmCShKJ2kOTmp1uCf9+AbwVt5hZdginIfgn2zHCbMzb8xTWhkP6a2YECzrtUX3lNBHa9u+5cBlEkXWJ0X6zEASwHf11C1IBtrPpV0tg4NayISkY6qN7gxFCG9JLes0ndOFlx1wljUwV3mBAUiyl5hJu8BwRCAMwU5vV9mmgndqH7yRBE+bHBRZJTUsamTKkbzNrOZ80\/5srMXNpszP3HGEONMP0Y8oEQOjpooQ\/+v9NmuBfDL\/5Olw+65cm7BQiJAh3Ml2ukk90tpOMMxBeETQ8zQGgajuqBudi+\/nf0n1z75cYg+TxcpIcTWDljv0t0QrZbNKR0UPLH4IE4nRlLlR4uhl8M39+2itxAz+RjLjQirWvwjBMW+nKQ+7NOExeBQZYssJbXaVEHo5VOvGQUV1rJF+rgtXz1mI5V9tzn8IG3ALI9dVx\/EY8mTgrapPD\/YSKyKBTlVqsVGDPTE6KYubUzzXW\/iGXrQquCfmV91ZwnNletNJ0LToF8n3cyXsmCJhjcXJjz5oPLP44IKh5axmy6\/UUnpY4h7djNJT435LPmD2etEBCrQq+iJOlmXCDdij2eMG7YARrsB10Hj0ZTzrQpaFzHB+nAZiJA2LUpmwRiX18RwT\/pr2\/uipC1QapUl3tOqwqXG99Cgdudce7KF02v7ITcpEIvQVFJV8P4p5U4oao6agz07qQIpGOUSqbblLpl4X\/\/boPZMaXVwa4dXnebZmh\/fIhQ8lTvt0T49JRaZjwHMV0z07nyWKw0V\/l7Km7nTlyUmxQGPXzbC\/cFdH9cd8UdEGWfZZaNe6+ykX4CaxsUPZ2nsfzZptFNojIx4MTo8imwo5MALcl\/TWUdTWp2u5c7+gkTAxIlWSiOiHVMwEZGLitYd6bkNCVUiALpuWNzGXLyxrGFrk1cgECO8MGwGTyRJg\/PNeksaheh49XKL\/seHQGTKlnuO6UgNrRfTpFrkmt6rZ6ITYyFtk9Dl9K0dZV38PMYFfXAI8agb5IXrPBI4yqB4NVwoo3Yt8M2\/nxgT\/ioETIrdl9WwQjLgFGDicCO35\/4jDHWDA+v9Il+NfRVWFXbPNJQnPitdiua1GGL2HW2bWJKzsuZIwQ==","iv":"ed5b722c0b21059ae86094f6117c3675","s":"8d4d4179b36b4e4b"}