{"id":1626,"date":"2015-07-30T07:58:12","date_gmt":"2015-07-30T07:58:12","guid":{"rendered":"https:\/\/blogs.gov.scot\/digital\/?p=1626"},"modified":"2018-02-20T09:24:36","modified_gmt":"2018-02-20T09:24:36","slug":"development-process-hide-page-now","status":"publish","type":"post","link":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/","title":{"rendered":"Development process for \u201cHide this page now\u201d"},"content":{"rendered":"

This is a post by <\/i>Jono Ellis<\/i><\/span><\/a>, our Social Media Manager<\/i><\/span><\/p>\n

\"\"<\/p>\n

New feature \u2013 our \u201cHide this page now\u201d button<\/span><\/p>\n

Today\u2019s blog post gives a little bit of background about the latest feature to be added to our\u00a0site. Recently we added the ability to quickly escape from certain sensitive pages on the site. This is a feature aimed at anyone who is at risk of domestic abuse or who may be researching information\u00a0on our website who may want to prevent others from seeing what they are browsing.<\/span><\/p>\n

This user need\u00a0was identified during user research\u00a0fieldwork\u00a0\u2013 users needed a feature to help ensure their\u00a0safety and privacy.\u00a0Scotland\u2019s 2011 population was 5,295,000, (our most recent census data) and in the same year 59,847 incidents of domestic abuse were recorded in Scotland. The need for pages which can be escaped from quickly is a very real one which impacts vulnerable citizens and one the team took very seriously.<\/span><\/p>\n

Early planning meetings<\/b><\/span><\/p>\n

\"\"<\/p>\n

Map of early Escape Button discussions<\/span><\/p>\n

Here at mygov.scot our team are always motivated to solve\u00a0a problems and, for a feature based around such a serious need, the discussions in our feature refinement meetings were upbeat and interesting as our team\u00a0got a chance to discuss possible approaches. We started by looking at what was in place\u00a0on sites that we have been working with. The Scottish Women\u2019s Aid<\/span><\/a>\u00a0site offers an escape this page button on a site-wide basis. We decided that we wouldn\u2019t want to add this feature to all pages on our site and also discussed which pages it made the most sense to mark as sensitive (and include this button).<\/span><\/p>\n

\"\"<\/p>\n

Screenshot of the Scottish Women\u2019s Aid site showing their escape button<\/span><\/p>\n

As part of our research, we identified that most sites with an escape button take you to a different site and do nothing to prevent the page being cached in your browser. We discussed options for where to send users (eventually deciding that our homepage is as impartial\/neutral a place to send users as any) and also functionality which could make this more than just a link to our homepage. The function works with HTML5\u2019s ability to directly manipulate the browser\u2019s history via a call to pushState, overwriting the browser history for the page that you were on with the mygov.scot homepage. This only works within our domain and also only within the browser tab that the user is currently browsing \u2013 cross-domain history deletion is possible but would require security warning popups on the user\u2019s screen, something which would defeat the purpose of the button.<\/span><\/p>\n

This feature is not backwards compatible with\u00a0non-HTML5-compliant browsers and so anyone using\u00a0Internet Explorer versions 6, 7, 8 or 9 (currently around 17% of mygov.scot\u2019s traffic) will be able to use the button to navigate to the homepage but will not be able to get the full advantage of having a page removed from their browser. This is one of those difficult moments where technical constraints prevent us from doing what we would really like to be able to do in order to provide users with the best user experience.<\/span><\/p>\n

Our original conversations mostly\u00a0focused on the need for this feature to work on desktop computers\u00a0(which is what we have developed in our first iteration). Discussions with\u00a0our colleagues in Justice, Victim Support Scotland and Women\u2019s Aid have led us to add this feature for mobile and tablet users as our second iteration. This will\u00a0require a slight reformatting of the button so that it looks right at new breakpoints \u2013 for mobile this will mean moving the button to the bottom of the screen (and making it \u201csticky\u201d so that it moves as the user scrolls) and ensuring that it doesn\u2019t overlap key heading and menu elements at the top of our pages.<\/span><\/p>\n

Our updated privacy statement<\/b><\/span><\/p>\n

The \u2018hide this page\u2019 button appears on certain pages where vulnerable visitors might worry about someone knowing they\u2019ve visited these pages.\u00a0The button redirects users to the mygov.scot homepage and deletes the webpage from the browser\u2019s internet history. A session cookie is used to delete this file automatically. This will only delete the record of the page being visited. Versions older than Internet Explorer 10 (IE10) may not be supported. Find more information on how to clear all webpages from your internet history<\/span>.<\/span><\/p>\n

Development & release<\/b><\/span><\/p>\n

At the end of the day it really doesn\u2019t matter how many people use this feature \u2013 if it helps just one person then it was worth the development time. That said, we will be monitoring the usage of the button via Google Analytics and we\u2019ll report back in the future about how the feature is used, by which device types (desktop, tablet or mobile).<\/span><\/p>\n

We will also be very interested in which browsers are using the feature, especially those that aren\u2019t supported with the removing of a page from the browser history. If a significant number of users are unable to access the feature then we can look at other options to get a similar functionality. Google Analytics will also be used to help influence which pages are identified as being sensitive. We have identified several sites (such as Women\u2019s Aid Scotland) who may refer traffic primarily to sensitive pages on our site and we will analyse\u00a0the landing pages for these referrals to ensure that we have correctly flagged pages so that they show our \u201cHide this page now\u201d button. We are also working\u00a0to formalise the use case for this feature in our content style guide.<\/span><\/p>\n

\u201cSafe access to information on legal rights and support, from whatever source, is important for women, children and young people experiencing domestic abuse. When accessing\u00a0 information online, it is crucial that they are able to do so as safely as possible and without their partner\u2019s knowledge. Having a \u201cHide this Page\u201d button, allows the reader to quickly leave an information site for an anonymous webpage. This is an essential feature of any online advice provision and all websites offering advice to women at risk of abuse, including Government websites, must contain this protection.\u201d<\/span><\/p>\n

\u2013 Louise Johnson, Scottish Women\u2019s Aid<\/span><\/a><\/span><\/p>\n

\"\"<\/p>\n

On-page example of our \u201cHide this page now\u201d button<\/a><\/span><\/p>\n

\u00a0<\/span><\/p>\n

Update on 7\/8\/15:<\/b><\/span><\/p>\n

Here\u2019s the code for any website developers who are interested in seeing\u00a0how we implemented this feature:<\/span><\/p>\n


\nfunction initSensitiveContent() {
\nvar sensitiveContentLinkContainer = $('#sensitive-content');
\nvar escapeURL = '\/';<\/code><\/p>\n

\/\/ when navigating away hide this page from browser history
\nif (window.history.replaceState) {
\nwindow.onbeforeunload = function () {
\nwindow.history.replaceState({}, ”, escapeURL);
\n};
\n}<\/p>\n

\/\/ on click of link clear current page display then hide page from history
\nsensitiveContentLinkContainer.on(‘click’, ‘a’, function(event) {<\/p>\n

\/\/ Stop the default click action. We will redirect to the link
\n\/\/ after a small delay. Safari needs this to carry out the DOM
\n\/\/ clearing below.
\nevent.preventDefault();<\/p>\n

\/\/ this clears the DOM, hiding the content immediately even if
\n\/\/ the page we’re navigating to is slow to load
\n$(‘body’).empty();
\n$(‘head’).empty();<\/p>\n

\/\/ hide this page from browser history
\nif (window.history.replaceState) {
\nwindow.history.replaceState({}, ”, escapeURL);
\n}<\/p>\n

\/\/ navigate to the target page
\nwindow.setTimeout(function () {
\nwindow.location.href = event.currentTarget.href;
\n}, 10);
\n});
\n}<\/p>\n

We\u2019ll be sharing updates on this feature (and much more) on social, so follow the team via <\/i>@mygovscot<\/i><\/span><\/a> on Twitter for more updates. Want to comment? Let us know below!<\/i><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

This is a post by Jono Ellis, our Social Media Manager New feature \u2013 our \u201cHide this page now\u201d button Today\u2019s blog post gives a little bit of background about the latest feature to be added to our\u00a0site. Recently we added the ability to quickly escape from certain sensitive pages on the site. This is…<\/p>\n","protected":false},"author":224,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,10],"tags":[68],"class_list":["post-1626","post","type-post","status-publish","format-standard","hentry","category-digital-public-services","category-mygov-scot","tag-design-and-user-experience"],"yoast_head":"\nDevelopment process for \u201cHide this page now\u201d - Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Development process for \u201cHide this page now\u201d - Digital\" \/>\n<meta property=\"og:description\" content=\"This is a post by Jono Ellis, our Social Media Manager New feature \u2013 our \u201cHide this page now\u201d button Today\u2019s blog post gives a little bit of background about the latest feature to be added to our\u00a0site. Recently we added the ability to quickly escape from certain sensitive pages on the site. This is...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-30T07:58:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-20T09:24:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"385\" \/>\n\t<meta property=\"og:image:height\" content=\"97\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jono Ellis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jono Ellis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\"},\"author\":{\"name\":\"Jono Ellis\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/#\/schema\/person\/ee4d9f144db1f0c55b7d4f1118dfeeb6\"},\"headline\":\"Development process for \u201cHide this page now\u201d\",\"datePublished\":\"2015-07-30T07:58:12+00:00\",\"dateModified\":\"2018-02-20T09:24:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\"},\"wordCount\":1224,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png\",\"keywords\":[\"Design and User Experience\"],\"articleSection\":[\"Digital Public Services\",\"mygov.scot\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\",\"url\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\",\"name\":\"Development process for \u201cHide this page now\u201d - Digital\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png\",\"datePublished\":\"2015-07-30T07:58:12+00:00\",\"dateModified\":\"2018-02-20T09:24:36+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/#\/schema\/person\/ee4d9f144db1f0c55b7d4f1118dfeeb6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage\",\"url\":\"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png\",\"contentUrl\":\"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png\",\"width\":385,\"height\":97},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.gov.scot\/digital\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Development process for \u201cHide this page now\u201d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/#website\",\"url\":\"https:\/\/blogs.gov.scot\/digital\/\",\"name\":\"Digital\",\"description\":\"Updates from the Scottish Government's Digital Directorate\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.gov.scot\/digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.gov.scot\/digital\/#\/schema\/person\/ee4d9f144db1f0c55b7d4f1118dfeeb6\",\"name\":\"Jono Ellis\",\"description\":\"Performance Manager for the MyGov programme.\",\"sameAs\":[\"https:\/\/www.twitter.com\/jonoellis\"],\"url\":\"https:\/\/blogs.gov.scot\/digital\/author\/jonoellis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Development process for \u201cHide this page now\u201d - Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/","og_locale":"en_GB","og_type":"article","og_title":"Development process for \u201cHide this page now\u201d - Digital","og_description":"This is a post by Jono Ellis, our Social Media Manager New feature \u2013 our \u201cHide this page now\u201d button Today\u2019s blog post gives a little bit of background about the latest feature to be added to our\u00a0site. Recently we added the ability to quickly escape from certain sensitive pages on the site. This is...","og_url":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/","og_site_name":"Digital","article_published_time":"2015-07-30T07:58:12+00:00","article_modified_time":"2018-02-20T09:24:36+00:00","og_image":[{"width":385,"height":97,"url":"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png","type":"image\/png"}],"author":"Jono Ellis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jono Ellis","Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#article","isPartOf":{"@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/"},"author":{"name":"Jono Ellis","@id":"https:\/\/blogs.gov.scot\/digital\/#\/schema\/person\/ee4d9f144db1f0c55b7d4f1118dfeeb6"},"headline":"Development process for \u201cHide this page now\u201d","datePublished":"2015-07-30T07:58:12+00:00","dateModified":"2018-02-20T09:24:36+00:00","mainEntityOfPage":{"@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/"},"wordCount":1224,"commentCount":0,"image":{"@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png","keywords":["Design and User Experience"],"articleSection":["Digital Public Services","mygov.scot"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/","url":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/","name":"Development process for \u201cHide this page now\u201d - Digital","isPartOf":{"@id":"https:\/\/blogs.gov.scot\/digital\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage"},"image":{"@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png","datePublished":"2015-07-30T07:58:12+00:00","dateModified":"2018-02-20T09:24:36+00:00","author":{"@id":"https:\/\/blogs.gov.scot\/digital\/#\/schema\/person\/ee4d9f144db1f0c55b7d4f1118dfeeb6"},"breadcrumb":{"@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#primaryimage","url":"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png","contentUrl":"https:\/\/blogs.gov.scot\/digital\/wp-content\/uploads\/sites\/5\/2017\/07\/screen-shot-2015-07-17-at-11-58-35-2.png","width":385,"height":97},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.gov.scot\/digital\/2015\/07\/30\/development-process-hide-page-now\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.gov.scot\/digital\/"},{"@type":"ListItem","position":2,"name":"Development process for \u201cHide this page now\u201d"}]},{"@type":"WebSite","@id":"https:\/\/blogs.gov.scot\/digital\/#website","url":"https:\/\/blogs.gov.scot\/digital\/","name":"Digital","description":"Updates from the Scottish Government's Digital Directorate","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.gov.scot\/digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/blogs.gov.scot\/digital\/#\/schema\/person\/ee4d9f144db1f0c55b7d4f1118dfeeb6","name":"Jono Ellis","description":"Performance Manager for the MyGov programme.","sameAs":["https:\/\/www.twitter.com\/jonoellis"],"url":"https:\/\/blogs.gov.scot\/digital\/author\/jonoellis\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/posts\/1626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/users\/224"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/comments?post=1626"}],"version-history":[{"count":0,"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/posts\/1626\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/media?parent=1626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/categories?post=1626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.gov.scot\/digital\/wp-json\/wp\/v2\/tags?post=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}