Help users to Exit a page quickly

Give users a way to quickly and safely exit a service, website or application.
Use this pattern to add the Exit this page component to your service and keep users safe by helping them to protect their privacy.

When to use this pattern

Use this pattern to help the user protect their privacy when your service contains sensitive information that could:

put someone at risk of abuse or retaliation
reveal someone’s plans to avoid or escape from harm

For example, a potential victim using a service to help them leave domestic abuse.

Other situations and topics where sensitive information could put users at risk might include:

rape or sexual assault
child abuse and neglect
any other type of abuse
stalking and harassment
reporting crime or fraud (whistleblowing)

When not to use this pattern

You should not use this pattern for standalone content pages, such as dashboards and guidance. In these cases, use the Exit this page component on its own.

How it works

First, you’ll need to add the Exit this page component to your service and decide how it should work within your service.

The component has several parts, including:

a button, that when activated, will take the user to another website
a secondary link, to give people that use assistive technologies another way to activate the component
a loading overlay, to immediately clear any content off the browser until the next website loads

Next, you’ll need to create new content pages in your service.

The purpose of these pages are to:

tell the users how to use ‘Exit this page’ to protect their privacy (this called the interruption page)
give users information they need to stay safe online (this is called the safety content page)

This pattern is not a complete solution to eliminating all possible risk to the user. Perpetrators can monitor potential victims through other methods, such as malicious software.

Interruption page

Create a page to explain Exit this page to users.

You must show this page after the start point of your service, but before the page where the user will see the Exit this page button for the first time.

On longer services, you might need more than one interruption page.

The page should tell the user:

about the Exit this page button and what it’s for
what happens when they press it
they can also activate Exit this page by pressing shift 3 times or by using the secondary link

The page should also tell the user that:

their internet browsing history will not be erased, which can still put them at risk
any information they’ve entered will not be saved, depending on what you’ve decided to do with user session data
to return to the service, they can search for the site they were using, or find it in their internet browsing history
there are other things they can do to stay safe online (include a link to a ‘safety content page’ where the user can learn more)

Safety content page

Create a page to give users important information they need to stay safe online.

Generally, this page should tell the user other steps they can take to protect their privacy.

What you include will depend on your service and who uses it. But wherever practical, you should recommend the user takes some basic steps such as:

only using your service on a public device, such as in a library
using private browsing
clearing their internet browsing history and cookies

HTML

<div class="govuk-width-container">
  <main class="govuk-main-wrapper " id="main-content" role="main">
    <h1 class="govuk-heading-l">Ways to stay safe online</h1>
    <p class="govuk-body"> It can be easy for someone to see what you’re doing online, especially if you’re using a home computer.</p>
    <p class="govuk-body">You can make it more difficult for them by taking some precautions.</p>
    <p class="govuk-body">If you think your devices or internet search activities are being monitored, try to use a device that is not being monitored. That should be a device that the person does not or has not had physical or remote access to. This is the safest thing to do if you do not want someone to know that you’re visiting certain websites.</p>
    <h2 class="govuk-heading-m">Cover your tracks online</h2>
    <p class="govuk-body">Every time you use the internet, your browser stores a record of where you’ve been online with:</p>
    <ul class="govuk-list govuk-list--bullet">
      <li>a list of the pages you’ve looked at and the files you’ve downloaded</li>
      <li>small files called cookies which remember your settings for different sites</li>
    </ul>
    <h2 class="govuk-heading-m">Deleting your internet browsing history</h2>
    <p class="govuk-body">You can improve your safety by deleting your internet browsing history. But you need to be careful because:</p>
    <ul class="govuk-list govuk-list--bullet">
      <li>deleting cookies will also get rid of stored passwords for online accounts</li>
      <li>clearing your history could make someone more suspicious</li>
    </ul>
    <p class="govuk-body">Try to only remove information about the websites you want to keep private. You can find out how to do that on:</p>
    <ul class="govuk-list govuk-list--bullet">
      <li>
        <a href="https://support.google.com/chrome/answer/95589?hl=en&rd=1" class="govuk-link">Google Chrome</a>
      </li>
      <li>
        <a href="https://support.apple.com/kb/PH19215?locale=en_US&viewlocale=en_US" class="govuk-link">Safari</a>
      </li>
      <li>
        <a href="https://support.microsoft.com/en-us/windows/view-and-delete-your-browsing-history-in-internet-explorer-098ffe52-5ac9-a449-c296-c735c32c8678" class="govuk-link">Internet Explorer</a>
      </li>
      <li>
        <a href="https://support.mozilla.org/en-US/kb/delete-browsing-search-download-history-firefox" class="govuk-link">Mozilla Firefox</a>
      </li>
      <li>
        <a href="http://www.opera.com/help/tutorials/security/sharing/" class="govuk-link">Opera</a>
      </li>
    </ul>
    <h2 class="govuk-heading-m">Browsing in private</h2>
    <p class="govuk-body">You can also look at a website without information like cookies being stored by using the private browsing setting in your browser. Go to the menu, click on ‘File’ and choose:</p>
    <ul class="govuk-list govuk-list--bullet">
      <li>Incognito on Google Chrome</li>
      <li>Private Window on Safari</li>
      <li>InPrivate on Internet Explorer</li>
      <li>Private Browsing on Mozilla Firefox or Opera</li>
    </ul>
  </main>
</div>

Nunjucks

{% block content %}
  <h1 class="govuk-heading-l">Ways to stay safe online</h1>

  <p class="govuk-body"> It can be easy for someone to see what you’re doing online, especially if you’re using a home computer.</p>

  <p class="govuk-body">You can make it more difficult for them by taking some precautions.</p>

  <p class="govuk-body">If you think your devices or internet search activities are being monitored, try to use a device that is not being monitored. That should be a device that the person does not or has not had physical or remote access to. This is the safest thing to do if you do not want someone to know that you’re visiting certain websites.</p>

  <h2 class="govuk-heading-m">Cover your tracks online</h2>

  <p class="govuk-body">Every time you use the internet, your browser stores a record of where you’ve been online with:</p>
  <ul class="govuk-list govuk-list--bullet">
    <li>a list of the pages you’ve looked at and the files you’ve downloaded</li>
    <li>small files called cookies which remember your settings for different sites</li>
  </ul>

  <h2 class="govuk-heading-m">Deleting your internet browsing history</h2>

  <p class="govuk-body">You can improve your safety by deleting your internet browsing history. But you need to be careful because:</p>
  <ul class="govuk-list govuk-list--bullet">
    <li>deleting cookies will also get rid of stored passwords for online accounts</li>
    <li>clearing your history could make someone more suspicious</li>
  </ul>

  <p class="govuk-body">Try to only remove information about the websites you want to keep private. You can find out how to do that on:</p>
  <ul class="govuk-list govuk-list--bullet">
    <li>
      <a href="https://support.google.com/chrome/answer/95589?hl=en&rd=1" class="govuk-link">Google Chrome</a>
    </li>
    <li>
      <a href="https://support.apple.com/kb/PH19215?locale=en_US&viewlocale=en_US" class="govuk-link">Safari</a>
    </li>
    <li>
      <a href="https://support.microsoft.com/en-us/windows/view-and-delete-your-browsing-history-in-internet-explorer-098ffe52-5ac9-a449-c296-c735c32c8678" class="govuk-link">Internet Explorer</a>
    </li>
    <li>
      <a href="https://support.mozilla.org/en-US/kb/delete-browsing-search-download-history-firefox" class="govuk-link">Mozilla Firefox</a>
    </li>
    <li>
      <a href="http://www.opera.com/help/tutorials/security/sharing/" class="govuk-link">Opera</a>
    </li>
  </ul>

  <h2 class="govuk-heading-m">Browsing in private</h2>

  <p class="govuk-body">You can also look at a website without information like cookies being stored by using the private browsing setting in your browser. Go to the menu, click on ‘File’ and choose:</p>
  <ul class="govuk-list govuk-list--bullet">
    <li>Incognito on Google Chrome</li>
    <li>Private Window on Safari</li>
    <li>InPrivate on Internet Explorer</li>
    <li>Private Browsing on Mozilla Firefox or Opera</li>
  </ul>
{% endblock %}

Useful resources to help write this safety advice include:

Let us know of any other useful resources we should add to the list.

Research on this pattern

The design of this pattern is based on research from a specialist provider of services to survivors of domestic abuse, and in consultation with the Ministry of Justice, Department for Work and Pensions and the Scottish Government.

Live examples of similar components can be found on these websites:

Help improve this pattern

To help make sure that this page is useful, relevant and up to date, you can:

Tell us if your service uses this pattern

Take part in our usage survey (opens in a new tab) to help us improve this pattern to better meet the needs of the services that use it.

Need help?

If you’ve got a question about the GOV.UK Design System, contact the team.