Working in digital, there are many ways to collect data on content you publish. Analyzing that data can give you valuable insights into user behaviour and points of failure.
Data can help with:
- identifying content gaps or issues with page comprehension
- navigation issues
- page design (broken links)
- interactions (account sign-ins)
- revealing higher level policy issues
While at times the data can feel overwhelming to sort through, you shouldn’t ignore it. Focus on data that helps you understand task completion. Monitor it on a regular basis to look for trends and issues. This can help even the smallest teams prioritize significant improvements to service delivery.
A key focus of the Digital Transformation Office (DTO) is to make online information and services easier to find and understand for the people using them. We wanted to share some of our most recent experiences with using data to make important content work better.
Analytics can signal that you need a mobile-first design
Sometimes the first design iteration of a web page doesn’t perfectly reflect how people are using the page. An early design of the Canada.ca/coronavirus page used tiles and graphics to provide access to 6 key topics about the emerging COVID-19 outbreak. The design was visually appealing, but as the number of topics grew, it wasn’t ideal for people using a mobile device. It required too much scrolling. Looking at the analytics revealed that up to 70% of people visiting the page were using their phones.
Based on these analytics, we worked with Health Canada to create a new design that grouped links by task categories into alternating bands. This approach was more effective for phone users because they could see more links without scrolling. It was also more flexible and allowed Health Canada to add or remove topics as needed.
The analytics data prompted us to make this simple but important change to the page design to better meet the needs of the audience. On a content page, similar data showing a primarily mobile audience might signal the need for less text, shorter paragraphs and more headings.
Using click-through rates to curate links
One way to manage a page with a lot of links is to look at click-through rates.
Click-through rates on Canada.ca/Coronavirus from Jan. 1 - 30, 2020.
|Covid-19 outbreak update||166,246|
|Get email updates||3,214|
|Epidemiological and economic research data||12,319|
The Canada.ca/coronavirus landing page has been a crucial door to everything from travel updates to financial aid, to vaccine updates. The page needed a strategy to ensure it stayed simple and effective.
The original mobile-friendly design in March 2020 had 15 links and 4 category bars. However, by September, the page had ballooned to 38 links in 7 bars. Looking at click-through rates we saw that ⅔ of the links were hardly used.
“Oh boy, on mobile this is just way too much scrolling!” –usability testing participant
So, we worked with Health Canada to limit the number of links on the page. If a link has less than a 0.5% click-through rate, it’s a signal for Health Canada to look at whether it’s time to remove the link from the page and/or move it to a lower level page. This ensures that the page evolves based on what people are actually looking for. Looking at click-through rates can also help you refine link text to support better findability of important content. Comparing the click-through rates of different link labels can help you decide which are more effective. We used this method early in the Pandemic to help more people find mental health resources.
Rich write-in feedback
The DTO has been piloting better ways to get feedback from people on some COVID-19 top tasks since July. We’ve been experimenting with a new tool that invites people to provide feedback in their own words at the moment of completing a task. This sort of data can give you very rich insights about common frustrations or content gaps.
Page Feedback Widget
The page feedback component sits at the bottom of key web pages. It displays the question "Did you find what you were looking for?" and provides both a "yes" and "no" button.
In December 2020, when Health Canada approved the first COVID vaccine, we added the feedback tool at the bottom of the vaccine content pages. The feedback we received immediately highlighted a major content gap that we wouldn’t have identified through analytics alone.
“I wanted to know the ingredients because I have an allergy and want to get the shot.” –usability testing participant
“where is the list of ingredients??” –usability testing participant
Between December 11 and 14, 60% (87/144) of comments were about ingredients and allergies. Seeing this user need in the data, Health Canada quickly added an ingredient list to the page on December 14. Feedback about ingredients on the Pfizer-BioNTech “What you should know” page went from 35 comments per day to 2 after Health Canada added the ingredient list.
Feedback from ingredient list
|Date||Number of comments about ingredients and allergies|
|December 13, 2020||35|
|December 14, 2020||16|
|December 15, 2020||2|
Use insights to iterate
We continue to use insights from user feedback on vaccines to iterate content and navigation improvements.
While not every content page benefits from this write-in feedback tool, similar feedback is likely coming in through your general email boxes, call centres or service desks. Make sure you’re connected with the teams seeing that data, so you can act on it when you see trends developing.
It’s important to remember that the data from any one source only tells part of the story. For example, accessibility issues aren’t always easy to recognize through a general feedback tool, or looking at click-maps and analytics. However, usability testing can be a way to gain more specific insights from people using assistive technology like screen readers or magnifiers.
In November 2020, the Public Health Agency of Canada (PHAC) collaborated with the DTO to conduct moderated usability testing on the ArriveCAN website. Of the 20 participants in the study 5 were using assistive technology.
Barriers for screen reader users
The first thing that jumped out in this study was that screen reader users were encountering a major barrier with the privacy agreement right at the very start of their ArriveCAN experience. The privacy agreement required people to check a box to agree before they could continue. Screen reader users were getting lost in the agreement text and missing the check box. All of the participants on screen readers struggled to get through this step. One took more than 3 minutes to get past the initial Privacy Agreement page.
Data to action
We knew that a privacy agreement had to be available, but we needed to find a better way to provide it. We changed the approach and put the notice in an expand-collapse design. This way, it was available to those who wanted to read it, and didn’t create a barrier or extra step for everyone else, especially screen reader users.
We’ve since updated the disclaimers pattern in the design system to reflect the results of this study.
The personal information provided is governed in accordance with the Privacy Act. This personal information is being collected as part of the Government of Canada’s...
[Include the full privacy disclaimer in the expand/collapse, including headings, sub-headings, etc.]
Validating design choices
As we worked on the ArriveCAN content, we held co-editing sessions to address issues we saw in the usability testing and page feedback. Once each update went live, we looked for a reduction in the comments about that topic in the page feedback. This process helped us validate the design decisions we were making.
Content that doesn’t meet people’s expectations can undermine the credibility of the content and of the government.
- Look at various sources of data to help guide your efforts at iterating and regularly improving your web presence
- Monitor how changes you make affect the data coming in, so you can validate that you’re doing the right thing
- Develop relationships with the people in your organization who interact directly with your key audiences - they’ve got gold to share (more on that in an upcoming blog post)
- Analyse direct feedback from users so your recommendations get to the root of the problem…without guessing
- Canada.ca design system
- Canada.ca Content Style Guide
- Collect feedback, find issues
- Designing for accessibility
- ArriveCAN website