Designing content on Canada.ca: Canada.ca design system

Design principles

Canada.ca is based on the following principles.

Open, collaborative concept design

The rules and concepts presented in this design system have been developed in collaboration with Government of Canada Theme lead departments. Other departments and agencies have also provided input.

We are actively engaging with the community in several ways:

• a social media presence, through the use of #Canadadotca
• a blog that presents our work
• regular meetings with the Theme lead departments
• events and presentations for all departments and agencies

Evidence-based iteration

The rules and concepts presented here have been designed and revised based on evidence of people’s needs and their success on the site.

the structure of the main menu canada.ca was based on an understanding what canadians are looking for. this came from a review public web usage data. data collected across government departments and agencies.

The Canada.ca IA, templates and patterns have been adjusted since 2013. This reflects the outcomes of user research and usability testing with thousands of Canadians. Usability tests have been performed in English and French, on mobile, tablet, and desktop environments, and with assistive technologies.

As new research and testing is undertaken and departments try new ideas, this design system will continue to be updated.

This system is a living and evolving toolbox. Its role is to help departments save time and money by using existing patterns and styles for their specific content. It provides a consistent framework for the Government of Canada web presence, while being flexible enough to allow innovative design solutions.

People first

Canada.ca is based on user needs. It ensures that the most in-demand information and services are easy to find, understand and use.

Non-priority content must not interfere with someone’s ability to find what they are looking for. Content must be organized to present a government-wide perspective to users, wherever possible. For example, information from multiple departments on the same topic of public interest must be grouped together. When duplicate content is identified, it should be removed.

Canada.ca must provide current, relevant, accurate, unique and authentic information about the Government of Canada’s programs and services. This reduces confusion for people.

Content for which the Government of Canada is not clearly the authoritative source must not be published on Canada.ca. Instead, Canada.ca can refer to this content by providing links to an external source.

To ensure content is always current, it must be actively managed throughout its life cycle. This is required by the Government of Canada Information Management policy requirements.

Task-centred approach

People visit Canada.ca to complete a task. A task is something a person has set out to do. To accomplish a task, a person may need to read a web page or undertake a complex transaction online. All content supporting a task should be simple, consistent and predictable.

The Canada.ca design system provides people with consistent navigation, content labels, templates and patterns. Whether they enter Canada.ca pages directly through Internet search engines or by way of social media or direct traffic, consistency helps ensure users can find, begin, and complete the most in-demand tasks.

Optimized for mobile devices

Canadians are increasingly using mobile devices, including tablets and smart phones.

The existing Canada.ca design helps people easily find the same content on either their mobile or desktop device. The design system, including Web Experience Toolkit (WET) templates and design components, have been tested and verified as mobile-friendly.

A separate mobile instance of the site is not needed.

To perform well on mobile devices, the IA is as simple and as flat as possible. In-page navigation is more effective than menus and page sizes must be limited. The content specifications and writing guidance take this mobile context into account. They also specify how to create content that will be easily downloaded on mobile devices. This allows people to access information quickly while on the go.

Integrated with search

The IA must be well integrated with the site’s search function. This integrated approach:

• provides people with the necessary navigation cues, when search doesn’t take them to the right place
• ensures filters are based on the underlying IA, such as the topic structure, to improve overall search precision and relevance

Help improve this design system

When designing for Canada.ca, keep in mind that the measure of success is more than just conformity to guidelines. It is equally important to help users successfully complete their tasks. Improving the rules is encouraged. Always share your ideas to make things better with the Digital Transformation Office at cds.dto-btn.snc@servicecanada.gc.ca.