{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Trends on Tuesday: Web Standards Advocate Advises Adaptive Web Design for Government Sites |Digital.gov",
    "description": "Trends on Tuesday: Web Standards Advocate Advises Adaptive Web Design for Government Sites",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2015/08/25/trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites/index.json","item" : [
    {"title" :"Trends on Tuesday: Web Standards Advocate Advises Adaptive Web Design for Government Sites","summary" : "This August, Aaron Gustafson, Web Standards Advocate at Microsoft, industry thought leader and speaker, and an author who wrote a leading book on adaptive web design, spoke to the government tech community at the U.S. General Services Administration","date" : "2015-08-25T11:10:50-04:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"wsullivan" : "Will Sullivan"},"topics" : {
        
            "design" : "Design",
            "emerging-tech" : "Emerging tech",
            "mobile" : "Mobile"
            },"branch" : "bc-archive-content-3",
      "filename" :"2015-08-25-trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites.md",
      
      "filepath" :"news/2015/08/2015-08-25-trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2015/08/2015-08-25-trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2015/08/2015-08-25-trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites.md","slug" : "trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2015/08/25/trends-on-tuesday-web-standards-advocate-advises-adaptive-web-design-for-government-sites/","content" :"\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/08/600-x-400-Escalators-quote-Mitch-Hedberg.jpg\"\n    alt=\"I like an escalator because an escalator can never break, it can only become stairs. — Mitch Hedberg\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003eThis August, \u003ca href=\"http://www.aaron-gustafson.com/\"\u003eAaron Gustafson\u003c/a\u003e, \u003ca href=\"http://www.crn.com/news/applications-os/300075586/microsoft-hires-two-open-standards-warriors-and-ex-foes-for-its-developer-evangelism-unit.htm\"\u003eWeb Standards Advocate at Microsoft\u003c/a\u003e, \u003ca href=\"http://www.aaron-gustafson.com/speaking-engagements/\"\u003eindustry thought leader and speaker\u003c/a\u003e, and an author who wrote a leading book on adaptive web design, spoke to the government tech community at the U.S. General Services Administration and provided many magnificent insights into mobile strategy, design and tech development for reaching the widest audience possible across devices.\u003c/p\u003e\n\u003cp\u003eGustafson’s insights are especially important and impactful for government agencies because he focuses on the full-gamut of technologies audiences use—not just the latest mobile phones, OSes and apps—so his work and perspective can help inform government agencies on how to grapple with the technology needs of very diverse constituencies. I highly recommend you take the time to \u003ca href=\"https://www.youtube.com/watch?v=Fu1L34TLUHM\"\u003ewatch Gustafson’s “Beyond Responsive” presentation on Youtube\u003c/a\u003e or at least \u003ca href=\"http://www.slideshare.net/AaronGustafson/beyond-responsive-18f-2015\"\u003eview the slides to learn more\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eHere are a few notable takeaways:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eThe Web is everywhere and expanding to exponential platforms and viewports.\u003c/strong\u003e From WAP-enabled mobile phones to embedded webviews in social media apps to computers to smartphones to connected cars—the Web goes to all these places through a single platform and code base, unlike mobile apps that have to be built and maintained specifically for each platform. (Slides 1-10)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSmartphones have reached 75% penetration in the U.S. but that’s concentrated in 61% of households.\u003c/strong\u003e Half of people making less than $30,000 a year don’t have a smartphone and more than a quarter of those making $30,000-$75,000 don’t have smartphones. (Slide 14)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eThere’s a huge user base and opportunity in the number of Americans earning under $30,000—that group accounts for more people than the upper income groups combined\u003c/strong\u003e and is also one of the \u003ca href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/2015/05/05/trends-on-tuesday-u-s-mobile-only-internet-users-now-outnumber-desktop-only-users/\"\u003epredominantly mobile-only audiences, so giving them a good mobile experience on lower-end devices is crucial\u003c/a\u003e because they often don’t have alternatives. (Slide 18)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eJust because your audience has a “smartphone” doesn’t mean the experience is super smooth.\u003c/strong\u003e Lower-cost, lower-tech smartphones are used heavily by low-income individuals, and while they are still considered smartphones, they have less memory, storage, CPU and GPU power which can cause many issues for users. (Slides 19-22)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe majority of Internet-connected devices, after phones, are connected cars that have Web access.\u003c/strong\u003e At the end of 2014, connected cars made up 62% of the non-phone subscriptions for AT\u0026amp;T. (Slide 23)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIf you’re judging your audience by using something like Google Analytics only, you’re missing a segment of the users that have devices without Javascript support.\u003c/strong\u003e Most analytics platforms require Javascript to track data, so we often don’t know who’s out there and what they’re using. (Slide 34)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe solution to reach these high-tech, low-tech, ghost users is building with adaptive web design (also called progressive enhancement) principles, technologies and content\u003c/strong\u003e. This is illustrated nicely by Gustafson using Legos and summarized by a funny quote from Mitch Hedberg, “I like an escalator because an escalator can never break, it only becomes stairs.” (Slides 44-48)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTake a deep dive on how to actually execute excellent adaptive web designs.\u003c/strong\u003e The remaining presentation provides dozens of real world visual, strategy and code examples on how to build with adaptive design to create a better user experience that works for all devices and platforms. (Slides 62 and beyond)\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eDefinitely take the time to \u003ca href=\"https://www.youtube.com/watch?v=Fu1L34TLUHM\"\u003elisten to Gustafson’s full presentation on YouTube\u003c/a\u003e and share it with your coworkers and bosses (to help get you buy-in for the future).\u003c/p\u003e\n\u003cp\u003eIn a tech world where code choice sometimes becomes almost a religion, he’s one of the most reasonable, least dogmatic evangelists around, and government agencies should pay attention because he is focused on providing access to the Web to everyone, rather than just the elite with the latest devices.\u003c/p\u003e\n\u003cp\u003eGovernment agencies should support and follow Gustafson’s prescribed adaptive ideology to serve all of our constituencies best—from the users of low-tech, low-cost Trac Phones to the iPhone 6 Plus phablet user driving a Tesla with a 17-inch touch-enabled Web browser who also has a Web-enabled refrigerator at home.\u003c/p\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/08/600-x-450-Aaron-Gustafson-Beyond-Responsive-presentation_Adaptive-web-screens-image-by-Brad-Frost.jpg\"\n    alt=\"Concept graphic by Brad Frost shows various devices and appliances with web screens\"/\u003e\u003c/div\u003e\n\n\n"}
  ]
}