CINXE.COM
Digital.gov — Guidance on building better digital services in government
<!-- Welcome to Digital.gov — our goal is to transform how government learns, builds, delivers and measures digital services in the 21st century. Learn more https://digital.gov/about Get in touch: digitalgov@gsa.gov Follow us on Twitter: @digital_gov ======= We edit in the open at https://workflow.digital.gov/ Built by the Digital.gov team in the GSA, using modern development practices. See the full source code: https://github.com/GSA/digitalgov.gov Built using HUGO. Hosted on cloud.gov Pages https://cloud.gov/pages/ --> <!DOCTYPE html> <html lang="en-US" itemscope itemtype="http://schema.org/WebSite" prefix="og: http://ogp.me/ns#" > <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script async type="text/javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS" ></script> <!-- Google Tag Manager Data Layer --> <script> dataLayer = [ { "content-type": "resource+page", topics: "design, analytics, Tag+Manager", }, ]; </script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-MZCKZPQ"); </script> <!-- End Google Tag Manager --> <!-- Page Title --> <title>Digital.gov — Guidance on building better digital services in government</title> <!-- Meta Description --> <meta name="description" content="Guidance on building better digital services in government" /> <meta name="keywords" content="digital, government, technology, civic-tech" /> <!-- Start of Facebook Open Graph --> <meta property="og:title" content="Digital.gov" /> <meta property="og:description" content="Guidance on building better digital services in government" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://digital.gov/authors/matt-silber/" /> <meta property="og:site_name" content="Digital.gov" /> <meta name="robots" content="index, follow" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://s3.amazonaws.com/digitalgov/digitalgov-2022-card-v3.png" /> <meta property="og:image:alt" content=" " /> <meta property="fb:admins" content="100000569454928" /> <meta property="article:publisher" content="https://www.facebook.com/digitalgov" /> <!-- End of Facebook Open Graph --> <!-- Start of Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Digital_Gov" /> <meta name="twitter:creator" content="@Digital_Gov" /> <meta name="twitter:image:src" content="https://s3.amazonaws.com/digitalgov/digitalgov-2022-card-v3.png" /> <meta property="twitter:description" content="Guidance on building better digital services in government" /> <meta property="twitter:title" content="Digital.gov" /> <!-- End of Twitter --> <!-- RSS Feed --> <link href="/authors/matt-silber/index.xml" rel="feed" type="application/rss+xml" /> <!-- JSON Feed --> <link href="https://digital.gov/authors/matt-silber/index.json" data-proofer-ignore rel="alternate" type="application/json" title="Digital.gov" /> <!-- Sitemap--> <link rel="sitemap" type="application/xml" title="Digital.gov Sitemap" href="https://digital.gov/sitemap.xml" /> <meta name="theme-color" content="#656bd7" /> <meta name="msvalidate.01" content="A662823C2F59EB4F55F752CC752AC299" /> <!-- CSS --> <link rel="stylesheet" href="https://digital.gov/dist/styles.css" type="text/css" media="all" /> <script src="https://digital.gov/dist/js/uswds-init.min.js"></script> <!-- Favicons & Icons --> <link rel="apple-touch-icon" sizes="180x180" href="https://digital.gov/img/icons/apple-touch-icon.png?v=3" /> <link rel="icon" type="image/png" sizes="32x32" href="https://digital.gov/img/icons/favicon-32x32.png?v=3" /> <link rel="icon" type="image/png" sizes="16x16" href="https://digital.gov/img/icons/favicon-16x16.png?v=3" /> <link rel="manifest" href="https://digital.gov/img/icons/site.webmanifest?v=3" /> <link rel="mask-icon" href="https://digital.gov/img/icons/safari-pinned-tab.svg?v=3" color="#0076d6" /> <link rel="shortcut icon" href="https://digital.gov/img/icons/favicon.ico?v=3" /> <meta name="msapplication-TileColor" content="#0076d6" /> <meta name="theme-color" content="#ffffff" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> </head> <body class="authors term"><!-- Google Tag Manager (noscript) --><noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZCKZPQ" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript> <!-- End Google Tag Manager (noscript) --> <div class="paper"><a class="usa-skipnav" href="#main-content">Skip to main content</a> <section class="usa-banner gov-banner" aria-label="Official website of the United States government" > <div class="usa-accordion"> <header class="usa-banner__header"> <div class="usa-banner__inner"> <div class="grid-col-auto"><img aria-hidden="true" class="usa-banner__header-flag" src="/uswds/img/us_flag_small.png" alt="" width="16" height="11" /> </div> <div class="grid-col-fill tablet:grid-col-auto" aria-hidden="true"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action">Here’s how you know</p> </div> <button type="button" class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner-default-default" > <span class="usa-banner__button-text">Here’s how you know</span> </button> </div> </header> <div class="usa-banner__content usa-accordion__content" id="gov-banner-default-default" > <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-dot-gov.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Official websites use .gov</strong> <br /> A <strong>.gov</strong> website belongs to an official government organization in the United States. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-https.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Secure .gov websites use HTTPS</strong><br />A <strong>lock</strong> ( <span class="icon-lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false" > <title id="banner-lock-title-default">Lock</title> <desc id="banner-lock-description-default"> Locked padlock </desc> <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /> </svg> </span >) or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </p> </div> </div> </div> </div> </div> </section> <section class="dg-site-alert usa-site-alert usa-site-alert--info " aria-label="Site alert" > <div class="usa-alert"> <div class="usa-alert__body"> <h3 class="usa-alert__heading">Hurricane guidance for U.S. government websites and social media</h3> <ul class="usa-list"> <li><a href="/hurricane-helene">digital.gov/hurricane-helene</a></li> <li><a href="/hurricane-milton">digital.gov/hurricane-milton</a></li> </ul> </div> </div> </section> <script type="text/javascript"> const links = document.querySelectorAll(".dg-site-alert a"); links.forEach((link) => link.classList.add("usa-link")); </script> <div class="usa-overlay"></div> <header class="usa-header usa-header--extended" role="banner"> <div class="usa-navbar"> <div class="usa-logo" id="extended-logo"> <em class="usa-logo__text"> <a href="https://digital.gov/" title="Digital.gov Home" aria-label="Digital.gov Home" > <img class="logo-black" src="https://digital.gov/img/digitalgov-logo.svg" alt="Digital.gov Logo" width="220" height="36" /> </a> </em> <p class="sub-head display-none">Guidance on building better digital services in government</p> </div> <button class="usa-menu-btn"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-2px" aria-hidden="true" focusable="false" role="img" > <use xlink:href="/uswds/img/sprite.svg#menu"></use> </svg> Menu </button> </div> <nav aria-label="Primary navigation" class="usa-nav"> <div class="usa-nav__inner"> <button class="usa-nav__close"> <img src="/uswds/img/close.svg" alt="close" /> </button><ul class="usa-nav__primary usa-accordion"><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/news/" ><span>Blogs</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/events/" ><span>Events</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/resources/" ><span>Resources</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/communities/" ><span>Communities</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/guides/" ><span>Guides</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/job-board/" ><span>Job board</span></a > </li></ul> <div class="usa-nav__secondary"> <ul class="usa-nav__secondary-links"> <li class="usa-nav__secondary-item"> <a href="/subscribe" ><span>Subscribe to our newsletter</span></a > </li> </ul> <form accept-charset="UTF-8" action="https://find.digitalgov.gov/search" id="search_form" method="get" class="usa-search usa-search--small" > <input name="utf8" type="hidden" value="✓" /> <input id="affiliate" name="affiliate" type="hidden" value="digitalgov" /> <div role="search"> <label class="usa-sr-only" for="query">Search small</label> <input class="usa-input" id="query" type="search" name="query" /> <button class="usa-button" name="commit" type="submit"> <img src="/uswds/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /> </button> </div> </form> </div> </div> </nav> </header> <main role="main" id="main-content"> <section class="author-profile"> <div class="grid-container-desktop"> <header class="margin-top-5"><img class="profile" src="https://digital.gov/img/digit-light.png" alt="Profile image forMatt Silber" /><div> <h1>Matt Silber</h1> <div class="bio"><p>GSA</p></div> </div> </header> </div> </section> <section id="news"> <div class="grid-container-desktop"> <div class="grid-row tablet-lg:grid-gap-4"> <section class="stream"> </section> </div> <div class="dg-see-all-footer"> <footer> <a class="btn" href="/news" title=""> <span>See all News</span> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" role="img" > <use xlink:href="/uswds/img/sprite.svg#arrow_forward" ></use> </svg> </a> <p> Have a case study to share? Did your team recently launch something?<br /><a href="mailto:digitalgov@gsa.gov" ><strong>Send us an email</strong></a > </p> </footer> </div> </div> </section> </main> <section id="newsletter-signup" aria-label="Subscribe to the Digital.gov newsletter" > <div class="grid-container grid-container-desktop"> <div class="grid-row tablet-lg:grid-gap-6"> <div class="grid-col-12 tablet:grid-col-7"> <section class="usa-sign-up"> <p class="blurb" id="newsletter-subscribe-description"> <strong>Join 18,000 others in government</strong> and subscribe to our newsletter — a round-up of the best digital news in government and across our field. </p> </section> </div> <div class="grid-col-12 tablet:grid-col-5"> <section class="usa-sign-up" aria-describedby="newsletter-subscribe-description" > <script src="https://public.govdelivery.com/assets/Signup.js" data-account-code="USGSA" data-signup-id="34948" ></script> </section> </div> </div> </div> </section> <footer class="usa-footer usa-footer--big" role="contentinfo"> <section class="return-to-top"> <div class="grid-container grid-container-desktop usa-footer__return-to-top" > <a href="#"> <span>Return to top</span> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#arrow_upward" ></use> </svg> </a> </div> </section> <div class="usa-footer__primary-section"> <div class="grid-container grid-container-desktop"> <nav class="usa-footer__nav" aria-label="Footer navigation"> <div class="grid-row grid-gap-4"> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Learn</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/news/">Blogs</a> </li><li class="usa-footer__secondary-link"> <a href="/events/">Events</a> </li><li class="usa-footer__secondary-link"> <a href="/resources/">Resources</a> </li><li class="usa-footer__secondary-link"> <a href="/communities/">Communities</a> </li><li class="usa-footer__secondary-link"> <a href="/guides/">Guides</a> </li><li class="usa-footer__secondary-link"> <a href="/job-board/">Job board</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Contribute</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/contribute/">Write for us</a> </li><li class="usa-footer__secondary-link"> <a href="/digitalgov-university/">Host an event</a> </li><li class="usa-footer__secondary-link"> <a href="https://github.com/GSA/digitalgov.gov/issues">Submit GitHub issue</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">About</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/about/">About Us</a> </li><li class="usa-footer__secondary-link"> <a href="/policies/">Site Policies</a> </li><li class="usa-footer__secondary-link"> <a href="/about/contact/">Contact Us</a> </li><li class="usa-footer__secondary-link"> <a href="/about/manage-content/">Content schedule</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Social</h4> <ul class="usa-list usa-list--unstyled social-links"> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#x" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://twitter.com/digital_gov" >X (Formerly Twitter)</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#facebook" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.facebook.com/digitalgov/" >Facebook</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://youtube.com/@DigitalGov" >YouTube</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#linkedin" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.linkedin.com/company/digitalgov-gsa/" >LinkedIn</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#rss_feed" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="/index.xml" >RSS</a > </li> </ul> </section> </div> </div> </nav> </div> </div> </footer> <div class="usa-identifier"> <section class="usa-identifier__section usa-identifier__section--masthead" aria-label="Agency identifier" > <div class="usa-identifier__container"> <div class="usa-identifier__logos"> <a href="https://www.gsa.gov" class="usa-identifier__logo"> <img class="usa-identifier__logo-img" src="/img/gsa-logo-w100.png" alt="GSA logo" role="img" width="100" height="100" /> </a> </div> <section class="usa-identifier__identity" aria-label="Agency description" > <p class="usa-identifier__identity-domain">Digital.gov</p> <p class="usa-identifier__identity-disclaimer"> An official website of the <a href="https://www.gsa.gov">U.S. General Services Administration</a> </p> </section> </div> </section> <nav class="usa-identifier__section usa-identifier__section--required-links" aria-label="Important links" > <div class="usa-identifier__container"> <ul class="usa-identifier__required-links-list"> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/about-us" class="usa-identifier__required-link usa-link" > About GSA </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/accessibility-statement" class="usa-identifier__required-link usa-link" > Accessibility statement </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/freedom-of-information-act-foia" class="usa-identifier__required-link usa-link" > FOIA requests </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/civil-rights-programs/the-no-fear-act" class="usa-identifier__required-link usa-link" > No FEAR Act data </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsaig.gov/" class="usa-identifier__required-link usa-link" > Office of the Inspector General </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/reports/budget-performance" class="usa-identifier__required-link usa-link" > Performance reports </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/website-policies" class="usa-identifier__required-link usa-link" > Privacy policy </a> </li> </ul> </div> </nav> <section class="usa-identifier__section usa-identifier__section--usagov" aria-label="U.S. government information and services" > <div class="usa-identifier__container"> <div class="usa-identifier__usagov-description"> Looking for U.S. government information and services? </div> <a href="https://www.usa.gov/" class="usa-link"> Visit USA.gov </a> </div> </section> </div> </div> <div id="clicks_iframe" class="display-none"></div> </body> <script type="text/javascript">let glossaryPath = null; const glossaryIcon = "\/uswds\/img\/sprite.svg#expand_more" </script> <script src="https://digital.gov/dist/js/uswds.min.js"></script> <script src="https://digital.gov/dist/js/main.js"></script> </html>