Merge pull request #421 from canada-ca/master

synchronize
canada-ca · Feb 20, 2024 · 4be98a6 · 4be98a6
2 parents a916e58 + 4433d4e
commit 4be98a6
Show file tree

Hide file tree

Showing 25 changed files with 1,431 additions and 2 deletions.
diff --git a/_config.yml b/_config.yml
@@ -554,6 +554,35 @@
         }]
       }
     },
+    {
+      "scope": {
+        "path": "partners/*.md"
+      },
+      "values": {
+        "section-title": "Working with partners",
+        "breadcrumbs": [{
+            "title": "About Canada.ca",
+            "link": "https://design.canada.ca/about/"
+          },
+          {
+            "title": "Working with partners",
+            "link": "https://design.canada.ca/partners/"
+          }
+        ]
+      }
+    },
+    {
+      "scope": {
+        "path": "partners/index.md"
+      },
+      "values": {
+        "section-title": "",
+        "breadcrumbs": [{
+          "title": "About Canada.ca",
+          "link": "https://design.canada.ca/about/"
+        }]
+      }
+    },
     {
       "scope": {
         "path": "pattern-library.md"

diff --git a/about/index.md b/about/index.md
@@ -35,8 +35,8 @@ title: "About Canada.ca"
       </div>
       <div class="col-md-6">
         <section>
-          <h3 class="h5"><a href="{{ site.urlblogca }}/pages/project-overview.html">Content improvement projects</a></h3>
-          <p>Projects the Digital Transformation Office is working on with departmental partners to make Canada.ca work better for people.</p>
+          <h3 class="h5"><a href="{{ site.url }}/partners/">Working with partners</a></h3>
+          <p>Projects the Digital Transformation Office is working on with departmental partners to improve task success on Canada.ca.</p>
         </section>
       </div>
       <div class="clearfix"></div>

diff --git a/partners/css/card.css b/partners/css/card.css
@@ -0,0 +1,28 @@
+@charset "utf-8";
+/* CSS Document */
+.card {
+  /* Add shadows to create the "card" effect */
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+  transition: 0.3s;
+}
+.card a {
+  color: #333 !important;
+  text-decoration: none !important; /* no underline */
+}
+.card h3 {
+  text-align: center;
+  text-decoration: underline !important; /* underline card heading */
+  margin-bottom: 50px;
+}
+/* On mouse-over, add a deeper shadow */
+.card:hover {
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
+}
+/* Add rounded corners to the top left and the top right corner of the image */
+.card img {
+  border-radius: 5px 5px 0 0;
+}
+/* Add some padding inside the card container */
+.card-container {
+  padding: 10px 20px 20px; 
+}
diff --git a/partners/images/blank-blue-lm.png b/partners/images/blank-blue-lm.png
diff --git a/partners/index.md b/partners/index.md
@@ -0,0 +1,223 @@
+---
+altLangPage: "https://conception.canada.ca/a-propos/apercu-projet.html"
+css:
+   - https://design.canada.ca/css/split-h1.css
+   - https://design.canada.ca/css/custom.css
+   - https://use.fontawesome.com/releases/v5.15.4/css/all.css
+   - css/card.css
+date: 2020-11-20
+dateModified: 2024-01-25
+description: "The Digital Transformation Office works with federal institutions to make Canada.ca content easier to find and understand."
+title: Working with partners to improve task success on Canada.ca
+---
+<p>The Digital Transformation Office works with federal institutions to make Canada.ca content easier to find and understand.</p>
+<p>Our method includes working collaboratively to:</p>
+<ul>
+  <li>set concrete usability targets</li>
+  <li>perform usability tests on specific Government of Canada Services</li>
+  <li>create prototypes for testing</li>
+  <li>refine prototypes until they achieve at least a 20% improvement in task success</li>
+</ul>
+<h2>Past projects with our partners</h2>
+<div class="row wb-eqht mrgn-tp-md wb-eqht mrgn-tp-lg">
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-01.html" aria-label="Orientation and wayfinding"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Orientation and wayfinding</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Understand how people navigate Canada.ca. The findings have led to several design changes to improve navigation throughout Government of Canada websites.</p>
+        <p><strong>Date</strong>: 2021</p>
+        <p><strong>Partners</strong>: Agriculture and Agri-Food Canada; Immigration, Refugees and Citizenship Canada; Veterans Affairs Canada and Statistics Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-02.html" aria-label="Medical devices"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Medical devices</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for stakeholders subject to Canada’s medical device regulations to find and understand regulatory requirements.</p>
+        <p><strong>Date</strong>: 2020</p>
+        <p><strong>Partner</strong>: Health Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-03.html" aria-label="Electronic Procurement Solution"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Electronic Procurement Solution</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Help develop a prototype for a new procurement website. We focused on the needs of businesses new to government procurement. We tested with small and medium enterprises not currently registered as suppliers to the Government of Canada.</p>
+        <p><strong>Date</strong>: Spring/summer 2019</p>
+        <p><strong>Partners</strong>: Public Services; Procurement Canada (PSPC)</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-04.html" aria-label="Pay for the public service"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Pay for the public service</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for public servants to find and understand their pay information.</p>
+        <p><strong>Date</strong>: 2019</p>
+        <p><strong>Partner</strong>: Public Services; Procurement Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-05.html" aria-label="Recalls and safety alerts search"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Recalls and safety alerts search optimization</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Help Health Canada prepare for implementing search functionality in a new Drupal-based RSAMS publishing infrastructure, to be launched in the 2020 to 2021 fiscal year.</p>
+        <p><strong>Date</strong>: Fall 2019</p>
+        <p><strong>Partners</strong>: Health Canada; Transport Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-06.html" aria-label="Canada Child Benefit"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Canada Child Benefit</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier to find answers online to key questions about the Canada Child Benefit.</p>
+        <p><strong>Date</strong>: 2019</p>
+        <p><strong>Partner</strong>: Canada Revenue Agency</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-07.html" aria-label="Travel advice and advisories"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Travel advice and advisories</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for Canadians to find and understand the travel advice and guidance available on Canada.ca.</p>
+        <p><strong>Date</strong>: 2019</p>
+        <p><strong>Partners</strong>: Global Affairs Canada; Immigration, Refugees and Citizenship Canada; Public Health Agency of Canada; Health Canada; Canada Border Services Agency</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-08.html" aria-label="Contact the CRA"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Contact the CRA</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Improve online task success by helping users find answers. Using call centre evidence and web analytics data, the Digital Transformation Office (DTO) partnered with Canada Revenue Agency to work towards improving outcomes.</p>
+        <p><strong>Date</strong>: 2019</p>
+        <p><strong>Partner</strong>: Canada Revenue Agency</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-09.html" aria-label="EI maternity and parental benefits"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>EI maternity and parental benefits</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make employment insurance maternity and parental benefits easier to find and understand for Canadians planning to expand their family.</p>
+        <p><strong>Date</strong>: 2019</p>
+        <p><strong>Partner</strong>: Service Canada, Employment and Social Development Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-11.html" aria-label="Student loans and grants"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Student loans and grants</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Improve the success of students looking for loans and grants.</p>
+        <p><strong>Date</strong>: Fall 2018</p>
+        <p><strong>Partner</strong>: Employment and Social Development Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-12.html" aria-label="Find a job"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Find a job</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for Canadians to find government jobs on Canada.ca.</p>
+        <p><strong>Date</strong>: Summer 2018</p>
+        <p><strong>Partners</strong>: Employment and Social Development Canada; Public Service Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-13.html" aria-label="Prepare for the citizenship test"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Prepare for the citizenship test</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for people to prepare for the Canadian citizenship test.</p>
+        <p><strong>Date</strong>: Summer 2018</p>
+        <p><strong>Partners</strong>: Immigration, Refugees and Citizenship Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-14.html" aria-label="Business account maintenance"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Business account maintenance</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for self-employed Canadians and small Canadian businesses to find answers and resolve issues on Canada.ca.</p>
+        <p><strong>Date</strong>: March 2018</p>
+        <p><strong>Partner</strong>: Canada Revenue Agency</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-15.html" aria-label="Recalls and safety alerts"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Recalls and safety alerts</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for Canadians to find and understand information about food and product recalls and safety alerts.</p>
+        <p><strong>Date</strong>: Spring 2018</p>
+        <p><strong>Partners</strong>: Health Canada; Canadian Food and Safety Inspection Agency; Transport Canada; Environment Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-16.html" aria-label="EI special benefits"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>EI special benefits</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make employment insurance maternity and parental benefits easier to find and understand for Canadians planning to expand their family.</p>
+        <p><strong>Date</strong>: 2019</p>
+        <p><strong>Partner</strong>: Employment and Social Development Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-17.html" aria-label="GST/HST and payroll"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>GST/HST and payroll</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for Canadian businesses to fulfill their Goods and Services Tax (GST), Harmonized Sales Tax (HST) and payroll obligations.</p>
+        <p><strong>Date</strong>: November 2017</p>
+        <p><strong>Partner</strong>: Canada Revenue Agency</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-18.html" aria-label="Disease and immunization information"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Disease and immunization information</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for Canadians to make informed choices about vaccination.</p>
+        <p><strong>Date</strong>: Fall 2017</p>
+        <p><strong>Partners</strong>: Health Canada; Global Affairs Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-19.html" aria-label="Weather information"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Weather information</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Make it easier for Canadians to understand notifications about dangerous weather conditions.</p>
+        <p><strong>Date</strong>: July 2017</p>
+        <p><strong>Partner</strong>: Environment and Climate Change Canada</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-20.html" aria-label="Travel documents"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Travel documents</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Help those potential visitors to Canada to clearly understand what documentation is required to enter.</p>
+        <p><strong>Date</strong>: 2017</p>
+        <p><strong>Partner</strong>: Canada Revenue Agency</p>
+      </div>
+      </a></div>
+  </div>
+  <div class="col-xs-12 col-sm-6 col-md-4 mrgn-bttm-lg">
+    <div class="card hght-inhrt"><a href="{{ site.url }}/partners/project-10.html" aria-label="Business start-up activities"><img src="images/blank-blue-lm.png" class="img-responsive" alt="">
+      <div class="card-container">
+        <h3>Business start-up activities</h3>
+        <p class="mrgn-tp-lg"><strong>Purpose</strong>: Combine information from across departments so that Canadians easily get the whole picture on what the Government of Canada requires when starting a business.</p>
+        <p><strong>Date</strong>: 2017</p>
+        <p><strong>Partner</strong>: Canada Revenue Agency; Innovation, Science and Economic Development Canada</p>
+      </div>
+      </a></div>
+  </div>
+</div>
diff --git a/partners/project-01.md b/partners/project-01.md
@@ -0,0 +1,49 @@
+---
+altLangPage: "https://conception.canada.ca/partenaires/project-01.html"
+date: 2020-11-20
+dateModified: 2023-12-08
+description: "Partner project: Understand how people navigate Canada.ca. The findings have led to several design changes to improve navigation throughout Government of Canada websites. Date: 2021"
+title: "Orientation and wayfinding"
+---
+<p>All government departments are adopting the Canada.ca look. The design needs to adapt to their needs. We explored navigation and design options to help people get to and use the services they need, while maintaining confidence and trust in Canada.ca.</p>
+<h2>Date</h2>
+<p>2021</p>
+<h2>Partner departments</h2>
+<ul>
+  <li>Agriculture and Agri-Food Canada</li>
+  <li>Immigration, Refugees and Citizenship Canada</li>
+  <li>Veterans Affairs Canada</li>
+  <li>Statistics Canada</li>
+</ul>
+<h2>Why this work matters</h2>
+<ul class="lst-spcd">
+  <li>Finding and using services delivered by different government departments should be simple, consistent and accessible to all Canadians</li>
+  <li>People need to be able to clearly recognize official government information and services to avoid deceptive and fraudulent sites</li>
+</ul>
+<div class="row mrgn-tp-lg mrgn-bttm-lg">
+  <div class="col-md-8">
+    <div class="panel panel-success">
+      <header class="panel-heading">
+        <h4 class="panel-title text-center">Task success</h4>
+      </header>
+      <table class="table">
+        <thead>
+          <tr style="">
+            <th scope="col" class="col-md-3">Before</th>
+            <th scope="col" class="col-md-3">After</th>
+            <th scope="col" class="col-md-6">Improvement to task success</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td class="table-smnum">54%</td>
+            <td class="table-smnum">61%</td>
+            <td class="table-smnum">In contrast to other optimization projects where large improvements were expected, in this project we were looking to maintain or, hopefully increase, task success despite removing the menu and changing to the Canada.ca design. We achieved our goal.</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+<h2>Research summary</h2>
+<p><a href="/research-summaries/wayfinding-on-canada-ca.html">Wayfinding on Canada.ca</a></p>