Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lana feedback edits #349

Merged
merged 6 commits into from
Oct 19, 2023
Merged

Lana feedback edits #349

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
38fe85c
added new images
LanaStewa Oct 16, 2023
61cb29f
added sentence
LanaStewa Oct 16, 2023
096b006
added on this page
LanaStewa Oct 16, 2023
5013c99
remove heading
LanaStewa Oct 16, 2023
7fea41b
corrections
LanaStewa Oct 17, 2023
374987a
new implementation link
LanaStewa Oct 19, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 49 additions & 10 deletions feedback/about-page-feedback.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,16 +52,55 @@ The feedback tool invites visitors to:
</figure>
</details>

<details>
<summary>Image of the form after clicking "No"</summary>
<figure class="mrgn-tp-lg">
<img class="img-responsive border" alt="A long description can be found after the image." src="images/description-en.jpg" />
<details>
<summary>Feedback tool</summary>
<p>A heading labelled "Please provide more details". Followed by the text "You will not receive a reply. Don't include personal information (telephone, email, SIN, financial, medical, or work details). Maximum 300 characters", and a text field to provide more details.</p>
</details>
</figure>
</details>
<div class="row">
<div class="col-md-8">
<div class="mrgn-tp-md mrgn-bttm-md">
<figure class="mrgn-tp-md mrgn-bttm-lg">
<figcaption>
<h4>1. Initial view of the feedback tool</h4>
</figcaption>
<img src="/images/page-feedback.png" class="img-responsive" alt="1. Initial view of the feedback tool. Text version below:" />
<details>
<summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Image description: Initial view of the feedback tool</summary>
<p class="mrgn-tp-md">On page load, the feedback is located at the bottom of the web page above the date modified. A small gray well includes the prompt “Did you find what you were looking for?” followed by buttons for “Yes” and “No”.</p>
</details>
</figure>
</div>
<figure class="mrgn-tp-md mrgn-bttm-lg">
<figcaption>
<h4>2a. Default view after selecting "No"</h4>
</figcaption>
<img src="/images/description-en.jpg" class="img-responsive" alt="2a. Default view after selecting No. Text version below:" />
<details>
<summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Image description: Default view after selectiong "No"</summary>
<p class="mrgn-tp-md">After interacting with the “No” button in, a text entry screen will replace the prompt. There is a heading for “Please provide more details” followed by instructions to not include personal information: “You will not receive a reply. Don’t include personal information (telephone, email, SIN financial, medical, or work details. Maximum 300 characters.” There is a small text entry box followed by a button for “Submit”.</p>
</details>
</figure>
<figure class="mrgn-tp-md mrgn-bttm-lg">
<figcaption>
<h4>2b. Optional view after selecting "No" with contact option</h4>
<p>The expand/collapse pattern labeled “Need urgent help with a problem? Contact us” will be closed by default.</p>
</figcaption>
<img src="/images/urgent-help-en.png" class="img-responsive" alt="2b. Optional view after selecting No with contact option. Text version below:" />
<details>
<summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Image description: Optional view after selecting "No" with contact option</summary>
<p class="mrgn-tp-md">After interacting with the “No” button, a text entry screen will replace the prompt.</p>
<p>In the contact option, there is an expand/collapse pattern with the header “Need urgent help with a problem? Contact us”. When the expand/collapse pattern is opened, there is a customizable link to contact the service.</p>
<p>After the expand/collapse pattern, there is a heading for “Please provide more details” followed by instructions to not include personal information: “You will not receive a reply. Don’t include personal information (telephone, email, SIN financial, medical, or work details. Maximum 300 characters.” There is a small text entry box followed by a button for “Submit”.</p>
</details>
</figure>
<figure class="mrgn-tp-md mrgn-bttm-lg">
<figcaption>
<h4>3. View after selecting "Yes" or after submitting feedback</h4>
</figcaption>
<img src="/images/thank-you-en.jpg" class="img-responsive" alt="3. View after selecting Yes or after submitting feedback. Text version below:" />
<details>
<summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Image description: View after selecting "Yes" or after submitting feedback</summary>
<p class="mrgn-tp-md">When users select “Yes” from the initial prompt or after submitting their feedback, a thank you message is displayed. There is a green checkmark icon followed by the heading “Thank you for your feedback”</p>
</details>
</figure>
</div>
</div>

## Protecting personal information

Expand Down
2 changes: 1 addition & 1 deletion feedback/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ The page feedback tool is a <strong>research tool</strong> that can help you bet
<section class="wb-eqht gc-drmt">
<div class="col-md-4">
<section>
<h3><a href="https://test.canada.ca/experimental/feedback-retroaction/page-feedback.html">Implementation</a></h3>
<h3><a href="https://design.canada.ca/common-design-patterns/page-feedback.html">Implementation</a></h3>
<p>Get the code to implement the page feedback tool on your site</p>
</section>
</div>
Expand Down
22 changes: 16 additions & 6 deletions feedback/when.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,24 +18,30 @@ title: When to use the page feedback tool

## On this page

* [When to use the page feedback tool](#when-to-use-the-page-feedback-tool)
* [Use cases for the page feedback tool](#use-cases-for-the-page-feedback-tool)
* [Expectations and commitment](#expectations-and-commitment)
* [How not to use the tool](#how-not-to-use-the-feedback-tool)


## When to use the page feedback tool
We recommend using the feedback tool where there is a commitment to reading and acting on input:

* on specific pages; and
* for a defined period of time


## Use cases for the page feedback tool

Consider adding the page feedback tool to:

* uncover specific page-level issues affecting you GC Task Success Survey task score
* uncover specific page-level issues affecting your GC Task Success Survey task score
* understand content issues on pages you will be working on in the future
* understand if new or existing pages are meeting user needs
* identify emerging issues
* monitor after page improvements have gone live

We recommend using the feedback tool where there is a commitment to reading and acting on input:

* on specific pages; and
* for a defined period of time

## Expectations and commitment

Expand All @@ -52,12 +58,12 @@ The feedback tool should not be used for the following purposes:
The feedback tool is biased towards collecting ‘no’ answers in several ways:

* Humans, by nature, have a negativity bias
* We are only collecting feedback is someone selects ‘no’
* We are only collecting feedback if someone selects ‘no’
* If they did find an answer and were successful, they may never have reached the bottom of the page

### Evaluating statistical significance of feedback based on page visits

The number of page visits does not represent the number of people who saw the feedback tool at the bottom of the page or were motivated to use it
The number of page visits does not represent the number of people who saw the feedback tool at the bottom of the page or were motivated to use it.

### Monitoring of public perceptions

Expand All @@ -75,6 +81,10 @@ We don't recommend keeping the feedback tool on a page continuously. This reiter

We don't recommend using the tool within secure spaces. In these spaces, it is better to ensure users have clear access to direct support channels.

### Sensitive content

Pages on sensitive subjects should be avoided (for example, suicide).

<nav role="navigation" class="mrgn-bttm-lg">
<ul class="pager">
<li class="next"><a href="benefits.html" rel="next">Next: How feedback can help</a></li>
Expand Down