Maximizing impact on Canada.ca – Best practices for a web-based approach

From wiki
Jump to navigation Jump to search

Back to COVID content guidance


To help Canadians access the critical services and resources they need urgently in this time of crisis, the Government's COVID-related web content must adhere to proven user-centered design standards.

This means: easy to read, easy to navigate content, grouped by themes that are coordinated and integrated across departments (without duplicating information), and applying user experience (UX) principles to creating and publishing all related web content.

Integrate with other GC content, don’t duplicate

  • On your service and information pages, don’t duplicate announcements and content from other departments. Instead:
    • Work with partners to streamline content development and link to one authoritative source
    • Use alerts at the service level to point to announcement content in the main COVID pages (initially) so if it changes people always have the most up-to-date information
    • As soon as possible, create the detailed program/service level content so the main COVID pages can then direct people to the answers they need - see Moving from announcements to web content

Focus on the user

  • In a crisis, poor content or a poor user experience undermines the credibility of the government.
  • Speed matters; implement advice from web content design specialists about already-established best practices in user experience.
  • Rely on standard templates and content design recommendations from the Canada.ca design system. These are based on best practices that have been tested with users to ensure they work and are accessible.
    • Templates and design patterns
    • Canada.ca style guide
  • Simple design is professional and timeless -- it supports efficiency and effectiveness, helping maximize task success and minimize time on task. (Source)
  • Applying best practices doesn't necessarily take longer - it can often save time.
  • You can identify up to 85% of the usability problems with a page by testing it with just 5 users (Source).
    • Identifying and correcting usability problems early can divert unnecessary calls from call centres, and reduce ineligible or incomplete applications for benefits, etc.

Design content for success

  • It is more important than ever to provide solid, simple web content that people can trust. This means:
    • Consistency matters
      • consistent design builds  trust and helps users identify scams and other content that is not trust-worthy
      • predictable, standard navigation strategies support success in finding answers - i.e a global approach to how new content fits into the overall picture ([1])
    • Very simple, direct, plain language text — people’s reading and comprehension levels drop significantly in times of stress ([2], [[3])
    • A basic layout that lends itself well to viewing on mobile devices ([4])
    • Respecting official languages and accessibility legislation/best practices is still key
  • Clear, simple, short text is faster to produce, faster to approve, faster to translate, and faster to code properly for accessibility.
  • Work on the basics first, otherwise you risk:
    • splitting your already stretched workforce
    • delaying key content updates
    • increasing call volumes to overloaded call centres
  • Decisions and changes to content and design should be driven by evidence from usability testing and web analytics.

Mobile-first

  • Mobile is now the dominant way that people are accessing web content. Design for mobile first, then desktop. Look at your content on a mobile device before publishing.
    • 60-80% of our users are viewing on mobile
      • Over 60% of users access COVID-19 pages through their mobile device.
      • Canada.ca/Coronavirus has some pages that reach 80% mobile.
    • World Health Organization (WHO) went from 55% mobile visitors pre-coronavirus to 70% now.

Apps and other technologies

  • Key COVID-19 web pages are undergoing multiple updates daily.
  • Apps, chatbots or voice assistants, if not developed properly, can highlight poor content and get in the way of a user trying to find the latest info. Take the time to create effective, “authoritative source” web content first. ([5])
  • It is imperative that updates to web content are immediately reflected in any app so that users are not confused or misled by old information.

Graphics and video

  • All GC web content must use the GC design system so that users can immediately see that it is from a trusted source. With the increase in phishing campaigns and scams related to COVID-19, it is more important than ever to provide a consistent user experience.
  • Graphic-heavy web pages are a digital burden (economic and environmental)
    • Graphics and videos take longer to load on computers and devices and are significant digital burdens for older phones and rural connections. They are also a burden on wireless networks, as well as GC networks. Most importantly, they get in the way of the user who wants to complete a task.
      • “A 4MB webpage is like a private hospital that is designed for the rich. The technology poor (most people) are suffering because of the choices of the technology rich. People are using old phones on expensive plans to try and access vital info. Fast-loading pages save lives.” — Gerry McGovern, usability and service expert
  • Graphics and video do belong on social media where we know visual cues garner more attention and engagement. Do remember to:
    • Include alternate text (Alt text) in all photos and graphics that are shared on Twitter
    • Use open-captions when posting videos on Twitter, Instagram, and LinkedIn (these channels do not support closed-captions)
    • Use closed-captions when posting videos on Facebook, YouTube, and websites including Canada.ca
    • Provide a link in social media posts to the accessible web version of information

Analytics and measurement

  • Reports should lead to action  as much as possible. Was the user able to find the information or complete what they came to do? If not, why?
  • Analytics should be put in context. “X number of visits per day” is not as valuable as “X number of visits per day, which is Y% more than the average visits per day.”
  • Loop in your analytics subject matter experts as early as possible to:
    • Find out what data you can collect
    • Ensure data is collected when content is launched (i.e. some data needs to be set up to collect prior to content launching)
    • Ensure enough time is provided to prepare needed reporting