Merge pull request #309 from 18F/staging

Merge to Master

_config.yml

@@ -9,6 +9,8 @@ exclude:
 - go
 - vendor
 
+baseurl: /
+
 permalink: pretty
 highlighter: rouge
 

_includes/footer.html

@@ -6,6 +6,6 @@
     </div>
 </footer>
 
-<script src="/assets/js/site.js"/>
+<!--<script src="{{site.baseurl}}/assets/js/site.js"/>-->
 <!-- Digital Analytics Program roll-up, see https://analytics.usa.gov for data -->
 <script id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA"></script>

_includes/head.html

@@ -24,12 +24,18 @@
   <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
   <meta name="twitter:description" content="{% if page.description %}{{ page.description | truncate: 200 }}{% else %}{{ site.description }}{% endif %}">
 
-  <script src="{{site.baseurl}}/uswds-0.14.0/js/uswds.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/uswds/1.3.1/js/uswds.min.js"></script>
 
-  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/uswds-0.14.0/css/uswds.css">
+  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uswds/1.3.1/css/uswds.css">
   <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/stylesheets/styles.css">
   <link rel="stylesheet" type="text/css" media="print" href="{{site.baseurl}}/stylesheets/print.css">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
-
+  <!-- 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-WCRJ8BM');</script>
+  <!-- End Google Tag Manager -->
 </head>

_includes/header.html

@@ -1,14 +1,8 @@
-<!-- Google Analytics -->
-<script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-48605964-19', 'auto');
-  ga('send', 'pageview');
-</script>
 
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCRJ8BM"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
 <a class="usa-skipnav no-print" href="#main">Skip to main content</a>
 <!-- Gov banner BEGIN -->
 
@@ -47,7 +41,8 @@
               <span>Discover</span>
             </button>
             <ul id="side-nav-1" class="usa-nav-submenu">
-              {% for method in discover_methods %}
+              {% assign discovermethods = discover_methods | sort:"title"  %}
+              {% for method in discovermethods %}
                 <li><a href="{{site.baseurl}}/#{{ method.title | slugify }}">{{ method.title }}</a></li>
               {% endfor %}
               <li><a href="{{site.baseurl}}/discover">See all discover cards</a></li>
@@ -58,7 +53,8 @@
               <span>Decide</span>
             </button>
             <ul id="sidenav-2" class="usa-nav-submenu">
-              {% for method in decide_methods %}
+              {% assign decidemethods = decide_methods | sort:"title"  %}
+              {% for method in decidemethods %}
                 <li><a href="{{site.baseurl}}/#{{ method.title | slugify }}">{{ method.title }}</a></li>
               {% endfor %}
                 <li><a href="{{site.baseurl}}/decide">See all decide cards</a></li>
@@ -69,7 +65,8 @@
               <span>Make</span>
             </button>
             <ul id="sidenav-3" class="usa-nav-submenu">
-              {% for method in make_methods %}
+              {% assign makemethods = make_methods | sort:"title"  %}
+              {% for method in makemethods %}
                 <li><a href="{{site.baseurl}}/#{{ method.title | slugify }}">{{ method.title }}</a></li>
               {% endfor %}
                 <li><a href="{{site.baseurl}}/make">See all make cards</a></li>
@@ -80,7 +77,8 @@
               <span>Validate</span>
             </button>
             <ul id="sidenav-4" class="usa-nav-submenu">
-              {% for method in validate_methods %}
+              {% assign validatemethods = validate_methods | sort:"title"  %}
+              {% for method in validatemethods %}
                 <li><a href="{{site.baseurl}}/#{{ method.title | slugify }}">{{ method.title }}</a></li>
               {% endfor %}
                 <li><a href="{{site.baseurl}}/validate">See all validate cards</a></li>
@@ -91,7 +89,8 @@
               <span>Fundamentals</span>
             </button>
             <ul id="sidenav-5" class="usa-nav-submenu">
-              {% for method in fundamentals_methods %}
+              {% assign fundamentalsmethods = fundamentals_methods | sort:"title"  %}
+              {% for method in fundamentalsmethods %}
                 <li><a href="{{site.baseurl}}/#{{ method.title | slugify }}">{{ method.title }}</a></li>
               {% endfor %}
                 <li><a href="{{site.baseurl}}/fundamentals">See all fundamentals cards</a></li>
@@ -107,7 +106,7 @@
                <a href="{{site.baseurl}}/about">About</a>
            </li>
            <li>
-             <a href="javascript:window.print()" onclick="ga('send', 'event', 'Print', 'Click print cards link','Print cards from top nav');">
+             <a href="javascript:window.print()">
                Print
              </a>
            </li>

_includes/method-print-header.html

@@ -14,12 +14,12 @@
       {% endif %}
 
       {% if page.layout == "category" %}
-      <a href="javascript:window.print()" class="usa-button usa-button-secondary" onclick="ga('send', 'event', 'Print', 'Click print cards link','Print all cards');">
+      <a href="javascript:window.print()" class="usa-button usa-button-secondary">
         <img src="{{site.baseurl}}/images/printer.png" alt="" width="20">
         Print all {{ page.category | downcase}} cards
         </a>
       {% else %}
-      <a href="javascript:window.print()" class="usa-button usa-button-secondary" onclick="ga('send', 'event', 'Print', 'Click print cards link','Print individual card');">
+      <a href="javascript:window.print()" class="usa-button usa-button-secondary">
         <img src="{{site.baseurl}}/images/printer.png" alt="" width="20">
         Print this card
       </a>

_methods/Design-hypotheses.md

@@ -0,0 +1,35 @@
+---
+layout: card
+title: Design hypothesis
+permalink: /decide/design-hypothesis/
+description: A listing and analysis of all the content on an existing website (including pages, files, videos, audio or other data) that your users might reasonably encounter.
+category: Decide
+what: Framing your work as a hypothesis means no longer just thinking about the thing you’re making or building, but paying more attention to whether that work is achieving your intended goals and outcomes.
+
+  This in turn means thinking about your work as a series of experiments you do with your users to learn if you’re on the right path. Instead of asking “Did we ship the shopping cart feature?” you ask: “Did we make it easier and simpler for our customers to buy from us?”
+
+why: When done collaboratively, hypothesis-building is powerful at getting a team on the same page about what it’s doing and why. It also allows the team to be flexible — if one approach doesn’t result in the outcome you expected, you have implicit permission to change course and try something else.
+timeRequired: 1-2 hours
+how:
+  <ol>
+    <li>As a team, identify and make explicit the problem you’re trying to solve. What goals or needs aren’t being met? What measurable criteria would indicate progress toward those goals?</li>
+    <li>
+      <p>As a team, write out the hypothesis for the work you want to do to address the problem(s) you’re trying to solve. You may want to write broad hypotheses at the outset of a project and more specific hypotheses each sprint.</p>
+      <p>Here’s a common way to structure your hypothesis:</p>
+      <p><em>We believe that doing/building/creating [this] for [this user] will result in [this outcome]. We’ll know we’re right when we see [this metric/signal].</em></p>
+    </li>
+    <li>Identify the main entry points for the user need you&rsquo;re addressing. This could be external marketing, the homepage, a microsite, or another page.</li>
+    <li>Build or do the thing, and measure. If you learned something unexpected, then create a new hypothesis and change course so you can continue working toward your goals.</li>
+  </ol>
+nonPrintableContent:
+  <h1>Examples from 18F</h1>
+  <ul>
+    <li>Example from the <a href="https://lean-product-design.18f.gov/7-break-down/">Lean product design guide</a>.</li>
+  </ul>
+  <h1>Additional resources</h1>
+  <ul>
+    <li><a href="https://www.smashingmagazine.com/2011/03/lean-ux-getting-out-of-the-deliverables-business/">Getting out of the deliverables business</a>.</li>
+  </ul>
+governmentConsiderations:
+  <p>No PRA implications. No information is collected from members of the public.</p>
+---