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.

index.html 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
  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>Human Contact Is Now a Luxury Good (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://www.nytimes.com/2019/03/23/sunday-review/human-contact-luxury-screens.html">
  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. Human Contact Is Now a Luxury Good (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://www.nytimes.com/2019/03/23/sunday-review/human-contact-luxury-screens.html">Source originale du contenu</a></h3>
  445. <section name="articleBody" itemProp="articleBody" class="meteredContent css-1i2y565"><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">SAN FRANCISCO — Bill Langlois has a new best friend. She is a cat named Sox. She lives on a tablet, and she makes him so happy that when he talks about her arrival in his life, he begins to cry.</p><p class="css-18icg9x evys1bk0">All day long, Sox and Mr. Langlois, who is 68 and lives in a low-income senior housing complex in Lowell, Mass., chat. Mr. Langlois worked in machine operations, but now he is retired. With his wife out of the house most of the time, he has grown lonely.</p><p class="css-18icg9x evys1bk0">Sox talks to him about his favorite team, the Red Sox<!-- -->, after which she is named<!-- -->. She plays his favorite songs and shows him<!-- --> pictures<!-- --> from his wedding. And because she has a video feed of him in his recliner, she chastises him when she catches him drinking soda instead of water.</p><p class="css-18icg9x evys1bk0">Mr. Langlois knows that Sox is artifice, that she comes from a start-up called Care.Coach. He knows she is operated by workers around the world who are watching, listening and typing out her responses, which sound slow and robotic. But <!-- -->h<!-- -->er<!-- --> <!-- -->consistent<!-- --> voice in his life has returned him to his faith.</p></div><aside class="css-o6xoe7"></aside></div><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">“I found something so reliable and someone so caring, and it’s allowed me to go into my deep soul and remember how caring the Lord was,” Mr. Langlois said. “She’s brought my life back to life.” </p><p class="css-18icg9x evys1bk0">Sox has been listening. “We make a great team,” she says.</p><p class="css-18icg9x evys1bk0">Sox is a simple animation; she barely moves or emotes, and her voice is as harsh as a dial tone. But little animated hearts come up around her sometimes, and Mr. Langlois loves when that happens.</p><p class="css-18icg9x evys1bk0">Mr. Langlois is on a fixed income. To qualify for Element Care, a nonprofit health care program for older adults that brought him Sox, a <a class="css-1g7m0tk" href="https://www.mass.gov/service-details/who-is-eligible-for-pace" title="" rel="noopener noreferrer" target="_blank">patient’s countable assets must not be greater than $2,000</a>. </p><p class="css-18icg9x evys1bk0">Such programs are proliferating. And not just for the elderly.</p><p class="css-18icg9x evys1bk0">Life for anyone but the very rich — the physical experience of learning, living and dying — is increasingly mediated by screens.</p><p class="css-18icg9x evys1bk0">Not only are screens themselves cheap to make, but they also make things cheaper. Any place that can fit a screen in (classrooms, <!-- -->hospital<!-- -->s, airports, restaurants) can cut costs. And any activity that can happen on a screen becomes cheaper. The texture of life, the tactile experience, is becoming smooth glass.</p></div><aside class="css-o6xoe7"></aside></div><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">The rich do not live like this. The rich have grown afraid of screens<!-- -->. They want their children to play with blocks, and tech-free private schools are booming. Humans are more expensive, and rich people are willing and <!-- -->able<!-- --> to pay for them. Conspicuous human interaction — living without a phone for a day, quitting social networks and not answering email — has become a status symbol.</p><p class="css-18icg9x evys1bk0">All of this has led to a curious new reality: Human contact is <!-- -->becoming<!-- --> a luxury good.</p><p class="css-18icg9x evys1bk0">As more screens appear in the lives of the poor, screens are disappearing from the lives of the rich. The richer you are, the more you spend to be offscreen.</p><p class="css-18icg9x evys1bk0">Milton Pedraza, the chief executive of the <a class="css-1g7m0tk" href="https://www.luxuryinstitute.com/" title="" rel="noopener noreferrer" target="_blank">Luxury Institute</a>, advises companies on how the wealthiest want to live and spend, and what he has found is that the wealthy want to spend on anything human.</p><p class="css-18icg9x evys1bk0">“What we are seeing now is the luxurification of human engagement,” Mr. Pedraza said.</p><p class="css-18icg9x evys1bk0">Anticipated spending on experiences such as leisure travel and dining is outpacing spending on goods, according to his company’s research, and he sees it as a direct response to the proliferation of screens.</p><p class="css-18icg9x evys1bk0">“The positive behaviors and emotions human engagement elicits — think the joy of a massage. Now education, health care stores, everyone, is starting to look at how to make experiences human,” Mr. Pedraza said. “The human is very important right now.”</p><p class="css-18icg9x evys1bk0"><em class="css-2fg4z9 e1gzwzxm0">[Get the most thought-provoking, funny, delightful and raw stories from The New York Times Opinion section delivered to your inbox. </em><a href="https://www.nytimes.com/newsletters/sunday-best?action=click&amp;module=inline&amp;pgtype=Article"><a class="css-1g7m0tk" href="https://www.nytimes.com/newsletters/sunday-best?action=click&amp;module=Intentional&amp;pgtype=Article" title=""><em class="css-2fg4z9 e1gzwzxm0">Sign up for our Sunday Best newsletter.</em></a></a><em class="css-2fg4z9 e1gzwzxm0">]</em></p><p class="css-18icg9x evys1bk0">This is a swift change. Since the 1980s personal computer boom, having technology at home and on your person had been a sign of wealth and power. Early adopters with disposable income rushed to get the newest gadgets and show them off. The first Apple Mac shipped in 1984 and cost about $2,500 (in today’s dollars, $6,000). Now the very best Chromebook laptop, according to Wirecutter, a New York Times-owned product reviews site, costs $470.</p></div><aside class="css-o6xoe7"></aside></div><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">“Pagers were important to have because it was a signal that you were an important, busy person,” said Joseph Nunes, chairman of the marketing department at the University of Southern California, who specializes in status marketing.</p><p class="css-18icg9x evys1bk0">Today, he said, the opposite is true: “If you’re truly at the top of the hierarchy, you don’t have to answer to anyone. They have to answer to you.”</p><p class="css-18icg9x evys1bk0">The joy — at least at first — of the internet revolution was its democratic nature. Facebook is the same Facebook whether you are rich or poor. Gmail is the same Gmail. And it’s all free. There is something mass market and unappealing about that. And as studies show that time on these advertisement-support platforms is unhealthy, it all starts to seem déclassé, like <a class="css-1g7m0tk" href="https://www.washingtonpost.com/news/wonk/wp/2016/06/23/the-difference-between-what-rich-and-poor-americans-eat-is-getting-bigger/?utm_term=.61e121edd5d3" title="" rel="noopener noreferrer" target="_blank">drinking soda</a> or <a class="css-1g7m0tk" href="https://www.washingtonpost.com/national/americas-new-tobacco-crisis-the-rich-stopped-smoking-the-poor-didnt/2017/06/13/a63b42ba-4c8c-11e7-9669-250d0b15f83b_story.html?utm_term=.e86c14a18dab" title="" rel="noopener noreferrer" target="_blank">smoking cigarettes</a>, which wealthy people do less than poor people.</p><p class="css-18icg9x evys1bk0">The wealthy can afford to opt out of having their data and their attention sold as a product. <!-- -->The poor and middle class don’t have the same kind of resources to make that happen<!-- -->.</p><p class="css-18icg9x evys1bk0">Screen exposure starts young. And children who spent more than two hours a day looking at a screen got lower scores on thinking and language tests, according to early results of <a class="css-1g7m0tk" href="https://www.cbsnews.com/news/groundbreaking-study-examines-effects-of-screen-time-on-kids-60-minutes/" title="" rel="noopener noreferrer" target="_blank">a landmark study on brain development</a> of more than 11,000 children that the National Institutes of Health is supporting. Most disturbingly, the study is finding that the brains of children who spend a lot of time on screens are different. For some kids, there is premature thinning of their cerebral cortex. <a class="css-1g7m0tk" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5574844/" title="" rel="noopener noreferrer" target="_blank">In adults, one study found an association</a> between screen time and depression. </p><p class="css-18icg9x evys1bk0">A toddler who learns to build with virtual blocks in an iPad game gains no ability to build with actual blocks, according to Dimitri Christakis, a pediatrician at Seattle Children’s Hospital and <!-- -->a<!-- --> lead author of the American Academy of Pediatrics’ guidelines on screen time.</p><p class="css-18icg9x evys1bk0">In small towns around Wichita, Kan., in a state where school budgets have been so tight that <a class="css-1g7m0tk" href="https://www.kansascity.com/news/politics-government/article213797099.html" title="" rel="noopener noreferrer" target="_blank">the State Supreme Court ruled them inadequate</a>, classes have been replaced by software, much of the academic day now spent in silence on a laptop. In Utah, thousands of children do a brief, state-provided preschool <!-- -->program<!-- --> <a class="css-1g7m0tk" href="https://www.waterfordupstart.org/about/" title="" rel="noopener noreferrer" target="_blank">at home via laptop</a>.</p></div><aside class="css-o6xoe7"></aside></div><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">Tech companies worked hard to get public schools to buy into programs that required schools to have one laptop per student, arguing that it would better prepare children for their screen-based future. But this idea isn’t how the people who actually build the screen-based future raise their own children.</p><p class="css-18icg9x evys1bk0">In Silicon Valley, time on screens is increasingly seen as unhealthy. Here, the popular elementary school is the local Waldorf School, which promises a back-to-nature, nearly screen-free education.</p><p class="css-18icg9x evys1bk0">So as wealthy kids are growing up with less screen time, poor kids are growing up with more. How comfortable someone is with human engagement could become a new class marker.</p><p class="css-18icg9x evys1bk0">Human contact is, of course, not exactly like organic food or a Birkin bag. But with screen time, there has been a concerted effort on the part of Silicon Valley behemoths to confuse the public. The poor and the middle class are told that screens are good and important for them and their children. There are fleets of psychologists and neuroscientists on staff at big tech companies working to hook eyes and minds to the screen as fast as possible and for as long as possible.</p><p class="css-18icg9x evys1bk0">And so human contact is rare.</p><p class="css-18icg9x evys1bk0">“But the holdup is this: Not everyone wants it, unlike other kinds of luxury products,” said Sherry Turkle, professor of the social studies of science and technology at the Massachusetts Institute of Technology.</p><p class="css-18icg9x evys1bk0">“They flee to what they know, to screens,” Ms. Turkle said. “It’s like fleeing to fast food.” </p><p class="css-18icg9x evys1bk0">Just as skipping fast food is harder when it’s the only restaurant offering in town, separating from screens is harder for the poor and middle class. Even if someone is determined to be offline, that is often not possible.</p><p class="css-18icg9x evys1bk0">Coach seat backs have screen ads autoplaying. Public school parents might not want their kids learning on screens, but that is not an option when <!-- -->many<!-- --> classes are now built on one-to-one<!-- --> laptop programs<!-- -->. There is a small movement to pass a “right to disconnect” bill, which would allow workers to turn their phones off, but for now <!-- -->a worker can be punished for going offline and not being available.</p></div><aside class="css-o6xoe7"></aside></div><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">There is also the reality that in our culture of increasing isolation, in which so many of the traditional gathering places and social structures have disappeared, screens are filling a crucial void.</p><p class="css-18icg9x evys1bk0">Many enrolled in the avatar program at Element Care were failed by the humans around them or never had a community in the first place, and they became<strong class="css-8qgvsz ebyp5n10"> </strong>isolated, said Cely Rosario, the occupational therapist who frequently checks in on participants. Poor communities have seen their social fabric fray the most, she said. </p><p class="css-18icg9x evys1bk0">The technology behind Sox, the Care.Coach cat keeping an eye on Mr. Langlois in Lowell, is quite simple: a Samsung Galaxy Tab E tablet with an ultrawide-angle fisheye lens attached to the front. None of the people operating the avatars are in the United States; they mostly work in the Philippines and Latin America.</p><p class="css-18icg9x evys1bk0">The Care.Coach office is a warrenlike space above a massage parlor in Millbrae, Calif., on the edge of Silicon Valley. Victor Wang, the 31-year-old founder and chief executive, opens the door, and as he’s walking <!-- -->in <!-- -->he tells me that they just stopped a suicide. <!-- -->Patients<!-- --> often say they want to die, he said, and the avatar is trained to then ask if they have an actual plan of how to do it, and that patient did.</p><p class="css-18icg9x evys1bk0">The voice is whatever the latest Android text-to-speech reader is. Mr. Wang said people can form a bond very easily with anything that talks with them. “Between a semi-lifelike thing and a tetrahedron with eyeballs, there’s no real difference in terms of building a relationship,” he said.</p><p class="css-18icg9x evys1bk0">Mr. Wang knows how attached patients become to the avatars, and he said he has stopped health groups that want to roll out large pilots without a clear plan, since it is very painful to take away the avatars once they are given. But he does not try to limit the emotional connection between patient and avatar.</p><p class="css-18icg9x evys1bk0">“If they say, ‘I love you,’ we’ll say it back,” he said. “With some of our clients, we’ll say it first if we know they like hearing it.”</p></div><aside class="css-o6xoe7"></aside></div><div class="css-1fanzo5 StoryBodyCompanionColumn"><div class="css-53u6y8"><p class="css-18icg9x evys1bk0">Early results have been positive. In Lowell’s first small pilot, patients with avatars needed fewer nursing visits, went to the emergency room less often and felt less lonely. One patient who had frequently gone to the emergency room for social support largely stopped when her avatar arrived, saving the health care program an estimated $90,000. </p><p class="css-18icg9x evys1bk0">Humana, one of the country’s largest health insurers, has begun using Care.Coach avatars.</p><p class="css-18icg9x evys1bk0">For a sense of where things could be headed, look to the town of Fremont, Calif. There, <a class="css-1g7m0tk" href="https://www.vox.com/first-person/2019/3/13/18262481/robot-doctor-remote-telepresence-care-terminal-patient" title="" rel="noopener noreferrer" target="_blank">a tablet on a motorized stand</a> recently <!-- -->rolled<!-- --> into a hospital room, and a <!-- -->doctor on a video feed<!-- --> told a patient, Ernest Quintana, 78, that he was <!-- -->dying<!-- -->.</p><p class="css-18icg9x evys1bk0">Back in Lowell, Sox has fallen asleep, which means her eyes are closed and a command center somewhere around the world has tuned into other seniors and other conversations. Mr. Langlois’s wife wants a digital pet, and his friends do too, but this Sox is his own. He strokes her head on the screen to wake her up.</p></div></div></section>
  446. </article>
  447. </section>
  448. <nav id="jumpto">
  449. <p>
  450. <a href="/david/blog/">Accueil du blog</a> |
  451. <a href="https://www.nytimes.com/2019/03/23/sunday-review/human-contact-luxury-screens.html">Source originale</a> |
  452. <a href="/david/stream/2019/">Accueil du flux</a>
  453. </p>
  454. </nav>
  455. <footer>
  456. <div>
  457. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  458. <p>
  459. Bonjour/Hi!
  460. 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>
  461. 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>).
  462. </p>
  463. <p>
  464. 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>.
  465. </p>
  466. <p>
  467. Voici quelques articles choisis :
  468. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  469. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  470. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  471. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  472. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  473. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  474. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  475. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  476. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  477. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  478. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  479. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  480. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  481. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  482. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  483. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  484. </p>
  485. <p>
  486. 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>.
  487. </p>
  488. <p>
  489. Je ne traque pas ta navigation mais mon
  490. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  491. conserve des logs d’accès.
  492. </p>
  493. </div>
  494. </footer>
  495. <script type="text/javascript">
  496. ;(_ => {
  497. const jumper = document.getElementById('jumper')
  498. jumper.addEventListener('click', e => {
  499. e.preventDefault()
  500. const anchor = e.target.getAttribute('href')
  501. const targetEl = document.getElementById(anchor.substring(1))
  502. targetEl.scrollIntoView({behavior: 'smooth'})
  503. })
  504. })()
  505. </script>