{"id":912,"date":"2015-02-18T00:00:00","date_gmt":"2015-02-18T00:00:00","guid":{"rendered":"http:\/\/www.emergeinteractive.com\/putting-responsive-design-in-context\/"},"modified":"2019-05-08T23:27:39","modified_gmt":"2019-05-08T23:27:39","slug":"putting-responsiveness-in-context","status":"publish","type":"post","link":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/","title":{"rendered":"Putting Responsive Design In Context"},"content":{"rendered":"<p class=\"subtitle tx-a\">&nbsp;<\/p>\n<p>Most web experiences today are designed to be responsive, scaling to optimize content from desktop to mobile. This approach is a way of taking into consideration the context of the user\u2019s device, and it\u2019s a good start. But a more comprehensive context awareness, an evaluation that considers not only the device but the full context of the user, can give us so much more: we can work from a truer-than-ever-before user reality, which affords us many more opportunities to reach that person in ways that are more useful and a whole lot more meaningful.<\/p>\n<p><strong>Everything is context<\/strong><\/p>\n<p>For starters, context awareness allows us to serve up content that adapts to a user&#8217;s goal, attitude and basic local data inputs like geolocation, time and weather. You see this in a ton of apps from fitness to health care to Yelp and Uber, in the voice automation of Siri, and in so much of what Google does, from Maps to Now. If social sign-ins are in play, then even more information (relationship status, job, connections, etc.) can be used to target content.<\/p>\n<p>But it\u2019s not just content: context awareness can also be used to help guide user interface (UI) and user experience (UX) by adapting the experience&#8217;s design, navigation, search capabilities, even brightness and color\u2014all based on a user\u2019s location and what they\u2019re doing.<\/p>\n<p>All this matters even more with the increased prevalence of technology like Apple\u2019s M7 and M8 co-processors, which track&nbsp;a user\u2019s motion (are they walking, jogging, driving, flying, sleeping?) and technologies like iBeacon, an indoor positioning system often used in retail that can help determine location and context. Add to that advances in wearable computing and the rise of the IoT, and there are simply too many opportunites to ignore.<\/p>\n<p><strong>Strategic execution<\/strong><\/p>\n<p>Many brands are already taking advantage of this, of course, especially huge names like Amazon, Google, and Facebook through things like targeted ads, recommendations and search optimization. Amazon has even realized that computers can\u2019t provide all the necessary context; they employ thousands of living, breathing people all over the world to help curate their you-might-also-likes.&nbsp;(Check out the Planet Money podcast <a href=\"http:\/\/www.npr.org\/blogs\/money\/2015\/01\/30\/382657657\/episode-600-the-people-inside-your-machine\" target=\"_blank\" rel=\"noopener noreferrer\">\u201cThe People Inside Your Machine\u201d<\/a>\u2026.)&nbsp;<\/p>\n<p><img decoding=\"async\" style=\"width: 512px; height: 343px; margin: 20px 10px; float: right;\" src=\"\/wp-content\/uploads\/2019\/03\/Aldea_Digital_2013_02.jpg\" alt=\"A finger interacts with a large interactive screen.\"><span style=\"float: right; clear: right;\"><a href=\"http:\/\/commons.wikimedia.org\/wiki\/File:Aldea_Digital_2013_01.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">Photo<\/a> by ProtoplasmaKid \/ <a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/3.0)\" target=\"_blank\" rel=\"noopener noreferrer\">CC BY-SA 3.0<\/a>&nbsp;&nbsp;&nbsp;&nbsp;<\/span><\/p>\n<p>This human element is key, and it reflects the kind of strategic thinking that brands need if they\u2019re going to deepen their connection with customers.<\/p>\n<p>Still, for brands that lack the vast resources of a mammoth company like Amazon, it can be overwhelming to figure out how to take advantage of all this, and whether it\u2019s even worth it.<\/p>\n<p>The short answer is that it is most definitely worth it. Companies of every size, and in many different industries, stand to gain. The rewards greatly outweigh the risks. But that doesn\u2019t mean you shouldn\u2019t be smart about the execution.<\/p>\n<p>One risk is in over-engineering an experience. Context awareness may provide us with deep and valuable insights, but if we try to control the experience too tightly, we risk forcing users down a single path, or blocking them out entirely. We also need to make sure none of the personalization negatively affects the experience\u2019s performance, compatibility, scalability, or its ability to be maintained over the long term.<\/p>\n<p>Another risk is security. As brands work with more and more of the data that context awareness offers them, it\u2019s imperative that privacy concerns and security be part of the conversation. Understanding where the balance lies with your customers from the get-go is vital if you don&#8217;t want to make people uneasy\u2014something Facebook and Apple have found out the hard way. &nbsp;<\/p>\n<p><strong>Rethinking \u201cresponsive\u201d<\/strong><\/p>\n<p>As with anything, there\u2019s a balance to be struck and trade-offs to be considered. But the rewards of context awareness are far too great for brands to ignore. New technology is giving us the opportunity to engage with audiences on a more personal level, and in more useful and meaningful ways.<\/p>\n<p>We need to start thinking differently about what it takes for brands to deliver the most value to customers. In doing so, we can continually expand what \u201cresponsiveness\u201d means in order to help brands understand just what\u2019s possible.<\/p>\n<div id=\"disqus_wrapper\">\n<div id=\"disqus_thread\">&nbsp;<\/div>\n<p><noscript>Please enable JavaScript to view the <a href=\"http:\/\/disqus.com\/?ref_noscript\">comments powered by Disqus.<\/a><\/noscript><a class=\"dsq-brlink\" href=\"http:\/\/disqus.com\">comments powered by <span class=\"logo-disqus\">Disqus<\/span><\/a><script>if((window.location.href.indexOf(\"erik\") != -1) || (window.location.href.indexOf(\"lvh.me\") != -1) || (window.location.href.indexOf(\"empirestaging\") != -1) || (window.location.href.indexOf(\"emergebeta\") != -1)){ var disqus_shortname = 'emerge2013erik'; }else{var disqus_shortname = 'emergeinteractiveproduction'}var disqus_config = function () {this.page.identifier = 2051;};(function() {var dsq = document.createElement('script'); dsq.type = 'text\/javascript'; dsq.async = true;dsq.src = '\/\/' + disqus_shortname + '.disqus.com\/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Most web experiences today are designed to be responsive, scaling to optimize content from desktop to mobile. This approach is a way of taking into consideration the context of the user\u2019s device, and it\u2019s a good start. But a more comprehensive context awareness, an evaluation that considers not only the device but the full [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,17],"tags":[],"message_area_of_focus":[],"buy_cycle":[],"target_audience":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Putting Responsive Design In Context<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Putting Responsive Design In Context\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Most web experiences today are designed to be responsive, scaling to optimize content from desktop to mobile. This approach is a way of taking into consideration the context of the user\u2019s device, and it\u2019s a good start. But a more comprehensive context awareness, an evaluation that considers not only the device but the full [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/\" \/>\n<meta property=\"og:site_name\" content=\"EMERGE | UX Agency\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-18T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-08T23:27:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/14963796021_40e41b4326_k.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1365\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jonathon Hensley\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:site\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jonathon Hensley\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/\",\"url\":\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/\",\"name\":\"Putting Responsive Design In Context\",\"isPartOf\":{\"@id\":\"https:\/\/www.emergeagency.com\/#website\"},\"datePublished\":\"2015-02-18T00:00:00+00:00\",\"dateModified\":\"2019-05-08T23:27:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.emergeagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Putting Responsive Design In Context\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.emergeagency.com\/#website\",\"url\":\"https:\/\/www.emergeagency.com\/\",\"name\":\"EMERGE | UX Agency\",\"description\":\"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.emergeagency.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1\",\"name\":\"Jonathon Hensley\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg\",\"contentUrl\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg\",\"caption\":\"Jonathon Hensley\"},\"url\":\"https:\/\/www.emergeagency.com\/author\/jon-henseley\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Putting Responsive Design In Context","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/","og_locale":"en_US","og_type":"article","og_title":"Putting Responsive Design In Context","og_description":"&nbsp; Most web experiences today are designed to be responsive, scaling to optimize content from desktop to mobile. This approach is a way of taking into consideration the context of the user\u2019s device, and it\u2019s a good start. But a more comprehensive context awareness, an evaluation that considers not only the device but the full [&hellip;]","og_url":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/","og_site_name":"EMERGE | UX Agency","article_published_time":"2015-02-18T00:00:00+00:00","article_modified_time":"2019-05-08T23:27:39+00:00","og_image":[{"width":2048,"height":1365,"url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/14963796021_40e41b4326_k.jpg","type":"image\/jpeg"}],"author":"Jonathon Hensley","twitter_card":"summary_large_image","twitter_creator":"@EmergeInteract","twitter_site":"@EmergeInteract","twitter_misc":{"Written by":"Jonathon Hensley","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/","url":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/","name":"Putting Responsive Design In Context","isPartOf":{"@id":"https:\/\/www.emergeagency.com\/#website"},"datePublished":"2015-02-18T00:00:00+00:00","dateModified":"2019-05-08T23:27:39+00:00","author":{"@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1"},"breadcrumb":{"@id":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/putting-responsiveness-in-context\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.emergeagency.com\/"},{"@type":"ListItem","position":2,"name":"Putting Responsive Design In Context"}]},{"@type":"WebSite","@id":"https:\/\/www.emergeagency.com\/#website","url":"https:\/\/www.emergeagency.com\/","name":"EMERGE | UX Agency","description":"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.emergeagency.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1","name":"Jonathon Hensley","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/","url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg","contentUrl":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg","caption":"Jonathon Hensley"},"url":"https:\/\/www.emergeagency.com\/author\/jon-henseley\/"}]}},"_links":{"self":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/912"}],"collection":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/comments?post=912"}],"version-history":[{"count":3,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/912\/revisions"}],"predecessor-version":[{"id":3356,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/912\/revisions\/3356"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media\/175"}],"wp:attachment":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media?parent=912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/categories?post=912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/tags?post=912"},{"taxonomy":"message_area_of_focus","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/message_area_of_focus?post=912"},{"taxonomy":"buy_cycle","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/buy_cycle?post=912"},{"taxonomy":"target_audience","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/target_audience?post=912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}