{"id":6957,"date":"2022-09-14T14:57:55","date_gmt":"2022-09-14T12:57:55","guid":{"rendered":"https:\/\/design.cnil.fr\/?page_id=6957"},"modified":"2023-02-13T18:14:57","modified_gmt":"2023-02-13T17:14:57","slug":"design-patterns","status":"publish","type":"page","link":"https:\/\/design.cnil.fr\/en\/design-patterns\/","title":{"rendered":"Design Patterns"},"content":{"rendered":"\n
\n

Design patterns<\/h2><\/br>\n

These design patterns propose various ways to implement the principle of transparency within the interfaces and user journeys of digital services.<\/p>\n<\/div>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

STRUCTURING<\/strong><\/h3>\n\n\n\n

Organising information to facilitate its reading.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

Purpose structure<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n\n\n\n
\n

Data structure<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Question Structure<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n\n\n\n
\n

Layered Information<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

MAKING IT CLEAR<\/strong><\/h3>\n\n\n\n

Making information more understandable.<\/p>\n<\/div>\n\n\n\n

\n

Providing definitions<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Giving examples<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

Using videos<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

SUMMARISING<\/strong><\/h3>\n\n\n\n

Giving a brief account.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

Summary<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n\n\n\n
\n

Using tables<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

DRAWING ATTENTION<\/strong><\/h3>\n\n\n\n

Enabling people to quickly notice information<\/p>\n<\/div>\n\n\n\n

\n

Notifications<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Using icons<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

Fixed element<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
ReAD<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

BROWSING<\/strong><\/h3>\n\n\n\n

Easing the access to information and to the means to control one’s data.<\/p>\n<\/div>\n\n\n\n

\n

Keywords<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n\n\n\n
\n

Search bar<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Breadcrumb<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n\n\n\n
\n

Browsing arrows<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n\n\n\n
\n

Table of contents as a browsing menu<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

MANAGING<\/strong><\/h3>\n\n\n\n

Enabling people to easily manage their data and exercise their rights.<\/p>\n<\/div>\n\n\n\n

\n

Combining information and actions<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Dashboard<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

Feedback<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/div>\n\n\n\n

MAKING ACCESSIBLE<\/strong><\/h3>\n\n\n\n

Enabling people with disabilities to access
information and control their data.<\/p>\n<\/div>\n\n\n\n

\n

Accessibility<\/h3>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Read<\/a><\/div>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/h2>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Design patterns These design patterns propose various ways to implement the principle of transparency within the interfaces and user journeys of digital services. STRUCTURING Organising information to facilitate its reading. Purpose structure Data structure Question Structure Layered Information MAKING IT CLEAR Making information more understandable. Providing definitions Giving examples Using videos SUMMARISING Giving a brief … <\/p>\n

Continue reading “Design Patterns”<\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"template-parts\/page-home.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6957","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/comments?post=6957"}],"version-history":[{"count":31,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6957\/revisions"}],"predecessor-version":[{"id":8363,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6957\/revisions\/8363"}],"wp:attachment":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/media?parent=6957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}