{"id":6203,"date":"2020-06-03T16:35:53","date_gmt":"2020-06-03T14:35:53","guid":{"rendered":"https:\/\/vps-6634360a.vps.ovh.net\/?page_id=6203"},"modified":"2022-06-09T12:09:38","modified_gmt":"2022-06-09T10:09:38","slug":"vodocumentaire","status":"publish","type":"page","link":"https:\/\/design.cnil.fr\/en\/case-studies\/vodocumentaire\/","title":{"rendered":"VODocumentaire"},"content":{"rendered":"\n<div class=\"alignfull header color\">\n<p class=\"p1\"><span class=\"s1\">VODocumentaire is a video-on-demand platform. The application enables its users to watch videos online or obtain digital copies to download.<\/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\">VODocumentaire<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#context\">Product&#8217;s context<\/a><\/li><li><a href=\"#ux\">User pathway and key steps<\/a><\/li><li><a href=\"#cookie\">Shopping cart and cookies<\/a><\/li><li><a href=\"#consent\">A special step for consent<\/a><\/li><li><a href=\"#summary\">An information recap<\/a><\/li><li><a href=\"#limitations\">Limitations<\/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 case study is part of a LINC research initiative focusing on interface design. Cases dealt with are fictional services co-created with the participants of the Data &amp; Design workshops. The solutions considered here are not intended to be recommendations to copy, but rather contextual illustrations of creative processes that might inspire your services and products. The study does not cover the entire user experience, but simply concentrates on key points. As such, it does not necessarily cover all GDPR requirements.<\/em><\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"context\">Product&#8217;s context<\/h2>\n\n\n\n<p>VODocumentaire is a documentary streaming, rental and purchase service. Its \u201cmobile first\u201d approach enables users to watch videos at any time, including on public transport and during everyday travel. You do not need to have an account in order to use the service. However, this does not mean that VODocumentaire does not collect any personal data. In order to ensure that the service operates properly, it is obliged among other things to collect users\u2019 contact and bank details, and a cookie for the shopping cart.<\/p>\n\n\n\n<p>Such data is collected in numerous ecommerce sites to enable transactions to be made. However, some of it are also used to sustain a site\u2019s economic model with direct support, in particular by using customers\u2019 email addresses for marketing purposes. Given one kind of data can be put to different uses, it is essential to inform users fully on the ways in which their data will and may be used.<\/p>\n\n\n\n<p>This being so, how do you include steps in the user pathway that enable data subjects to fully understand their personal data flows and make informed choices on its use?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ux\">User pathway and key steps<\/h2>\n\n\n\n<p>The VODocumentaire team approached the problem by questioning the classic shopping tunnel journey by adding new steps and features enabling users to make specific choices on the ways that their data is processed or informing them on how their data is used.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1430\" height=\"420\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/2020-01-08-Journey-Map-VOD-@2x-1.png\" alt=\"\" class=\"wp-image-6272\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/2020-01-08-Journey-Map-VOD-@2x-1.png 1430w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/2020-01-08-Journey-Map-VOD-@2x-1-300x88.png 300w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/2020-01-08-Journey-Map-VOD-@2x-1-768x226.png 768w\" sizes=\"auto, (max-width: 1430px) 100vw, 1430px\" \/><\/figure>\n\n\n\n<p>These features include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>making data collection visible in real time<\/strong> by making operations, such as storing cookies on the user\u2019s device, apparent visually. Such transparency approach provides users with better understanding of the service\u2019s operation and enables them to understand how to keep control over their data. It also provides an opportunity to include actions connected with exercise of rights (right of access, right to object, etc.).<\/li><li><strong>highlighting the collecting consent step<\/strong> in the user experience (by making the purchasing process a key step), so as to make users aware of the importance attached to their privacy and create relationships of trust with them.<\/li><li><strong>facilitating exercise of rights during and after the act of purchase<\/strong> by letting users know what data is collected on them and enabling them to recover or erase information collected.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cookie\">Shopping cart and cookies<\/h2>\n\n\n\n<p>The workshop participants dealt first with an essential functionality of a ecommerce website: the shopping cart, which requires placement of a cookie in order to operate.<\/p>\n\n\n\n<p>This kind of cookie is exempt from consent inasmuch as they are \u201c<a href=\"https:\/\/www.cnil.fr\/fr\/cookies-comment-mettre-mon-site-web-en-conformite\">necessary for the provision of a service explicitely requested by the user<\/a>\u201d (fr). However, participants wanted to take a transparent, educational approach that made visible the storage and use of a cookie for the shopping cart. The participants aimed for the users getting familiar with the service\u2019s working by making it visible. It is indeed through contact with services\u2019 inner workings that users become progressively aware of their operational rationales and so keep better control over their data.<\/p>\n\n\n\n<p>As well as providing a graphic symbol when the cart is created during selection of a first documentary, participants highlighted the consequences that various shopping cart might have on the cookie.<\/p>\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\"><\/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\">Proposed approach<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"664\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/2020-01-08-Animation-Cookie-VODocumentaire-2.gif\" alt=\"\" class=\"wp-image-6259\"\/><figcaption><em><em><br><em>In this example, clicking on a product triggers an animation showing a cookie being deposited in the cart. To go further, you can provide extra information explaining that emptying your cart deletes the related cookie. Here, the animated cookie shows this.<\/em><\/em><\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"consent\">A special step for consent<\/h2>\n\n\n\n<p>To move away from the classical model of collecting consent, in which it is presented as an action of secondary importance (at the end of the form or in smaller print, for example), participants created a step dedicated to collecting consent for marketing purposes, in order to ensure its specific, unequivocal, freely given and informed character.<\/p>\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\"><\/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\">Proposed approach<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"664\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/Consentements@2x.png\" alt=\"\" class=\"wp-image-6266\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/Consentements@2x.png 375w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/Consentements@2x-169x300.png 169w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><figcaption><em><em><em><em>Here, consenting is a step in its own right, just like filling in the form and paying. It is included in the thread at the top of the screen, as well as in the choice made to dedicate a screen exclusively to consent actions. It should be borne in mind that this step does not replace the appearance of a link to the confidentiality policy page, in the form screen for example.<\/em><\/em><\/em><\/em><\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"summary\">An information recap<\/h2>\n\n\n\n<p>In classical purchase experience, the transaction usually ends with a recap of purchases and total price including an invoice download link. Basing themselves on this virtually essential step, participants sought to improve it by adding a section on data collected and its use.<\/p>\n\n\n\n<p>In the context of VODocumentaire, it is relatively simple to make a recap of data collected and present it to users in a concise fashion. This specificity also enables implementation of functionalities enabling direct exercise of various rights, including right of access, by enabling direct consultation of information, rectification (modifying it) and deletion, as well as right of portability by enabling rapid downloading of data. Participants proposed this approach as an initial way for users to exercise their rights. It is complemented by a dedicated page which users can access at any time.<\/p>\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\"><\/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\">Proposed approach<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"987\" src=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/R\u00e9capitulation@2x.png\" alt=\"\" class=\"wp-image-6268\" srcset=\"https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/R\u00e9capitulation@2x.png 375w, https:\/\/design.cnil.fr\/wp-content\/uploads\/2020\/06\/R\u00e9capitulation@2x-114x300.png 114w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><figcaption><em><em><em><em>Above <em>is an idea of what a list of data collected by the service might look like. The \u201cexport my data\u201d button ensures data portability, while modification and deletion operations are accessible via the recap screen.<\/em><\/em><\/em><\/em><\/em><\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"limitations\">Limitations<\/h2>\n\n\n\n<p>The design of VODocumentaire\u2019s purchase experience seeks to break from classical models. By coming up with an interface focused on users\u2019 control over their data, participants thought of the experience\u2019s rapidity and efficiency in a fresh light. They avoided creating a \u201cseamless\u201d experience in order to try and re-characterise the act of consent by adding a new step and making invisible operations substantial so as to provide users with a proper understanding of the service\u2019s operational rationales.<\/p>\n\n\n\n<p>VODocumentaire remains a special case, however. The data processing it carries out is relatively simple as it collects relatively little data with the main purposes being order management and marketing. In more complex, interconnected services, transparency will have to give way to other mechanisms, interactions and interfaces, which may draw inspiration from the proposals made here.<\/p>\n\n\n\n<\/div>\n  <\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>VODocumentaire is a video-on-demand platform. The application enables its users to watch videos online or obtain digital copies to download. VODocumentaire Product&#8217;s context User pathway and key steps Shopping cart and cookies A special step for consent An information recap Limitations This case study is part of a LINC research initiative focusing on interface design. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/design.cnil.fr\/en\/case-studies\/vodocumentaire\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;VODocumentaire&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":6135,"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-6203","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6203","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=6203"}],"version-history":[{"count":8,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6203\/revisions"}],"predecessor-version":[{"id":6786,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6203\/revisions\/6786"}],"up":[{"embeddable":true,"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/pages\/6135"}],"wp:attachment":[{"href":"https:\/\/design.cnil.fr\/en\/wp-json\/wp\/v2\/media?parent=6203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}