davidbgk
/
larlet-fr-david-cache
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Versions 0 Activité
A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
317 Révisions
1 Branche
Aborescence: 165066ee22
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '165066ee22'
${ noResults }
larlet-fr-david-cache/cache/4f4dfee4677038df8e39c5547ed.../index.html

index.html 54KB
Brut Annotations Historique

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849 
  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>Stab a Book, the Book Won't Die (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="https://craigmod.com/essays/media_accounting/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Stab a Book, the Book Won't Die (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://craigmod.com/essays/media_accounting/">Source originale du contenu</a></h3>

  463.     <p>How do we account for the resilient nature of books? They&rsquo;re not dead, though according to a hundred years of prognostications of their demise, they should be.</p>

  464. 

  465. <p>To understand why books are still around, and why they delight as they do, we need to do some &ldquo;media accounting&rdquo; — What are the costs (individually, socially) of engaging with certain media and mediums, apps and publications?</p>

  466. 

  467. <p>Understanding the contracts into which we enter with media helps demystify why physical books (and, similarly, vinyl, analog film, et cetera) not only remain compelling, but become <em>more</em> compelling the more their digital twins grow vast and fuzzy.</p>

  468. 

  469. <p>This essay is just a cursory document. A light expansion on a lecture I gave at Yale for the 2019 <a href="https://som.yale.edu/programs/executive-education/for-individuals/leadership/yale-publishing-course">Yale Publishing Course</a>.</p>

  470. 

  471. <hr />

  472. 

  473. <h3 id="books">Books</h3>

  474. 

  475. <p>Let&rsquo;s begin with printed books.</p>

  476. 

  477. <p>Printed books have clear contracts. I&rsquo;ve written about this in passing before, over in <a href="https://craigmod.com/ridgeline/030/"><em>Ridgeline</em></a>:</p>

  478. 

  479. <blockquote>

  480. <p>We buy a book, we know what we’re getting. There is no other “business model” at play. No other information being (necessarily, relatively) sold. This clarity of contract is especially lucid in physical form. The book has edges. The transaction has edges. The transaction completes. Given time, we complete the book. It has an ending. Contracts are clear. Usually, there’s no tracking.</p>

  481. </blockquote>

  482. 

  483. <p>A printed book is an object over which no third party has agency once in your possession. It&rsquo;s protected (in the US, at least) by <a href="https://en.wikipedia.org/wiki/First-sale_doctrine">first sale doctrine</a>.  Digital books, not to the same degree. Amazon, for example, <a href="https://www.nytimes.com/2009/07/18/technology/companies/18amazon.html">famously deleted editions of “1984”</a> from everyone’s Kindles. Simultaneously, today (2019), courts in France are <a href="https://www.tomshardware.com/news/valve-steam-resell-games-ban-france-eu,40438.html">challenging the general inability to resell digital goods</a>.</p>

  484. 

  485. <p>The immutability of printed books is their superpower. Remember this, because it&rsquo;s from this immutability that books derive their dead-simple &ldquo;contract.&rdquo;</p>

  486. 

  487. <hr />

  488. 

  489. <h3 id="attention-monsters-things-that-eat-attention">Attention Monsters: Things that Eat Attention</h3>

  490. 

  491. <p>The main adversary of books and book publishing is: Anything that eats attention.</p>

  492. 

  493. <p>Publishing has always been a game of competing for attention. Any number of media inventions have <a href="https://www.theparisreview.org/blog/2019/09/17/books-wont-die/">threatened to eviscerate the book market</a>: radio, movies, television, et cetera. But smartphones tip the scales unlike any previous object. They do so by placing into our pockets a perfect, always-at-hand vector for &ldquo;lopsided user contracts,&rdquo; arriving in the form of apps and websites.</p>

  494. 

  495. <p>These suboptimal contracts are at their most exaggeratedly worst in what I call “attention monsters.” That is, any app / service / publication whose business is predicated on keeping a consumer engaged and re-engaged for the benefit of the organization (often to the detriment of the mental and physical health of the user), dozens if not hundreds or thousands of times a day.</p>

  496. 

  497. <p>A simple heuristic for determining if something is an attention monster: “Free” apps built around advertising models <em>tend</em> to become attention monsters.<sup class="footnote-ref" id="fnref:adapps"><a href="#fn:adapps">1</a></sup> Especially if they’ve taken on a lot of venture capital, a tendency even further exacerbated if they’re a public company.<sup class="footnote-ref" id="fnref:venture"><a href="#fn:venture">2</a></sup></p>

  498. 

  499. <p>Instagram is a great example. The more you scroll, the more money they make. Consider the &ldquo;agreement&rdquo; into which you&rsquo;ve entered with the application the next time you find yourself mindlessly scrolling. What’s keeping you there? Why are the algorithms showing you what they’e showing? What benefits are you accruing? Why do you feel the need to post what you&rsquo;re posting? For what are are you trading your time and mental energy?</p>

  500. 

  501. <p>Most likely, you&rsquo;re stuck in a <a href="https://craigmod.com/roden/027/">&ldquo;tiny loop:&rdquo;</a></p>

  502. 

  503. <blockquote>

  504. <p>— a senseless series of actions that span minutes, hours, days, consume years, and add up to nothing or almost nothing, and that benefit (ideally: tranquility, growth, curiosity) no one but the company (in reality: engagement, ad views) who owns the container in which the loop takes place.<sup class="footnote-ref" id="fnref:bigloops"><a href="#fn:bigloops">3</a></sup></p>

  505. </blockquote>

  506. 

  507. <p>Because of a need to show consistent growth over time, <a href="https://arxiv.org/pdf/1907.07032.pdf#targetText=Dark%20patterns%20are%20user%20interface,a%20large%20set%20of%20websites.">attention monster methods of consuming user attention</a> become more aggressive the larger the user base becomes. A once simple contract (“connect with your friends online,” “post photos with cool filters,” et cetera) into which we may have entered with a free app begins to change by small degrees when that app or publication is pushed to increase profitability.<sup class="footnote-ref" id="fnref:founders"><a href="#fn:founders">4</a></sup></p>

  508. 

  509. <p>As a grossly-simplified counter example: Consider almost any piece of open source software. The version control software <a href="https://en.wikipedia.org/wiki/Git">&lsquo;Git&rsquo;</a> is used by hundreds of millions of people, as are Apache and nginx web servers, but none of these examples contains user experience dark patterns, nor are they concerned with consuming attention.</p>

  510. 

  511. <hr />

  512. 

  513. <p>Apps that feed off of and grow based on attention are often <a href="http://sitn.hms.harvard.edu/flash/2018/dopamine-smartphones-battle-time/">dopaminergic</a>. They are built to amplify <a href="https://www.sciencedaily.com/releases/2017/02/170222131508.htm">reward seeking behavior</a>, releasing unpredictable hits of dopamine: Another like. A DM. A new QAnon video in a sidebar. A &ldquo;related article&rdquo; about vaccination dangers. Something — anything — to increase engagement time in service to ad revenue.</p>

  514. 

  515. <hr />

  516. 

  517. <h3 id="publications-are-different-from-books">Publications (are different from books)</h3>

  518. 

  519. <p>Publications also fall into this bucket.</p>

  520. 

  521. <p><em>The New York Times</em>  is a partially dopaminergic publication. That is, the success of it as a business is still contingent on readers looking at a lot of ads. It’s also dependent on subscriptions, which is why the writing is usually high-caliber; quality is necessary to convert casual readers into subscribers (hyperbole is necessary to multiply ad views); becoming a subscriber is often a proxy vote for quality.</p>

  522. 

  523. <p>But the <em>Times</em> makes a <a href="https://www.nytimes.com/2019/08/07/business/media/new-york-times-earnings.html">significant portion of its profits</a> from ads, so eating your attention is still good for the organism. Hence, click-bait headlines. And horrible, horrible election needles: real-time &ldquo;content machinery&rdquo; adjacent to ads from which you can’t avert your gaze. Of course, <em>The Times</em> is not the only publication that functions like this. Most legacy or incumbent news organizations do, too.</p>

  524. 

  525. <hr />

  526. 

  527. <p>When these incumbent newspapers were print only, there was only one way to &ldquo;enter&rdquo; the content: Through the front page. The front page was all you could see on the news stand. Once you bought the thing, you were converted to a paying participant.</p>

  528. 

  529. <p>Make note: <strong>Design and contract parameters go hand in hand.</strong> When the front page is the only entry point, only a single page of the publication requires hyperbole to convert passers-by to readers. Online, every article becomes a potential entry point. And so there is an incentive for pervasive hyperbole in order to “convert” eyeballs in service to ads and the consumption of more attention.</p>

  530. 

  531. <hr />

  532. 

  533. <p>In contrast, publications like <a href="https://www.theinformation.com/"><em>The Information</em></a> or <a href="https://stratechery.com/"><em>Stratechery</em></a> or <a href="https://newconsumer.com/"><em>The New Consumer</em></a> — recently founded publications — are (almost?) entirely subscriber based, and thereby shed themselves of attention gorging.<sup class="footnote-ref" id="fnref:adsok"><a href="#fn:adsok">5</a></sup></p>

  534. 

  535. <p>The contract a reader enters with <em>The Information</em> is very clear: We pay, they write. Enough of us pay so they can keep writing. They write in a way that provides value via knowledge (ostensibly leading to smarter business decisions or investments on the part of the reader; i.e., extremely clear value proposition), not shock. Their model is <em>not</em> contingent on us looking at their writing from morning until night. Once a day is more than enough. Entry points are limited. It’s a healthy model for all parties.</p>

  536. 

  537. <p>As <em>The Information</em> says on their about page:</p>

  538. 

  539. <blockquote>

  540. <p>Quality stories breed quality subscribers. As our subscriber community grows, we&rsquo;re investing aggressively in our team and reporting. We believe this formula is far more scalable than relying on traffic or conferences, and it&rsquo;s totally—100 percent—aligned with our readers.</p>

  541. </blockquote>

  542. 

  543. <p>Our contract with <em>The New York Times</em> is more slippery. Yes, we pay and they write, but also, they take our viewing patterns, biases, reading habits, estimated income and sell that to advertisers. That’s a weirder contract. And one into which most people don’t realize they’ve entered. <sup class="footnote-ref" id="fnref:unintendedcontracts"><a href="#fn:unintendedcontracts">6</a></sup></p>

  544. 

  545. <p>All of this attention eating is relatively new. It is, as I said above, largely reliant on the smartphones in our pockets. The rise of attention monsters and this scale of attention consumption and lopsided contracts is one of many <a href="https://www.sas.upenn.edu/~haroldfs/540/handouts/french/unintconseq.html">unintended consequences</a> of the last ten years of internet growth and pocket supercomputers.</p>

  546. 

  547. <hr />

  548. 

  549. <h3 id="media-contracts">Media Contracts</h3>

  550. 

  551. <p>Consider the contracts of these two images.</p>

  552. 

  553. <p>People on a <a href="https://pixabay.com/photos/tokyo-asia-japan-human-metro-city-1536844/">train today</a>:</p>

  554. 

  555. <p><img src="/essays/images/media_accounting/subway_iphone.jpg" alt="staring at smartphones on a train" style="width: 100%; height: auto;" class="fullbleed" /></p>

  556. 

  557. <p>People on a train in Philadelphia <a href="https://www.gettyimages.co.jp/detail/%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%E5%86%99%E7%9C%9F/packed-carriage-on-a-commuter-train-in-philadelphia-%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%E5%86%99%E7%9C%9F/3436262?adppopup=true">65 years ago</a>:</p>

  558. 

  559. <p><img src="/roden/img/030/papertrain.jpg" alt="staring at newspapers on a train" style="width: 100%; height: auto;" class="fullbleed" /></p>

  560. 

  561. <p>Superficially these images look similar: folks committed to a horizontal surface held in front of their faces. But the contract of these two objects couldn’t be more different.</p>

  562. 

  563. <p><img src="/roden/img/030/newspaper.jpg" alt="bounded and boundless" style="width: 100%; height: auto;" class="fullbleed" /></p>

  564. 

  565. <p>The printed newspaper of 1919 had edges, ended. There were ads but they were passive, not active members of the reading experience. They were not reading you. You paid. You got some paper. The paper did not continue forever.</p>

  566. 

  567. <hr />

  568. 

  569. <p>Most readers may be too young to remember this, but once upon a time, <a href="https://craigmod.com/roden/img/030/broadcastdone.mp4">even television ended</a>. There was an implicit contract in that <em>eventually</em> you’d be allowed — nay, forced — to sleep. Like, you’d be watching some late-night show and the broadcast would just … finish. Kaput. The national anthem would blare and then the broadcast completion tone would wake any fools still perched in their living room Lay-Z-Boys.</p>

  570. 

  571. <video controls width="100%">

  572.     <source src="/roden/img/030/broadcastdone.mp4" type="video/mp4" />

  573. </video>

  574. 

  575. <hr />

  576. 

  577. <h3 id="netflix-vs-criterion">Netflix vs. Criterion</h3>

  578. 

  579. <p>Compare that era of television with opening the Netflix app.<sup class="footnote-ref" id="fnref:streaming"><a href="#fn:streaming">7</a></sup> CEO Reed Hastings: <a href="https://www.fastcompany.com/40491939/netflix-ceo-reed-hastings-sleep-is-our-competition">“Sleep is our competitor.”</a></p>

  580. 

  581. <p>Netflix<sup class="footnote-ref" id="fnref:netflix"><a href="#fn:netflix">8</a></sup> is a company with a 134 billion dollar market capitalization and 6,000+ employees. Competition is rapidly rising: Disney+, Amazon Prime, HBO Go / Now / MAX, Apple TV+. Netflix is a public company. They must continue to grow. Netflix can’t lose us as subscribers, <em>but</em> they also can’t charge much more. In fact, it&rsquo;s likely they&rsquo;ll have to reduce prices. And so, one imagines an internal doctrine: <em>Netflix must become a downtime habit humans cannot live without.</em> The service must become a teat, an irreplaceable and inexhaustible binge conveyance.<sup class="footnote-ref" id="fnref:appletv"><a href="#fn:appletv">9</a></sup> Unsubscribe? Unthinkable! Their current strategy in achieving this is to produce an endless profusion of well-funded shows. Some of which are superb. They produced <a href="https://variety.com/2018/digital/news/netflix-700-original-series-2018-1202711940/">700 — 7-0-0 — shows in 2018</a> alone.</p>

  582. 

  583. <hr />

  584. 

  585. <p>Compare now with <a href="https://www.criterionchannel.com/">Criterion Collection</a>. Both services are nearly technically identical: Monthly subscriptions that allow a customer to watch, from a vast catalog, a moving image on any of their devices at any moment. But, again, the numbers. Criterion is a: $33,000,000 / year business with 40 employees. Scale matters. No, Criterion won’t be producing <a href="https://www.theatlantic.com/technology/archive/2013/02/economics-netflixs-100-million-new-show/318706/">$100,000,000 TV shows</a>, but as a service, a company at their chosen scale, they can operate under a sustainable ethos of: <em>Deliver one amazing piece of classic, independent, or foreign film a week.</em><sup class="footnote-ref" id="fnref:publishing"><a href="#fn:publishing">10</a></sup></p>

  586. 

  587. <p>The contracts users enter into when using Criterion or Netflix manifest most clearly in design. Browsing Netflix is an endless sensation of falling forward into ever more content. Previews auto-play. As soon as one episode in a series ends, the next begins before credits finish rolling. If there’s no other episodes in the series, random trailers begin to play.</p>

  588. 

  589. <p>The very design of Netflix itself is constructed to reduce your ability to:</p>

  590. 

  591. <ol>

  592. <li>think about what you want to do, or</li>

  593. <li>step away from the service</li>

  594. </ol>

  595. 

  596. <p>It’s designed to be a boundless slurry of content poured directly into your eyeballs. In a way, it’s <em>training</em> us to never step back or even consider, say, reading a book or going for a walk. The binge is dopaminergic to the max, satisfying the completionist instinct.</p>

  597. 

  598. <p>In breathless doublespeak, Hastings has said, &ldquo;Binge-watching is great because it puts you in control.&rdquo;</p>

  599. 

  600. <p>Take a moment to consider: The scale at which this system is operating, the original contract you felt you had entered into, and your relationship to and sense of contract with the service today.<sup class="footnote-ref" id="fnref:netflixchange"><a href="#fn:netflixchange">11</a></sup></p>

  601. 

  602. <p>Now go browse Criterion.</p>

  603. 

  604. <hr />

  605. 

  606. <p>There’s clearly value in both models. Netflix, in producing its <a href="https://en.wikipedia.org/wiki/List_of_original_programs_distributed_by_Netflix">infinitude of content</a> will invariably create some classics, give voice to folks who’ve yet to be voiced. And Criterion, in time, will help us wade through the muck for gems.</p>

  607. 

  608. <p>The publishing industry has similar analogs: Big publishers produce lightweight bestsellers, the profits from which find their way into more complex and challenging, less commercial books. However, the big difference is books (mostly) don&rsquo;t autoload themselves into your head; they require a constant opting-in on the part of the reader.</p>

  609. 

  610. <p>Worth noting: I don’t think a company like Netflix has to operate at its current extremes and could be more balanced; my example above may be somewhat binary, but companies can and do choose to occupy greyer zones.</p>

  611. 

  612. <p>The takeaway: The contract — emotionally, <em>physically</em> (bingeing is as much a physical decision as it is mental) — with Criterion is far simpler, clearer, and I&rsquo;d argue, healthier in the long term than the contract we currently enter into with Netflix.</p>

  613. 

  614. <hr />

  615. 

  616. <!--

  617. “Media accounting” is a method of self-awareness. This kind of accounting is necessary for us to understand where objects like the book fit into contemporary life. Understanding the objective *contracts* into which we enter, how they may have come about, and how they're evolving helps us demystify why physical books (and, similarly, vinyl, analog film, et cetera) not only remain compelling, but become more compelling the more their digital twins grow vast and fuzzy.

  618. 

  619. ----

  620. -->

  621. 

  622. <h3 id="publishers-huh-what-are-they-good-for">Publishers, huh, what are they good for</h3>

  623. 

  624. <p>At Yale I was speaking to a bunch of publishers. So I proposed the following:</p>

  625. 

  626. <ul>

  627. <li>Our goal as publishers should be: To make it easier for readers to choose the habit of (longform) reading.</li>

  628. </ul>

  629. 

  630. <p>And then:</p>

  631. 

  632. <ul>

  633. <li>The adversary of books is anything that eats attention — attention monsters.</li>

  634. <li>The way to fight attention monsters is by helping potential readers habituate the very act of reading. </li>

  635. </ul>

  636. 

  637. <p>Habits and identities are intertwined. Increased self-awareness around media contracts makes it easier to convert the <em>identities</em> of wanna-be readers into full-fledged bag-o-books readers. Our goal is not to get someone to read a single book, but <strong>become a reader</strong>.</p>

  638. 

  639. <p>That said: I have no idea how to reliably do that!</p>

  640. 

  641. <p>I can only share how I’ve converted myself into a more fervent reader:</p>

  642. 

  643. <p>I always have a Kindle Paperwhite in my bag. <a href="https://www.wired.com/story/future-book-is-here-but-not-what-we-expected/">I dislike much about this device.</a> It is a device of sadness, of <a href="https://medium.com/@craigmod/reconsidering-the-hardware-kindle-interface-3c54088bed9e">unrealized potential</a>. But, it is also a device (in my case) with a bunch of good, long form articles and books on it. The battery lasts for weeks. It is always in my bag because I never want an excuse to <em>not</em> engage with a long form piece of text. <strong>I want it to be as easy to reach for a book as it is to reach for my phone.</strong> I choose the Paperwhite because it&rsquo;s small and light.<sup class="footnote-ref" id="fnref:kindles"><a href="#fn:kindles">12</a></sup></p>

  644. 

  645. <p>In service to helping me read more books, I’ve also <a href="https://www.wired.com/story/six-weeks-100s-miles-hours-glorious-boredom-japan/">turned off all non-tool apps on my phone</a>. All I can do on my iPhone is check Google Maps, text, and read email. I use <a href="https://freedom.to">Freedom</a> to block all media, social and otherwise. Using this combination I’ve read more books this year than I have in the past three combined.</p>

  646. 

  647. <hr />

  648. 

  649. <h3 id="contracts-and-habits">Contracts and Habits</h3>

  650. 

  651. <p>James Clear’s book <a href="https://www.worldcat.org/title/atomic-habits-tiny-changes-remarkable-results-an-easy-proven-way-to-build-good-habits-break-bad-ones/oclc/1055766559"><em>Atomic Habits</em></a> has had a profound effect on the way I understand many of the patterns I&rsquo;ve constructed in my life over these last five years. I had intuited what was and wasn’t working, but Clear’s book gave me a framework for understanding why. You should read the entire thing.</p>

  652. 

  653. <p>Here are two big takeaways that are relevant to our contracts, attention monsters, and books discussion:</p>

  654. 

  655. <ol>

  656. <li>True behavior change is identity change.</li>

  657. <li>“Motion” is the act of researching; “action” is getting your reps in. Never mistake the two.</li>

  658. </ol>

  659. 

  660. <p>James makes the argument that identity change (via an ever increasing belief in both your goal identity itself and the processes by which that identity is formed) happens as a cascade of incremental 1% changes in positive or negative directions. Opportunities for this percent change present themselves dozens of times a day. The best way to guarantee success is by preemptively engineering systems to reduce friction for positive habits, and increase friction for negative ones. Carrying a Kindle and blocking most media on my phone are two core pieces to my system of maintaining, believing in, and strengthening my identity as a “reader” and maintaining what I consider &ldquo;healthy&rdquo; contracts with apps and media.</p>

  661. 

  662. <hr />

  663. 

  664. <p>If habits define identity, then given the amount of time so many of us devote to reloading Twitter, opening Netflix, checking reddit, et cetera, are most of our identities that of media addict?</p>

  665. 

  666. <p>I suspect most folks reading this would <em>not</em> want to self-identify as an Instagram hope-to-be-influencer or Twitter combatant or Netflix binger. But most wouldn’t shy from self-identifying as, say, a reader.</p>

  667. 

  668. <p>We&rsquo;re amicable to calling ourselves readers for the same reason we want to identify as rock climbers or marathon runners or exceptional parents or selfless children or humanitarians or folks who’ve written thoughtful and considered books — because these activities carry with them an implicit sense of self-betterment, typified by being <em>active</em> (as opposed to passive).</p>

  669. 

  670. <p>To climb El Capitan requires dedication, discipline, focus — and yes, some insanity. To be a good child means taking care of a parent, calling, remembering, participating. The implied (and attractive) corollary of cultivating those qualities is that you’re a more perceptive, present human, experiencing and living life with a certain (healthy / obsessive) fullness.</p>

  671. 

  672. <hr />

  673. 

  674. <h3 id="reading-and-attention">Reading and Attention</h3>

  675. 

  676. <p>Sustained reading of long form texts and books is perhaps the most “active” of all basic media consumption. Philip Roth, in 2009, prognosticating the death of the novel, <a href="https://www.theguardian.com/lifeandstyle/2018/oct/14/the-lost-art-of-concentration-being-distracted-in-a-digital-world">smartly points out</a>:</p>

  677. 

  678. <blockquote>

  679. <p>To read a novel requires a certain amount of concentration, focus, devotion to the reading. If you read a novel in more than two weeks you don&rsquo;t read the novel really. So I think that kind of concentration and focus and attentiveness is hard to come by – it&rsquo;s hard to find huge numbers of people, large numbers of people, significant numbers of people, who have those qualities.</p>

  680. </blockquote>

  681. 

  682. <p>I love this: “If you read a novel in more than two weeks you don&rsquo;t read the novel really.” Meaning: To truly read (and, I might add, write) is to commit and maintain focus long enough to live fully within the world of the book (as opposed to ten second dips in and out, as we mostly do with much online media).</p>

  683. 

  684. <p><a href="https://www.worldcat.org/title/conversations-with-william-styron-monograph/oclc/862149835&amp;referer=brief_results">William Styron</a> put it well:</p>

  685. 

  686. <blockquote>

  687. <p>A great book should leave you with many experiences, and slightly exhausted at the end.</p>

  688. </blockquote>

  689. 

  690. <p>The critical insight is that deep reading is an <em>active</em> exhaustion, the result of <a href="https://www.espn.com/espn/story/_/id/27593253/why-grandmasters-magnus-carlsen-fabiano-caruana-lose-weight-playing-chess">burned calories,</a> not the passive exhaustion of an underused body and mind.</p>

  691. 

  692. <hr />

  693. 

  694. <p>Patterns among those of us who love reading and identify as “readers” show a continued predilection towards physical books. At Yale, <a href="https://www.penguinrandomhouse.com/about-us/management/">Nihar Malaviya</a>, executive vice president and chief operating officer for Penguin Random House U.S., put up a slide titled: “Formats have been shifting over the years — but have been somewhat stable recently.”</p>

  695. 

  696. <p>Of note:</p>

  697. 

  698. <ul>

  699. <li>39% of Americans read only print books</li>

  700. <li>29% read a mixture of digital and print</li>

  701. <li>7% read digital-only</li>

  702. <li>(24% simply don’t read)</li>

  703. </ul>

  704. 

  705. <hr />

  706. 

  707. <p><img src="/roden/img/030/nihar.jpg" alt="Book reading trends" style="width: 100%; height: auto;" class="fullbleed" /></p>

  708. 

  709. <hr />

  710. 

  711. <p>There are likely a number of factors for this. An obvious one: Publishers deliberately set the price of digital books sometimes higher than physical books, especially with new releases. Or they set the price barely lower than the cost of a physical book. Because we perceive physical as having more implicit value (resaleability, for example) a rational consumer picks the physical edition over Kindle edition given the same price, doubly so given same or next day delivery (where the immediacy benefit of digital is nullified).</p>

  712. 

  713. <p>But I suspect there is also an unconscious bias growing towards <em>simpler contracts</em>. And a physical book provides the simplest contract of most media today. Simpler contracts often (but not always) mean that the object or app or piece of media has our best interests in mind (that&rsquo;s why the contract is simple; the befuddling nature of complex contracts is a feature for the company defining the contract, not a bug), simpler contracts make it easier for us to do “action” as opposed to “motion.”</p>

  714. 

  715. <p>James Clear’s definition of “motion” would include: Searching for books to read, queuing them up in the Kindle, getting samples, reading reviews. (Similarly: Fighting bots on Twitter, mindlessly bouncing around on YouTube via the algorithms.) These actions can trick us into thinking we&rsquo;re doing work when we aren&rsquo;t. Therefore it&rsquo;s not identity building; it&rsquo;s charlatanism to call yourself a reader if all you do is collect Kindle samples but never finish a book.</p>

  716. 

  717. <p>&ldquo;Action&rdquo; is <em>doing</em> the actual reading. And a paper book — because it is free from outside intrusions, especially compared to reading Kindle books on an iPad or iPhone — helps us succeed at this action component of identity building.</p>

  718. 

  719. <p>The hardware Kindle is not ideal, and Amazon itself (as almost any company operating at that scale) is ethically fraught, but in my case, I find significantly more value (i.e., the ability to perform &ldquo;action&rdquo;) in having a number of book options always with me (via a hardware Kindle) than carrying multiple physical books. If I only read physical books I wouldn’t read as much. When I finish a Kindle book I love, I almost always buy a physical copy to doubly support the author / publisher, and for archival + field-of-vision reference purposes.</p>

  720. 

  721. <hr />

  722. 

  723. <h3 id="the-ethics-of-books">The Ethics of Books</h3>

  724. 

  725. <p>One of the biggest adversaries of book publishing is attention monsters. And the collective goal of publishers should be to do everything they can to foster the habit of reading. Articulating and amplifying the benefits of reading would help convert non-readers into readers and help make the choice to engage in active media (vs passive media) 1% easier.</p>

  726. 

  727. <p>Because: There’s a broad <a href="https://www.theguardian.com/books/booksblog/2013/sep/16/reading-improves-childrens-brains">ethical argument</a> to be made for converting more of society into “active media” participants. (<a href="https://www.theatlantic.com/education/archive/2019/09/love-reading-books-leisure-pleasure/598315/">Done most effectively by showing children through parental example.</a> As I&rsquo;ve written many times before: Much of what we sense as being possible or impossible is based on nearby archetypes.)</p>

  728. 

  729. <p>In this essay I’ve been talking about books as the quintessence of &ldquo;active&rdquo; media, but I believe video (along with all other forms of media) can be made more active with healthier contracts; not all video has to devolve into lowest common denominator binge passivity.</p>

  730. 

  731. <p>The <a href="https://www.youtube.com/watch?v=FhwktRDG_aQ">Mr. Rogers documentary, “Won’t you be my Neighbor?”</a> is exemplary in casting light on how Fred Rogers saw the television as a vector for pedagogical amplification: teaching children goodness, kindness, emotional intelligence at scale. Access to high-quality educational programming has been shown to raise IQs. <a href="https://www.nytimes.com/2019/07/25/upshot/social-effects-television.html">Access to lower-quality programming has been shown to lower voter turnout.</a></p>

  732. 

  733. <hr />

  734. 

  735. <p>Choose active media, set yourself up to succeed by building systems to cultivate positive habits, but most importantly: Take a second to think about the contracts you’ve entered into as you go about your day. Are those contracts you’re happy with? Did you realize you had entered into them?</p>

  736. 

  737. <hr />

  738. 

  739. <p>Jia Tolentino’s opening piece in her most excellent <a href="https://www.worldcat.org/title/trick-mirror-reflections-on-self-delusion/oclc/1088603389?referer=di&amp;ht=edition"><em>Trick Mirror</em></a> takes us through how the web changed over the past twenty years:</p>

  740. 

  741. <blockquote>

  742. <p>“At ten I was clicking around a web ring to check out other Angelfire sites. At twelve I was writing five hundred words a day on a public LiveJournal. At fifteen I was uploading photos of myself in a miniskirt on Myspace. By twenty-five, my job was to write things that would attract, ideally, a hundred thousand strangers per post. Now I’m thirty, and most of my life is inextricable from the internet, and its mazes of incessant forced connection — this feverish, electric, unlivable hell.”</p>

  743. </blockquote>

  744. 

  745. <p>In reading between the lines of her essay: The contract changed, shifted slowly beneath us, until our work and lives became defined by something we don’t wholly understand, and never really opted into. The good news is that it’s all relatively early in this game. Dire as it may seem, none of these contracts are fait accompli. I believe we all have more autonomy than we may think.</p>

  746. 

  747. <hr />

  748. 

  749. <p>Sitting outside all of this digital contractual complexity is the simple, boring, blissfully inert physical book. Given its plainness, it may be the most magical of all our contemporary technologies. It exists simply to be still, cannot be optimized, will never know us, and though a body is still while reading, the mind is active, telepathy is happening, and a sense of self-betterment and hope pervades as we turn the final page.</p>

  750. 

  751. <hr />

  752. 

  753. <h4 id="noted">Noted:</h4>

  754. 

  755. <div class="footnotes">

  756. 

  757. <hr />

  758. 

  759. <ol>

  760. <li id="fn:adapps">This isn&rsquo;t always true but is true often enough to warrant suspicion of any application that doesn&rsquo;t have a clear business model.

  761.  <a class="footnote-return" href="#fnref:adapps">↩︎</a></li>

  762. <li id="fn:venture">Venture capital is a powerful tool for accelerating market research in an attempt to find <a href="https://en.wikipedia.org/wiki/Product/market_fit">product:market fit</a>. Venture capital incentives become perverted when it&rsquo;s used to overtly or forcibly define markets, often in misalignment with market tendencies. One example of this perversion: Uber. A company for whom profitability on the long term is not guaranteed despite running through billions of dollars in venture capital. (They have a product:market fit, but not at a sustainable price, and with potentially nasty unintended consequences.) Tim O&rsquo;Reilly wrote an extensive piece about this very issue: <a href="https://qz.com/1540608/the-problem-with-silicon-valleys-obsession-with-blitzscaling-growth/">&ldquo;The fundamental problem with Silicon Valley’s favorite growth strategy&rdquo;</a>. It&rsquo;s easy to breathlessly condemn VC. But overall, venture capital is no more inherently amoral than a hammer. The vilification of venture capital is often based more in political fashion than fact. (But yes, <a href="https://www.bloomberg.com/news/articles/2019-10-22/neumann-clings-to-billionaire-status-after-wework-gets-a-bailout">We(Work)</a>) is a total debacle and apotheosis of venture charlatanism; thankfully public market vetting was smarter than Softbank.)

  763.  <a class="footnote-return" href="#fnref:venture">↩︎</a></li>

  764. <li id="fn:bigloops">I&rsquo;ve worked to <a href="https://craigmod.com/essays/sms_publishing/">build software and run experiments</a> with &ldquo;big&rdquo; loops — that is loops that span weeks or months or years, not the standard seconds or minutes of most apps.

  765.  <a class="footnote-return" href="#fnref:bigloops">↩︎</a></li>

  766. <li id="fn:founders">It should be noted that even the founders of these initially benign apps self-delude. When Instagram sold to Facebook they were promised sovereignty. No company pays $1B to allot the acquisition target eternal sovereignty (this is both nonsensical and somewhat amoral of the company in the context of public markets — the duty of Facebook in this deal is to increase shareholder value, not to be altruistic towards the Instagram community (although those two interests are not mutually exclusive); companies issue the promise of sovereignty to get the deal done. (Much of the work of being a CEO is convincing talented people that illiquid stock options are edible.) And Instagram <em>did</em> have a few years of relative internal independence, that is until Facebook needed them to make more money, causing <a href="https://www.theverge.com/interface/2019/4/17/18411363/why-instagram-founders-quit-hamburger-button-location-tracking">both co-founders to run off</a>.

  767.  <a class="footnote-return" href="#fnref:founders">↩︎</a></li>

  768. <li id="fn:adsok">This is not to say all ads are bad ads. There is certainly a medium-ground of ads and subscriptions. In fact, that might be the ideal, since not everyone can afford a subscription. Medium, for example, excised all of its ads in 2017, laying off much of the sales staff, in favor of going all in on subscriptions. I think the motives here — to exist in a &ldquo;pure&rdquo; space unsullied by advertising is admirable, but in the case of this company, a more metered shift between ads and subscriptions may have been instructive for the industry as a whole.

  769.  <a class="footnote-return" href="#fnref:adsok">↩︎</a></li>

  770. <li id="fn:unintendedcontracts">Related: <a href="https://www.nytimes.com/2019/11/04/business/secret-consumer-score-access.html">Most all of our interactions are being sold or quantified in some way or another</a>.

  771.  <a class="footnote-return" href="#fnref:unintendedcontracts">↩︎</a></li>

  772. <li id="fn:streaming">Or almost any streaming app; I&rsquo;m using Netflix here as an example because Hastings has been the most vocal about their Total Content Domination goals.

  773.  <a class="footnote-return" href="#fnref:streaming">↩︎</a></li>

  774. <li id="fn:netflix">Netflix has some great shows. Have you seen <a href="https://www.nytimes.com/interactive/2018/10/04/magazine/good-place-michael-schur-philosophy.html">&ldquo;The Good Place?&rdquo;</a> You should. I’ve been a Netflix subscriber for years, and rented DVDs from them almost two decades ago. But ignore the output for a second and let’s just look at the numbers — the 30,000 ft view — to try and understand the media accounting going on and why the company may operate as it does.

  775.  <a class="footnote-return" href="#fnref:netflix">↩︎</a></li>

  776. <li id="fn:appletv">Apple TV+ is worth considering for a second because, for Apple, streaming is (for now) an extremely tiny value add to the company&rsquo;s other much larger revenue streams. Hence, you&rsquo;ll never hear Apple talk about &ldquo;competing&rdquo; with sleep. The implicit contract we enter with Apple TV+ is almost comically light-touch compared to Netflix becuase the market dynamics make it low-stakes for Apple.

  777.  <a class="footnote-return" href="#fnref:appletv">↩︎</a></li>

  778. <li id="fn:publishing">To draw parallels to the publishing industry, Criterion is a <a href="https://coffeehousepress.org/">Coffee House</a> or <a href="https://www.graywolfpress.org/">Graywolf</a> or <a href="https://tinhouse.com/">Tin House</a> kind of operation. These are the publishers for whom explicit profits are not the driving force, and because of that, we readers, are gifted strange, delightful, and challenging literature.

  779.  <a class="footnote-return" href="#fnref:publishing">↩︎</a></li>

  780. <li id="fn:netflixchange">20 years ago: Watch a great movie on DVD every now and then; 8 years ago: Watch a great movie on streaming once or twice a month; today: Binge a television series a week.

  781.  <a class="footnote-return" href="#fnref:netflixchange">↩︎</a></li>

  782. <li id="fn:kindles">The Oasis, ostensibly Amazon&rsquo;s premier ebook reader is designed in such a way, with such proportions, as to fit into no average pocket. It also manages to sit oddly in the hand. Though the screen is nicer — the material covering it seems to be less fingerprint prone than the Paperwhite — the Paperwhite is far less precious, better proportioned, fits in almost any pocket and I find it to be much easier to hold. Although I&rsquo;d happily pay a premium, in classic Amazon goofery, the premium experience is less premium than the cheaper alternative.

  783.  <a class="footnote-return" href="#fnref:kindles">↩︎</a></li>

  784. </ol>

  785. </div>

  786.   </article>

  787. </section>

  788. 

  789. 

  790. <nav id="jumpto">

  791.   <p>

  792.     <a href="/david/blog/">Accueil du blog</a> |

  793.     <a href="https://craigmod.com/essays/media_accounting/">Source originale</a> |

  794.     <a href="/david/stream/2019/">Accueil du flux</a>

  795.   </p>

  796. </nav>

  797. 

  798. <footer>

  799.   <div>

  800.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  801.     <p>

  802.       Bonjour/Hi!

  803.       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>

  804.       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>).

  805.     </p>

  806.     <p>

  807.       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>.

  808.     </p>

  809.     

  810.     <p>

  811.       Voici quelques articles choisis :

  812.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  813.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  814.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  815.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  816.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  817.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  818.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  819.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  820.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  821.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  822.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  823.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  824.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  825.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  826.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  827.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  828.     </p>

  829.     <p>

  830.       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>.

  831.     </p>

  832.     <p>

  833.       Je ne traque pas ta navigation mais mon

  834.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  835.       conserve des logs d’accès.

  836.     </p>

  837.   </div>

  838. </footer>

  839. <script type="text/javascript">

  840.   ;(_ => {

  841.     const jumper = document.getElementById('jumper')

  842.     jumper.addEventListener('click', e => {

  843.       e.preventDefault()

  844.       const anchor = e.target.getAttribute('href')

  845.       const targetEl = document.getElementById(anchor.substring(1))

  846.       targetEl.scrollIntoView({behavior: 'smooth'})

  847.     })

  848.   })()

  849. </script>