{"id":8118,"date":"2023-02-06T14:50:26","date_gmt":"2023-02-06T13:50:26","guid":{"rendered":"https:\/\/design.cnil.fr\/?page_id=8118"},"modified":"2023-02-13T14:38:19","modified_gmt":"2023-02-13T13:38:19","slug":"managing-combining-information-and-action","status":"publish","type":"page","link":"https:\/\/design.cnil.fr\/en\/design-patterns\/managing-combining-information-and-action\/","title":{"rendered":"[Managing] Combining information and action"},"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\">Combining information and action<\/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 proposes to directly associate information about personal data and the related mean of action available, such as exercising a right or setting a feature.<\/p>\n\n\n\n<p>This approach, which brings together information and action, makes it easier for people to control their data by making the ins and outs of an action directly visible. It avoids the separation between information on the one hand and action on the other, which would force the person to navigate between several pages of the service in order to be able to control their data.<\/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><strong>\u25ba<\/strong> <strong><strong>When signing-up<\/strong><\/strong><\/strong>: this pattern can be used when registering for a service, particularly in an onboarding. During this process, screens dealing with certain aspects of the processing (e.g. use of geolocation) can be proposed and provide a <a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/layered-information\/\">first level of information<\/a>, coupled with a means of expressing a preference (e.g. authorisation or not to use the data for the specified purpose).<\/p>\n\n\n\n<p><strong><strong>\u25ba<\/strong><\/strong> <strong><strong>In a privacy policy<\/strong><\/strong>: this pattern is particularly relevant for privacy policies based on a <a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/purpose-structure\/\">purpose<\/a> or <a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/data-structure\/\">data<\/a> structure that can easily implement this pattern. For example, for an advertising targeting purpose detailed in the privacy policy, it would be possible to allow the individual to directly give or withdraw consent at that level.<\/p>\n\n\n\n<p><strong><strong>\u25ba<\/strong><\/strong> <strong><strong>When using the service<\/strong><\/strong>: combined with a <a href=\"https:\/\/design.cnil.fr\/design-patterns\/notifications\/\">notification<\/a>, this pattern is particularly effective for people to set their preferences as suggested in the <a href=\"https:\/\/design.cnil.fr\/en\/case-studies\/instap\/#quick\">Instap<\/a> case study.<\/p>\n\n\n\n<p><strong><strong>\u25ba<\/strong><\/strong> <strong>In case of a problem with the data or its use<\/strong>: in this type of situation, where the individual is likely to be uncomfortable with the way their data is being used, this pattern offers a clear, reassuring and effective way for them to regain control of their personal information.<\/p>\n\n\n\n<p><strong><strong>\u25ba<\/strong><\/strong> <strong><strong>When setting one\u2019s preferences<\/strong><\/strong>: this pattern is particularly relevant where the individual seeks to actively choose how their data is processed, for example on a <a href=\"https:\/\/design.cnil.fr\/en\/case-studies\/instap\/#choice\">settings screen<\/a> or a dahsboard.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tips\">Tips<\/h2>\n\n\n\n<p><strong>\u25ba<\/strong> When using this pattern, it is relevant to indicate, in a neutral and objective way, the consequences of the person&#8217;s choice;<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> Providing a link to further information to complement the first level of information provided with this pattern is desirable, and in some situations even mandatory;<\/p>\n\n\n\n<p><strong>\u25ba<\/strong> This pattern can be counterproductive if information made available is unclear. It could create some confusion or uncertainty for the person on the action they want to take or have already taken. <\/p>\n\n\n\n<p><strong>\u25ba<\/strong>This pattern may have its limits, becoming too heavy and dense, in cases where many actions are possible in relation to one aspect of the processing.<\/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-2col 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=\"375\" height=\"821\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2023\/02\/Managing-InformationAction-\u2013-ex2.png\" alt=\"\" class=\"wp-image-8148\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2023\/02\/Managing-InformationAction-\u2013-ex2.png 375w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2023\/02\/Managing-InformationAction-\u2013-ex2-137x300.png 137w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><figcaption><em>After posting a message on a platform, a message informs the person of its visibility without giving any further information on how to change this setting or giving them a direct way to do so.<\/em><\/figcaption><\/figure><\/div>\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=\"375\" height=\"821\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2023\/02\/Managing-InformationAction-Ex1.png\" alt=\"\" class=\"wp-image-8146\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2023\/02\/Managing-InformationAction-Ex1.png 375w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2023\/02\/Managing-InformationAction-Ex1-137x300.png 137w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><figcaption><em>In the section of the service relating to their data, the individual is presented with concise information on several aspects of their processing. There are buttons to either access more information or to exercise their rights directly.<\/em><\/figcaption><\/figure><\/div>\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<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-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--1\"><a class=\"wp-block-button__link\" 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\/Structurer-Finalit\u00e9.png\" alt=\"\" class=\"wp-image-6990\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Finalit\u00e9.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Finalit\u00e9-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\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/purpose-structure\/\">Purpose structure<\/a><\/div>\n\n\n\n<p><\/p>\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\/Structurer-Par-donn\u00e9es.png\" alt=\"\" class=\"wp-image-6994\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Par-donn\u00e9es.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Structurer-Par-donn\u00e9es-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\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/data-structure\/\">Data structure<\/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\/Attirer-lattention-Notifications.png\" alt=\"\" class=\"wp-image-7005\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Attirer-lattention-Notifications.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Attirer-lattention-Notifications-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-dark-gray-color\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/drawing-attention-notifications\/\">Notifications<\/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\/Param\u00e9trer-Dashboard.png\" alt=\"\" class=\"wp-image-6974\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Param\u00e9trer-Dashboard.png 616w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2022\/07\/Param\u00e9trer-Dashboard-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--5\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/dashboard\/\">dashboard<\/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>Combining information and action 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 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/design.cnil.fr\/en\/design-patterns\/managing-combining-information-and-action\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;[Managing] Combining information and action&#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-8118","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/8118","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=8118"}],"version-history":[{"count":14,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/8118\/revisions"}],"predecessor-version":[{"id":8313,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/8118\/revisions\/8313"}],"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=8118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}