A place to cache linked articles (think custom and personal wayback machine)
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

5 роки тому
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Requiem for a data: imagining speculative rituals to cope with a data loss (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://medium.com/design-friction/requiem-for-a-data-imagining-speculative-rituals-to-cope-with-a-data-loss-32175e6c4c08">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Requiem for a data: imagining speculative rituals to cope with a data loss (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://medium.com/design-friction/requiem-for-a-data-imagining-speculative-rituals-to-cope-with-a-data-loss-32175e6c4c08">Source originale du contenu</a></h3>
  445. <blockquote name="b85f" id="b85f" class="graf graf--blockquote graf-after--h3">The idea was maturing in our minds: if we are about to become a digital civilisation as it has been stated so many times, and funerals being considered by anthropologists one of the foundations of a civilisation, should we start to imagine funerals for our precious data? We seized the opportunity of the upcoming <a href="https://interaction18.ixda.org/program/workshop-requiem-for-a-data-bastien-kerspern/" data-href="https://interaction18.ixda.org/program/workshop-requiem-for-a-data-bastien-kerspern/" class="markup--anchor markup--blockquote-anchor" rel="noopener nofollow" target="_blank"><strong class="markup--strong markup--blockquote-strong">Interaction18</strong></a><strong class="markup--strong markup--blockquote-strong"> </strong>design week to put out a call for participation in a collaborative workshop exploring this <em class="markup--em markup--blockquote-em">“what if”</em> question — “What if data had funerals too?” — through the approach of design fiction.</blockquote>
  446. <h3 name="a538" id="a538" class="graf graf--h3 graf-after--blockquote">Setting the stage: a near-future data-centred civilisation</h3>
  447. <p name="d221" id="d221" class="graf graf--p graf-after--h3">Data tend to play a crucial role in our life nowadays and have become a digital extension of ourselves. In fact, they have become the essential building blocks of our so-called digital-driven society, but they are still fragile, volatile and vulnerable pieces of our digital self even in an era of generalised backup. Leaks, hacking, misuses, startup bankruptcy, even if they look immaterial and then eternal, data are exposed to a wide range of existential risks.</p>
  448. <p name="e60a" id="e60a" class="graf graf--p graf-after--p">However, do we value them enough to consider funerals for these once beloved traces of our life when they are gone? Through this workshop, participants learnt to use design fiction as a method to explore emerging and speculative rituals helping users to cope with failing data-driven services.</p>
  449. <h3 name="1e2d" id="1e2d" class="graf graf--h3 graf-after--p">Live-predictions from the Maraboot</h3>
  450. <p name="bdae" id="bdae" class="graf graf--p graf-after--h3">Groups of participants were given each a first piece of context: a “moment” they could use as a start for their speculations. Three of them were available:</p>
  451. <p name="39fb" id="39fb" class="graf graf--p graf-after--p">In the first one, “<em class="markup--em markup--p-em">Who wants to live forever</em>”, data were safe so far. But, forecasting or dreading an upcoming data loss, how would near-future inhabitants of the data-centred world prepare themselves, mentally and physically, online and offline ? How would they ward off the threat? How would this question data dependency and superstition towards technologies?</p>
  452. <p name="0f88" id="0f88" class="graf graf--p graf-after--p">The second one, “<em class="markup--em markup--p-em">Another one bites the dust</em>”, places the group right after the dreaded moment: the precious data are now gone. But a doubt remains: are they really gone? Traces of their existence are still warm ; could they resurrect some day? How would they face a resuscitated zombie-data, especially in the case of the most private ones?</p>
  453. <p name="3117" id="3117" class="graf graf--p graf-after--p">In the last one, “<em class="markup--em markup--p-em">The show must go on</em>”, time has passed, but the sad event is stored in the collective human memory. How would this change the way they live and interact with technologies? Do they take it as a lesson and multiply back-ups? Do they carefully and emotionally keep the corpses of their beloved hard drives and other data canopic jars somewhere?</p>
  454. <p name="a9b7" id="a9b7" class="graf graf--p graf-after--p">Groups did not really choose their contextual card, fate chose it for them. Indeed, we had brought our mysterious Maraboot kit with us, and gave it one throw per group, to reveal what the future held for their respective data.</p>
  455. <figure name="bc59" id="bc59" class="graf graf--figure graf-after--p"><figcaption class="imageCaption">The Maraboot kit helps in divining futures for one’s data.</figcaption></figure>
  456. <h3 name="55f9" id="55f9" class="graf graf--h3 graf-after--figure">Time to be hands on: punishment rituals, occult gatherings and data purging sessions to train one’s resiliency</h3>
  457. <p name="c9ba" id="c9ba" class="graf graf--p graf-after--h3">The first group was assigned the “<em class="markup--em markup--p-em">Another one bite the dust</em>” posture, strangely in line with the fact that one of its members had precisely lost her smartphone a few weeks ago, and all her locally stored data; the Maraboot Future Tellers did see it right.</p>
  458. <p name="7881" id="7881" class="graf graf--p graf-after--p">After a short introduction to Design Fiction and a few examples on how to build speculative scenarios, workshop participants, at first a bit puzzled, actively started to exchange their first ideas and intuitions. They got inspired by the various personas we gave them, especially the “datassisted”, a kind of extreme-users heavily relying on data-driven services for their personal or professional lives — lives that would be infinitely more complex for them without the beloved data. Facing this dramatic loss, almost a part of themselves, would they commit a complete data-suicide and erase all their accounts and data, hoping for their next rebirth? Would they go to an Anonymous Datalcoolic circle, to seek support and share their pain with others? Would they try to evacuate, in one way or another, irritation, anger, fear or distrust? Would this happen through the action of building or buying something, as a symbol, or a catharsis? Or a digital detox? Would they blame themselves and accomplish a self-inflicted punishment? Would they organise a funeral party, and try to restore part of the lost data by taking inputs from different sources and friends?</p>
  459. <figure name="e165" id="e165" class="graf graf--figure graf-after--p"/><p name="507e" id="507e" class="graf graf--p graf-after--figure">These last two synopses were the chosen ones. They imagined that in this speculative world, if you lose your data, whether personal or business data, you will have to go through a punishment ritual. Indeed, data are a precious element, constitutive of oneself, prized by major players and stored at a costly environmental price: if you lose it, you have to “carry the weight of the loss”. In a religious and pawnshop-like way, the ritual takes place as follows:</p><p name="c85d" id="c85d" class="graf graf--p graf-after--p">1. You promise that you won’t do it again ; from now on, you will be more careful.<br/>2. You wear the shameful crown which will suck out something out of your head in exchange for the lost data, like a memory, a skill (like a language for example). However you can choose a third way: the “suicide mode”: in this case you simply choose to kill yourself.<br/>3. The sucked-out content is stored in some secure and secret place, and if / once you have“learned the lesson”, you can get it back.</p><figure name="bfba" id="bfba" class="graf graf--figure graf-after--p"><figcaption class="imageCaption"><em class="markup--em markup--figure-em">The data-punishment uses a sort of crown of thorns.</em></figcaption></figure><p name="6ffc" id="6ffc" class="graf graf--p graf-after--figure">A second ritual performs “ghosts raising from collective memory”. The traumatised user invites its relatives to a collective remembrance session. Families and friends are reunited around the table, where personal devices are gathered. They all put their hands together, in a circle, and focus on their shared memories. All the data related to the ones lost by the victim are sourced among all the devices of others and their content (text messages, pictures, Instagram photos…) flow to a shared and mysterious storage piece in the middle of the circle. Finally, although original data could not come back from death, a partial image is restored, and like a ghost, comes to relieve the victim of loss, born again through this “crowdsourced biography” of the data, written by many.</p><figure name="8591" id="8591" class="graf graf--figure graf-after--p"><figcaption class="imageCaption">Data ghosts rising from collective memory.</figcaption></figure><p name="bee7" id="bee7" class="graf graf--p graf-after--figure">The second group was evolving in the frightening “<em class="markup--em markup--p-em">Who wants to live forever</em>” pre-loss context. All participants, being from different nationalities, started by exchanging on typical funerary rites in their respective cultures. Their minds quickly aligned on a particular <em class="markup--em markup--p-em">“what if”</em> scenario: “what if instead of enduring the loss or the perspective of it, inhabitants trained their resiliency by provoking periodic and intentional losses?” How being more in control would change one’s relationship to a data death? Would you feel relieved by such a cleansing ritual, and be more ready for the upcoming death? Would this help prepare to the second death, the one that happens when you are no longer remembered? Do you finally end up with what matters the most, a distillate of the massive digital content accumulated through years? Here is their final scenario:</p><p name="acea" id="acea" class="graf graf--p graf-after--p">In this world, you train yourself to prepare for the upcoming data loss. This ritual allows you to increase your own resiliency when facing the loss, and to accept more easily that ”everything wonderful comes to an end”.</p><p name="dbd8" id="dbd8" class="graf graf--p graf-after--p">All your digital memories are stored in a “Time Box Machine” and are displayed in front of your eyes — you “see your life flash by” — before being erased, one by one. It is time for a final goodbye, before you move to the next life, or the next step of your life. You learn to let it go, and afterwards you feel reborn, purged, with a new space inside you to welcome the future. Everyone has its own pace when it comes to performing this ritual: some can do it every year, some can do it every decade.</p><p name="989b" id="989b" class="graf graf--p graf-after--p">The machine is equipped with a fingerprint sensor and detects your strongest emotional reactions while watching your memories scrolling. In the end, the machine will automatically decide which (very few) memories to preserve, embodied in symbolic tangible artefacts. From a thousand images, you end up with one image that move you, which you can physically hold in your hand. The most is preserved.</p><figure name="656a" id="656a" class="graf graf--figure graf-after--p"><figcaption class="imageCaption">The Time Box Machine is showing you data that will be erased for a last goodbye.</figcaption></figure><figure name="32b0" id="32b0" class="graf graf--figure graf-after--figure"><figcaption class="imageCaption">Data are materialised as concrete artefacts that can be kept as a memory.</figcaption></figure><h3 name="5861" id="5861" class="graf graf--h3 graf-after--figure">Feedback, next steps and retrospective learning</h3><p name="24d9" id="24d9" class="graf graf--p graf-after--h3">It was unclear for us what would emerge from a workshop with such a mystical issue; we were pleasantly surprised by the amazing responsiveness of the participants, and by the quality of their reflections as well as of their productions given the allocated time. They brightly seized and played with the speculation, avoiding the simplistic anthropomorphisation of data to explore new rituals tailored to them, with a deep concern for the psychological component. In other words, when it comes to imagine funerals for data, we aren’t talking about a direct transposition of the classic rituals such as burials or commemorations, but it is more about envisaging a sort of hybridisation between the actual standards of funerals — dealing with the tangibility of the lost element — and the very specific immateriality of data.</p><p name="7ead" id="7ead" class="graf graf--p graf-after--p">The scenarios built by participants and the collective discussion that followed highlighted some particular tendencies when it comes to digital data:</p><ul class="postList"><li name="edcd" id="edcd" class="graf graf--li graf-after--p">They all experienced the need to make digital data tangible. This probably expresses a kind of distrust towards data and/or those whom are storing them.</li><li name="53b8" id="53b8" class="graf graf--li graf-after--li">Templates of computer, smartphones and tablet screens were at their disposal to prototype, as well as explicit objects like cardboard hashtag and arrobas, yet they all chose a blue ice cube-like to picture data embodiment in a broad sense.</li><li name="6192" id="6192" class="graf graf--li graf-after--li">If some of the rituals might seem to be absurd at a first sight, we have to admit they are just the reflect of how each of us builds her or his very own strategy to cope with a loss.</li></ul><p name="1f5b" id="1f5b" class="graf graf--p graf-after--li">In the end, envisioning funerals for data can be justified because the value of data isn’t based on its materiality, but on the emotional charge we place in them. At this point, it is easy, and quite logical, to say “so what?”. If one of the purposes of design fiction is to inspire new perspectives and think about socio-technological implications beyond a productivist imperative, there are still actionable insights to gather from this exercise: data loss is an unavoidable experience at some point. Exploring and understanding how users try to overcome the loss of their cherished data can help us in designing better answers when the many data-driven services we have already adopted are failing us.</p><p name="843b" id="843b" class="graf graf--p graf-after--p graf--trailing"><strong class="markup--strong markup--p-strong">Requiem for a data</strong> was the first experiment of our broader project <strong class="markup--strong markup--p-strong">Data Funerals</strong>, designed to be a participatory project. The next phases of this speculative exploration will be summarised and displayed on a dedicated website.</p>
  460. </article>
  461. </section>
  462. <nav id="jumpto">
  463. <p>
  464. <a href="/david/blog/">Accueil du blog</a> |
  465. <a href="https://medium.com/design-friction/requiem-for-a-data-imagining-speculative-rituals-to-cope-with-a-data-loss-32175e6c4c08">Source originale</a> |
  466. <a href="/david/stream/2019/">Accueil du flux</a>
  467. </p>
  468. </nav>
  469. <footer>
  470. <div>
  471. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  472. <p>
  473. Bonjour/Hi!
  474. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  475. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  476. </p>
  477. <p>
  478. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  479. </p>
  480. <p>
  481. Voici quelques articles choisis :
  482. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  483. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  484. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  485. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  486. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  487. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  488. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  489. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  490. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  491. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  492. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  493. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  494. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  495. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  496. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  497. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  498. </p>
  499. <p>
  500. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  501. </p>
  502. <p>
  503. Je ne traque pas ta navigation mais mon
  504. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  505. conserve des logs d’accès.
  506. </p>
  507. </div>
  508. </footer>
  509. <script type="text/javascript">
  510. ;(_ => {
  511. const jumper = document.getElementById('jumper')
  512. jumper.addEventListener('click', e => {
  513. e.preventDefault()
  514. const anchor = e.target.getAttribute('href')
  515. const targetEl = document.getElementById(anchor.substring(1))
  516. targetEl.scrollIntoView({behavior: 'smooth'})
  517. })
  518. })()
  519. </script>