Skip to content

Commit

Permalink
Deploying to gh-pages from @ 144c962 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
robertjmccarthy committed Apr 29, 2024
1 parent 07c7db2 commit fa805d9
Show file tree
Hide file tree
Showing 4 changed files with 55 additions and 115 deletions.
8 changes: 4 additions & 4 deletions ethics/assessment/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -160,17 +160,17 @@ <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on MoJ Design S
<nav class="moj-side-navigation govuk-!-padding-top-6" >
<h4 class="moj-side-navigation__title">Ethics</h4>
<ul class="moj-side-navigation__list">
<li class="moj-side-navigation__item">
<a href="/ethics/principles">Principles</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/standards">Standards</a>
</li>

<li class="moj-side-navigation__item moj-side-navigation__item--active">
<a href="/ethics/assessment" aria-current="location">Ethics assessment</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/principles">Principles</a>
</li>
</ul>
</nav>

Expand Down
31 changes: 25 additions & 6 deletions ethics/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -161,15 +161,15 @@ <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on MoJ Design S
<h4 class="moj-side-navigation__title">Ethics</h4>
<ul class="moj-side-navigation__list">
<li class="moj-side-navigation__item">
<a href="/ethics/principles">Principles</a>
<a href="/ethics/standards">Standards</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/standards">Standards</a>
<a href="/ethics/assessment">Ethics assessment</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/assessment">Ethics assessment</a>
<a href="/ethics/principles">Principles</a>
</li>
</ul>
</nav>
Expand All @@ -192,10 +192,29 @@ <h1 class="govuk-heading-xl">
Designing ethical services
</h1>
<p>Anyone designing and building MoJ services must be mindful of the impact of their design on people, society and the planet.</p>
<h2 id="why-you-should-consider-ethics" tabindex="-1">Why you should consider ethics</h2>
<p>Your team should consider ethics if:</p>
<ul>
<li>vulnerable people interact with your service</li>
<li>someone could be harmed as a consequence of your service</li>
<li>people use your service because they have experienced a trauma in their life</li>
<li>your service uses AI</li>
</ul>
<p>To make sure that:</p>
<ul>
<li>vulnerable people are not exploited or made even more vulnerable</li>
<li>you lower the chances that people get harmed</li>
<li>you can consider a trauma aware or trauma informed approach to reduce re-traumatisation</li>
<li>your service does not harm people, confuse people or make people lose trust due to automated decision making as a consequence of AI</li>
</ul>
<h2 id="when-to-consider-ethics" tabindex="-1">When to consider ethics</h2>
<p>Make sure that your team is designing and developing responsibly throughout the lifecycle of your service.</p>
<p>You should demonstrate that you have considered the ethics of your service in each stage of its lifecycle (Discovery, Alpha, Beta, and Live).</p>
<h2 id="make-sure-your-service-is-ethical" tabindex="-1">Make sure your service is ethical</h2>
<ol>
<li>Learn and share the <a href="/ethics/principles">MoJ ethical design principles</a>.</li>
<li><a href="/ethics/standards">Follow our ethics standards</a> and make ethics a practical part of your design process.</li>
<li><a href="/ethics/assessment">Do an ethics assessment</a> and understand the impact that your service has on people and the planet.</li>
<li><a href="https://design-patterns.service.justice.gov.uk/ethics/standards/">Follow our ethics standards</a> and make ethics a practical part of your design process.</li>
<li><a href="https://design-patterns.service.justice.gov.uk/ethics/assessment/">Do an ethics assessment</a> and understand the impact that your service has on people and the planet.</li>
<li>Learn and share the <a href="https://design-patterns.service.justice.gov.uk/ethics/principles/">MoJ ethical design principles</a>.</li>
</ol>

</main>
Expand Down
123 changes: 22 additions & 101 deletions ethics/principles/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
<meta property="og:image" content="/assets/images/moj-opengraph-image.png">

<link href="/assets/stylesheets/application.css" rel="stylesheet">
<title>Ethical principles to follow - MoJ Design System</title>
<title>Ethical principles - MoJ Design System</title>

<script type="module" src="https://www.googletagmanager.com/gtag/js?id=G-VTGX4YLSVL" async></script>
<script type="module" src="/assets/javascript/jquery.js"></script>
Expand Down Expand Up @@ -160,17 +160,17 @@ <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on MoJ Design S
<nav class="moj-side-navigation govuk-!-padding-top-6" >
<h4 class="moj-side-navigation__title">Ethics</h4>
<ul class="moj-side-navigation__list">
<li class="moj-side-navigation__item moj-side-navigation__item--active">
<a href="/ethics/principles" aria-current="location">Principles</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/standards">Standards</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/assessment">Ethics assessment</a>
</li>

<li class="moj-side-navigation__item moj-side-navigation__item--active">
<a href="/ethics/principles" aria-current="location">Principles</a>
</li>
</ul>
</nav>

Expand All @@ -189,105 +189,26 @@ <h4 class="moj-side-navigation__title">Ethics</h4>
<main id="main-content" class="govuk-main-wrapper app-prose-scope" role="main">
<h1 class="govuk-heading-xl">
<span class="govuk-caption-xl">Ethics</span>
Ethical principles to follow
Ethical principles
</h1>
<p>Our ethical design principles are a set of ideals to guide how MoJ services are designed and built over time.</p>
<p>Although it may not be possible to apply all of our principles, use them as inspiration to improve how you work.</p>
<div class="govuk-accordion" data-module="govuk-accordion" id="accordion-default">
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-1">
1. Minimise harm
</span>
</h2>
</div>
<div id="accordion-default-content-1" class="govuk-accordion__section-content">
<p class="govuk-body">Maximise well-being and minimise harm (this includes physical and mental well-being and harm).</p>
</div>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-2">
2. Prioritise people
</span>
</h2>
</div>
<div id="accordion-default-content-2" class="govuk-accordion__section-content">
<p class="govuk-body">Treat people as people, not as numbers or targets for the organisation.</p>
</div>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-3">
3. Include everyone
</span>
</h2>
</div>
<div id="accordion-default-content-3" class="govuk-accordion__section-content">
<p class="govuk-body">Provide equal opportunities and resources for all individuals and groups.</p>
</div>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-4">
4. Balance power
</span>
</h2>
</div>
<div id="accordion-default-content-4" class="govuk-accordion__section-content">
<p class="govuk-body">Balance power between individual people and between people and your organisation.</p>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-4">
5. Be honest
</span>
</h2>
</div>
<div id="accordion-default-content-4" class="govuk-accordion__section-content">
<p class="govuk-body">Do not mislead or deceive people.</p>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-4">
6. Respect people’s property
</span>
</h2>
</div>
<div id="accordion-default-content-4" class="govuk-accordion__section-content">
<p class="govuk-body">Keep people’s property safe and handle it with care. Personal data is personal property.</p>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-4">
7. Protect the environment
</span>
</h2>
</div>
<div id="accordion-default-content-4" class="govuk-accordion__section-content">
<p class="govuk-body">Make sustainable products and services without depleting resources or harming the environment.</p>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="accordion-default-heading-4">
8. Take responsibility
</span>
</h2>
</div>
<div id="accordion-default-content-4" class="govuk-accordion__section-content">
<p class="govuk-body">Take responsibility
Know who is responsible for making your product or service ethical (it’s likely to be everyone). Make sure everyone agrees on what they need to do. Be clear about what your responsibility is and own your part.</p>
</div>
</div>
</div>
<h2 id="1.-minimise-harm" tabindex="-1">1. Minimise harm</h2>
<p>Maximise well-being and minimise harm (this includes physical and mental well-being and harm).</p>
<h2 id="2.-prioritise-people" tabindex="-1">2. Prioritise people</h2>
<p>Treat people as people, not as numbers or targets for the organisation.</p>
<h2 id="3.-include-everyone" tabindex="-1">3. Include everyone</h2>
<p>Provide equal opportunities and resources for all individuals and groups.</p>
<h2 id="4.-balance-power" tabindex="-1">4. Balance power</h2>
<p>Balance power between individual people and between people and your organisation.</p>
<h2 id="5.-be-honest" tabindex="-1">5. Be honest</h2>
<p>Do not mislead or deceive people.</p>
<h2 id="6.-respect-people%E2%80%99s-property" tabindex="-1">6. Respect people’s property</h2>
<p>Keep people’s property safe and handle it with care. Personal data is personal property.</p>
<h2 id="7.-protect-the-environment" tabindex="-1">7. Protect the environment</h2>
<p>Make sustainable products and services without depleting resources or harming the environment.</p>
<h2 id="8.-take-responsibility" tabindex="-1">8. Take responsibility</h2>
<p>Know who is responsible for making your product or service ethical (it’s likely to be everyone). Make sure everyone agrees on what they need to do. Be clear about what your responsibility is and own your part.</p>

</main>

Expand Down
8 changes: 4 additions & 4 deletions ethics/standards/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -160,17 +160,17 @@ <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on MoJ Design S
<nav class="moj-side-navigation govuk-!-padding-top-6" >
<h4 class="moj-side-navigation__title">Ethics</h4>
<ul class="moj-side-navigation__list">
<li class="moj-side-navigation__item">
<a href="/ethics/principles">Principles</a>
</li>

<li class="moj-side-navigation__item moj-side-navigation__item--active">
<a href="/ethics/standards" aria-current="location">Standards</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/assessment">Ethics assessment</a>
</li>

<li class="moj-side-navigation__item">
<a href="/ethics/principles">Principles</a>
</li>
</ul>
</nav>

Expand Down

0 comments on commit fa805d9

Please sign in to comment.