histories

app/assets/sass/main.scss

@@ -16,4 +16,10 @@
 
 .nhsuk-width-container {
   max-width: 1100px;
+}
+img{
+  height: auto;
+  max-width: 100%;
+  width: auto;
+
 }

app/views/design-histories/v0.html

@@ -120,6 +120,10 @@ <h2>Initial assumptions (pre-research)</h2>
       <li><strong>Platform will change procurement behaviour.</strong> Having the tool doesn't guarantee adoption or behaviour change.</li>
     </ol>
 
+    <figure class="nhsuk-image">
+  <img src="/images/dh-1-assumptions.png" alt=".">
+  <figcaption class="nhsuk-image__caption">Assumption mapping based on valiudated user research.</figcaption>
+</figure>
     <hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
 
     <h2>Value-based procurement framework</h2>
@@ -160,7 +164,12 @@ <h3>1. Product comparison interface</h3>
       <li>Trust evaluation summaries</li>
     </ul>
 
-    <img class="nhsuk-u-margin-bottom-5" src="https://placehold.co/600x400" alt="">
+    <figure class="nhsuk-image">
+  <img src="/images/dh-1-compare.jpg" alt="A screen showing 3 medtech options side by side.">
+  <figcaption class="nhsuk-image__caption">Enabling users to search and select upto 3 options</figcaption>
+</figure>
+
+
 
     <h3>2. Trust evaluation sharing flow</h3>
     <ul class="nhsuk-list nhsuk-list--bullet">
@@ -171,8 +180,10 @@ <h3>2. Trust evaluation sharing flow</h3>
       <li>Trust evaluation submission</li>
       <li>Draft save functionality</li>
     </ul>
-
-    <img class="nhsuk-u-margin-bottom-5" src="https://placehold.co/600x400" alt="">
+  <figure class="nhsuk-image">
+  <img src="/images/dh-1-upload.jpg" alt=".">
+  <figcaption class="nhsuk-image__caption">Document upload first iteration</figcaption>
+</figure>
 
     <hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
 

app/views/design-histories/v1.html

@@ -52,6 +52,12 @@ <h2 class="nhsuk-heading-l">The problem</h2>
       <li>NHS Design System styling</li>
     </ul>
 
+
+      <figure class="nhsuk-image">
+  <img src="/images/dh-2-team-workshop.png" alt=".">
+  <figcaption class="nhsuk-image__caption">Team feedback to try and steer the iterations for our first user testing sessions</figcaption>
+</figure>
+
 
 
 
@@ -74,7 +80,10 @@ <h3 class="nhsuk-heading-m">Users want context beyond product performance</h3>
             </ul>
 
 
-
+  <figure class="nhsuk-image">
+  <img src="/images/dh-2-result-cards.png" alt=".">
+  <figcaption class="nhsuk-image__caption">Iterated search results cards</figcaption>
+</figure>
 
 
 
@@ -104,6 +113,11 @@ <h3>Embracing evaluation variety</h3>
       <li>"How they evaluated" section describing process, business case approach, and key decision factors</li>
     </ul>
 
+      <figure class="nhsuk-image">
+  <img src="/images/dh-2-product-page.png" alt=".">
+  <figcaption class="nhsuk-image__caption">Product page with iterations</figcaption>
+</figure>
+
 
 
     <h2>How it tested</h2>

app/views/design-histories/v3.html

@@ -97,6 +97,18 @@ <h4 class="nhsuk-heading-s">What we kept</h4>
 
     <hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
 
+ <h2>   Content design</h2>
+
+<p>At this stage, a content designer performed a content review and made minor changes based on insights from user research transcripts, discussions about service functionality with team members, GDS content design guidelines and NHS style guidelines.</p>
+
+<p>This included:</p>
+<ul>
+  <li>clearer calls to action on some pages, to avoid confusion</li>
+<li>consistency and accuracy of language throughout</li>
+<li>colour coding of tags being limited to procurement decisions only (given confusion from users and potential for mixed meaning)</li>
+<li>reduced text in some places to simplify and avoid redundancy</li>
+</ul>
+
     <!-- ============ USER RESEARCH FINDINGS ============ -->
     <h2 class="nhsuk-heading-l">User research findings</h2>