Changes

[[FR:Introduction pour l’approche Web liée à la COVID-19]]

[[FR:Maximiser l’effet sur Canada.ca – Les pratiques exemplaires d’une approche axée sur le Web]]

Back to [[COVID content guidance]]

Back to [[COVID content guidance]]

This means:  

This means:  

● easy to read, easy to navigate content, grouped by themes that are '''coordinated and integrated across departments''' (without duplicating information), and  

* 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.   

* applying '''user experience (UX) principles''' to creating and publishing all related web content.   

This approach respects the requirements in the policy instruments that guide digital communications for the Government of Canada:  

This approach respects the requirements in the policy instruments that guide digital communications for the Government of Canada:  

●     Policy on Service and Digital

* [https://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=32603 Policy on Service and Digital]

●     Government of Canada Digital Standards

* [https://www.canada.ca/en/government/system/digital-government/government-canada-digital-standards.html Government of Canada Digital Standards]

* [https://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=30683 Policy on Communications and Federal Identity]

* On your service and information pages, don’t duplicate announcements and content from other departments. Instead:

 

** Check the [https://covid-19inventory.tbs.alpha.canada.ca/| COVID content inventory] first

* [https://www.canada.ca/en/treasury-board-secretariat/services/government-communications/canada-content-style-guide.html Canada.ca style guide]

 

** 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

* [https://www.canada.ca/en/government/about/design-system.html Canada.ca Design System]

** 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 [[Theme Management Committee Covid-April 3 2020 - Comité de gestion des thèmes Covid-3 avril 2020#Agenda|Moving from announcements to web content]]

== Focus on the user ==

== Focus on the user ==

** [https://www.canada.ca/en/government/about/design-system/pattern-library.html Templates and design patterns]

** [https://www.canada.ca/en/government/about/design-system/pattern-library.html Templates and design patterns]

** [https://www.canada.ca/en/treasury-board-secretariat/services/government-communications/canada-content-style-guide.html Canada.ca style guide]

** [https://www.canada.ca/en/treasury-board-secretariat/services/government-communications/canada-content-style-guide.html Canada.ca style guide]

* Simple design is professional and timeless - it supports efficiency and effectiveness, helping maximize task success and minimize time on task ([https://neilpatel.com/blog/website-clean-simple-design/|Source])

* Simple design is professional and timeless - it supports efficiency and effectiveness, helping maximize task success and minimize time on task.                                  ([https://neilpatel.com/blog/website-clean-simple-design/ 17 Reasons Why Your Website Should Have a Clean and Simple Design])

* Applying best practices doesn't necessarily take longer - it can often save time

* Applying best practices doesn't necessarily take longer - it can often save time

* You can identify many of the usability problems with a page by testing it with even just a few users

* Testing your content/service with as few as 5 people can give you great qualitative information about what works and doesn’t work for your users. ([https://medium.theuxblog.com/why-test-the-design-with-only-5-users-493a4c63ecf6 Why test the design with only 5 users?])

** Identifying and correcting usability problems early can divert unnecessary calls from call centres, and reduce ineligible or incomplete applications for benefits, etc.

** Identifying and correcting usability problems early can divert unnecessary calls from call centres, and reduce ineligible or incomplete applications for benefits, etc.

** '''Consistency matters'''  

** '''Consistency matters'''  

*** consistent design builds  trust and helps users identify scams and other content that is not trust-worthy  

*** 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 ([https://neilpatel.com/blog/create-optimal-user-experiences-improving-websites-information-architecture/|Source])

*** predictable, standard navigation strategies support success in finding answers - i.e a global approach to how new content fits into the overall picture ([https://neilpatel.com/blog/create-optimal-user-experiences-improving-websites-information-architecture/ How To Create Optimal User Experiences By Improving Your Website’s Information Architecture])

** '''Very simple, direct, plain language text''' — people’s reading and comprehension levels drop significantly in times of stress ([https://readable.com/blog/reading-crisis-readability-risk-communication/|Source], [[https://www.researchgate.net/publication/274304506_The_Case_for_Readability_of_Crisis_Communications_in_Social_Media|Source])

** '''Very simple, direct, plain language text''' — people’s reading and comprehension levels drop significantly in times of stress ([https://readable.com/blog/reading-crisis-readability-risk-communication/ Reading in a crisis: readability of risk communication]) ([https://www.researchgate.net/publication/274304506_The_Case_for_Readability_of_Crisis_Communications_in_Social_Media The Case for Readability of Crisis Communications in Social Media])

** '''A basic layout''' that lends itself well to viewing on mobile devices ([https://neilpatel.com/blog/website-clean-simple-design/|Source])

** '''A basic layout''' that lends itself well to viewing on mobile devices ([https://neilpatel.com/blog/website-clean-simple-design/ 17 Reasons Why Your Website Should Have a Clean and Simple Design])

** Respecting '''official languages''' and '''accessibility''' legislation/best practices is still key

** 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.  

* Clear, simple, short text is faster to produce, faster to approve, faster to translate, and faster to code properly for accessibility.  

* Decisions and changes to content and design should be driven by evidence from usability testing and web analytics.

* Decisions and changes to content and design should be driven by evidence from usability testing and web analytics.

=== Mobile-first ===

== 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.'''

* 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'''

** '''60-80% of our users are viewing on mobile'''

*** [https://www.canada.ca/en/public-health/services/diseases/coronavirus-disease-covid-19.html Canada.ca/Coronavirus] has some pages that reach 80% mobile.

*** [https://www.canada.ca/en/public-health/services/diseases/coronavirus-disease-covid-19.html Canada.ca/Coronavirus] has some pages that reach 80% mobile.

** World Health Organization (WHO) went from 55% mobile visitors pre-coronavirus to 70% now.

** World Health Organization (WHO) went from 55% mobile visitors pre-coronavirus to 70% now.

== Apps and other technologies ==

== Apps and other technologies ==

* Key COVID-19 web pages are undergoing multiple updates daily.  

* 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'''. ([https://blog.canada.ca/2020/01/28/voice-search-optimization.html|Source])

* 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'''. ([https://blog.canada.ca/2020/01/28/voice-search-optimization.html Optimize your content for voice search])

* 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.

* 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 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.  

** 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

*** “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:

* 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

** Include alternate text (Alt text) in all photos and graphics that are shared on Twitter