{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "NASA’s Journey With the U.S. Web Design Standards |Digital.gov",
    "description": "NASA’s Journey With the U.S. Web Design Standards",
    "home_page_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/","feed_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2017/03/24/nasas-journey-with-the-u-s-web-design-standards/index.json","item" : [
    {"title" :"NASA\u0026#8217;s Journey With the U.S. Web Design Standards","summary" : "The U.S. Web Design Standards were created by the government, for the government. They’re currently implemented on hundreds of government sites, with an audience of more than 26 million monthly users.","date" : "2017-03-24T15:17:05-04:00","date_modified" : "2024-04-02T09:45:13-04:00","authors" : {"julia-elman" : "Julia Elman"},"topics" : {
        
            "accessibility" : "Accessibility",
            "accessibility" : "Accessibility",
            "content-strategy" : "Content Strategy",
            "design" : "Design",
            "mobile" : "Mobile",
            "research" : "Research",
            "user-experience" : "User Experience"
            },"branch" : "cm-topics-button-component",
      "filename" :"2017-03-24-nasas-journey-with-the-u-s-web-design-standards.md",
      
      "filepath" :"news/2017/03/2017-03-24-nasas-journey-with-the-u-s-web-design-standards.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/cm-topics-button-component/content/news/2017/03/2017-03-24-nasas-journey-with-the-u-s-web-design-standards.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/cm-topics-button-component/content/news/2017/03/2017-03-24-nasas-journey-with-the-u-s-web-design-standards.md","slug" : "nasas-journey-with-the-u-s-web-design-standards","url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2017/03/24/nasas-journey-with-the-u-s-web-design-standards/","content" :"\u003cp\u003eThe \u003ca href=\"https://standards.usa.gov/\"\u003eU.S. Web Design Standards\u003c/a\u003e were created by the government, for the government. They’re currently implemented on hundreds of government sites, with an audience of more than 26 million monthly users. They’ve also been recommended by the \u003ca href=\"https://policy.cio.gov/web-policy/look/\"\u003eOffice of Management and Budget\u003c/a\u003e (OMB) for all government agencies to ensure a consistent look and feel of their public-facing digital services. Over the coming months, the team will be doing a series of blog posts to share information about the how different agencies are using the Standards. We chatted with Brandon Ruffridge, Senior Software Developer at NASA’s Glenn Research Center, to talk about his team’s use of the U.S. Web Design Standards.\u003c/p\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2017/03/600-x-400-NASA-logo.jpg\"\n    alt=\"National Aeronautics and Space Administration (NASA) logo.\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003e\u003cstrong\u003eStandards team:\u003c/strong\u003e What motivated you to use the U.S. Web Design Standards?\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eBrandon Ruffridge:\u003c/strong\u003e We wanted to develop a set of standards so when people visit one of our sites, they immediately recognize they are on an official NASA website. We’re also in the early stages of updating our public web presence and were looking for a User Interface (UI) toolkit that would allow us to create a modern, responsive website. The U.S. Web Design Standards seemed like a good place to start, since they are built by government with government-specific needs in mind. Our team liked the fact that the Standards weren’t developed in a vacuum, but were refined through user research and testing, and have been used successfully by other government agencies.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eStandards team:\u003c/strong\u003e What were the benefits you gained by using the Standards?\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRuffridge\u003c/strong\u003e: The Standards allowed us to create our own set of web standards specific to NASA with very little effort. They provided all the basic UI components that we needed, and it is all Section 508 compliant, which is the accessibility requirement all federal agencies must follow when building a website.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eStandards team:\u003c/strong\u003e What were the unintended consequences or surprises?\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRuffridge:\u003c/strong\u003e It was fun! I even published a node package. I learned some new things like gulp, jekyll, node, and color contrast accessibility requirements.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eStandards team:\u003c/strong\u003e What advice would you have for other agencies?\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRuffridge:\u003c/strong\u003e The Standards are a great place to start if your agency wants to provide a consistent, modern, and user-friendly website. If you don’t have much in-house UI/UX and front-end development expertise, or don’t want to spend time creating your own style standards and toolkit from scratch, they are a great resource built by many talented people from government and the open source community who are consistently working to improve them. It provides a look and feel that will become increasingly familiar to the public as they become used on more and more government websites. Slight tweaks to the color palette may be all you need to tailor them to your agency.\u003c/p\u003e\n\u003cp\u003eWe’re looking to learn more \u003ca href=\"https://github.com/18F/web-design-standards/blob/develop/WHO_IS_USING_USWDS.md\"\u003efrom agencies that have used the Standards\u003c/a\u003e; if you’re interested in talking to us about your experience or have any feedback, feel free to \u003ca href=\"mailto:uswebdesignstandards@gsa.gov\"\u003esend us an email\u003c/a\u003e. You can also chat with the team in the new \u003ca href=\"https://chat.18f.gov./\"\u003epublic Slack channel for the Standards\u003c/a\u003e!\u003c/p\u003e\n\u003cp\u003eAlso, on January 25th, we \u003ca href=\"https://www.youtube.com/watch?v=VUPbn1phbxk\"\u003ehosted a DGU webinar\u003c/a\u003e to share more information about the features and \u003ca href=\"https://18f.gsa.gov/2016/12/22/charting-the-future-of-the-draft-us-web-design-standards/\"\u003efuture of the Standards\u003c/a\u003e, including the 1.0 release. Check it out to learn more or follow along at \u003ca href=\"https://standards.usa.gov/\"\u003estandards.usa.gov\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eThis post was originally published on the \u003ca href=\"https://18f.gsa.gov/blog/\"\u003e18F blog\u003c/a\u003e.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eIf you have a \u003cstrong\u003e.gov\u003c/strong\u003e or \u003cstrong\u003e.mil\u003c/strong\u003e email address, check out the various \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/communities/\"\u003eDigitalGov Communities\u003c/a\u003e that you can join, like MobileGov, the Web Content Managers Forum, and the User Experience (UX) Community of Practice.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eCheck out our Events platform, \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/digitalgov-university/\"\u003eDigitalGov University\u003c/a\u003e (DGU), and \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/events/\"\u003eregister for an upcoming event\u003c/a\u003e today! If you’d like to find out how your agency can create an online or in-person DGU event, or partner with them on your own event, please \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/digitalgov-university/\"\u003efill out this form\u003c/a\u003e.\u003c/em\u003e\u003c/p\u003e\n"}
  ]
}