{"id":7587,"date":"2022-09-19T13:28:38","date_gmt":"2022-09-19T11:28:38","guid":{"rendered":"https:\/\/design.cnil.fr\/?page_id=7587"},"modified":"2023-02-13T18:17:21","modified_gmt":"2023-02-13T17:17:21","slug":"summary","status":"publish","type":"page","link":"https:\/\/design.cnil.fr\/en\/design-patterns\/summary\/","title":{"rendered":"[Summarising] Summary"},"content":{"rendered":"\n<div class=\"alignfull header color\">\n<p class=\"p1\"><span class=\"s1\">\n<\/span><\/p>\n<\/div>\n\n\n\n<div class=\"wrapper principles\">\n  <div class=\"sidebar principles\">\n    <div class=\"theiaStickySidebar\">\n      <div class=\"box\">\n       <div class=\"box-content\">\n\n\n\n<h3 class=\"wp-block-heading\">Summary<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#use\">Using the pattern in the user journey<\/a><\/li><li><a href=\"#tips\">Tips<\/a><\/li><li><a href=\"#examples\">Examples<\/a><\/li><li><a href=\"#related-patterns\">Related patterns<\/a><\/li><\/ul>\n\n\n\n<\/div>\n  <\/div>\n\n\n\n<\/div>\n<\/div><div class=\"content examples\">\n    <div class=\"theiaStickySidebar\">\n      <div class=\"box\">\n\n\n\n<blockquote class=\"wp-block-quote\" style=\"color:#0013E4\"><p><em>This design pattern is part of the LINC\u2019s research initiative focusing on interface design. It comes from frequent proposals made by participants of the Data &amp; Design workshops to implement the principle of transparency provided in the GDPR. It can be used and adapted to the specific context of your services and products. However, its reuse as such do not guarantee compliance with the GDPR in general and the principle of transparency in particular.<\/em><\/p><\/blockquote>\n\n\n\n<p>This pattern aims at summarising the main information related to the processing of personal data. This restitution can be done before more complete information, thus proposing an overview of the contents, or afterwards, such as a recap. &nbsp;&nbsp;<\/p>\n\n\n\n<p>This approach makes it possible to highlight, for example through a clearly defined visual space, the key information in a section or document to make it easier to read and glimpse, which is particularly useful for someone looking for a given information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"use\">Using the pattern in the user journey<\/h2>\n\n\n\n<p><strong>\u25ba<\/strong> <strong><strong>When signing-up<\/strong>: <\/strong>this pattern can be used at the end of the registration process to remind individuals of key information about the processing or choices they have made regarding the use of their data. The summary can also be used as a specific step in the registration process to inform individuals about the processing of their personal data, thus acting as a <a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/layered-information\/\">first level of information<\/a>.<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> <strong><strong>In a privacy policy<\/strong>:<\/strong> used at the beginning of the policy, this pattern highlights the most salient aspects of the processing. At the beginning of each section, it can be used to summarise the information contained, for example by listing the categories of data processed or by giving a synthetic answer to a question in an FAQ or a <a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/question-structure\/\">structure by question<\/a>.<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> <strong>When using the service <\/strong>: when the user journey of the service requires several steps and interactions, this pattern may be relevant to use at the end to allow the person to have an overview of how their data are used and the choices they may have made, as proposed in <a href=\"https:\/\/design.cnil.fr\/en\/case-studies\/vodocumentaire\/\">VoDocumentaire with a recap of the data used<\/a> made available alongside the invoice of an online order.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tips\">Tips<\/h2>\n\n\n\n<p><strong>\u25ba<\/strong> The information put forward in this pattern should clearly reflect the notable points of the processing and not overshadow them. These points may for example come from a data protection impact assessment and highlight the potential risks to individuals;<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> This information should not be a commercial approach that only highlights the perceived &#8220;positive&#8221; aspects, as this could lead to a &#8220;dark pattern<em>&#8221; <\/em>as described in the <a href=\"https:\/\/edpb.europa.eu\/our-work-tools\/documents\/public-consultations\/2022\/guidelines-32022-dark-patterns-social-media_en\">guidelines on dark patternsin social media<\/a> published by the European Data Protection Board. <\/p>\n\n\n\n<p><strong>\u25ba<\/strong> A simple summary alone cannot constitute valid information to individuals within the meaning of the GDPR and must always be accompanied by detailed information that comply with the regulation.<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> The use of icons or other visual elements with this pattern is particularly relevant to aid reading and draw attention. In this context, the icon can reflect the contents or just point to the summary as such.<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> Videos can be used for this pattern to summarise content in an engaging way, especially for young audiences.<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> This pattern is very relevant when used in combination with <a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/layered-information\/\">layered information<\/a>. The summary offers a first level of information that can be completed with more thorough information, for example accessible via a &#8220;read more&#8221; link or dropdown content.<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> It is important that summaries contain the information that people really want and need. To do this, it is possible to carry out user research to identify them. While the summary acts as a first level of information, care must be taken to respect the <a href=\"https:\/\/www.cnil.fr\/fr\/conformite-rgpd-information-des-personnes-et-transparence\">prioritisation of information (fr)<\/a> required by the GDPR.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"examples\">Examples<\/h2>\n\n\n\n<div class=\"wp-block-columns has-2-columns block-ex-1col is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Possible approach<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1858\" height=\"1800\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex1.png\" alt=\"\" class=\"wp-image-7591\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex1.png 1858w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex1-300x291.png 300w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex1-768x744.png 768w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex1-1536x1488.png 1536w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex1-1568x1519.png 1568w\" sizes=\"auto, (max-width: 1858px) 100vw, 1858px\" \/><figcaption><em><em><em>Au d\u00e9but de chaque section de la politique de confidentialit\u00e9, un encadr\u00e9 est pr\u00e9sent synth\u00e9tisant les informations qu\u2019elle contient. En l\u2019occurrence, l\u2019encadr\u00e9 liste les donn\u00e9es trait\u00e9es par le service.<\/em><\/em><\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns block-ex-1col is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Attention point<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1858\" height=\"1800\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex2.png\" alt=\"\" class=\"wp-image-7593\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex2.png 1858w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex2-300x291.png 300w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex2-768x744.png 768w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex2-1536x1488.png 1536w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/09\/Summary-Ex2-1568x1519.png 1568w\" sizes=\"auto, (max-width: 1858px) 100vw, 1858px\" \/><figcaption><em><em><em><em>Dans cet exemple, des encadr\u00e9s sont \u00e9galement disponibles au d\u00e9but de chaque section de la politique de confidentialit\u00e9 du service. N\u00e9anmoins, les informations ainsi mises en avant sont assez vagues et ne permettent pas \u00e0 la personne de se faire une id\u00e9e claire des informations qu\u2019il pourra y trouver.<\/em><\/em><\/em><\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"related-patterns\">Related patterns<\/h2>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column home-block is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"362\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-5W-2.png\" alt=\"\" class=\"wp-image-6989\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-5W-2.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-5W-2-300x176.png 300w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-outline home-block__link is-style-outline--1\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/question-structure\/\">structure by question<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column home-block is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"362\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Rendre-clair-Vid\u00e9os.png\" alt=\"\" class=\"wp-image-6987\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Rendre-clair-Vid\u00e9os.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Rendre-clair-Vid\u00e9os-300x176.png 300w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-outline home-block__link is-style-outline--2\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/making-it-clear-using-videos\/\">vIDeos<\/a><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column home-block is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"362\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Niveaux-dinformation.png\" alt=\"\" class=\"wp-image-6992\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Niveaux-dinformation.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Niveaux-dinformation-300x176.png 300w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-outline home-block__link is-style-outline--3\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/layered-information\/\">Layered information<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column home-block is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"362\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Attirer-lattention-Icones.png\" alt=\"\" class=\"wp-image-7003\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Attirer-lattention-Icones.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Attirer-lattention-Icones-300x176.png 300w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-outline home-block__link is-style-outline--4\"><a class=\"wp-block-button__link has-text-color has-light-gray-color\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/icons\/\">Icons<\/a><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<\/div>\n  <\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summary Using the pattern in the user journey Tips Examples Related patterns This design pattern is part of the LINC\u2019s research initiative focusing on interface design. It comes from frequent proposals made by participants of the Data &amp; Design workshops to implement the principle of transparency provided in the GDPR. It can be used and &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/summary\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;[Summarising] Summary&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":6957,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"template-parts\/page-principles-subpage.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7587","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/7587","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=7587"}],"version-history":[{"count":9,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/7587\/revisions"}],"predecessor-version":[{"id":8366,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/7587\/revisions\/8366"}],"up":[{"embeddable":true,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6957"}],"wp:attachment":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/media?parent=7587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}