A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717
  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>What Does The Amazon Echo Look Mean For Personal Style? (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.racked.com/2018/4/17/17219166/fashion-style-algorithm-amazon-echo-look">
  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. What Does The Amazon Echo Look Mean For Personal Style? (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.racked.com/2018/4/17/17219166/fashion-style-algorithm-amazon-echo-look">Source originale du contenu</a></h3>
  445. <div class="c-entry-content">
  446. <p class="p-large-text" id="MN6ohb"><em>The message of many things in America is “Like this or die.”</em><br><em>— George W.S. Trow, </em><a href="https://go.redirectingat.com?id=66960X1514733&amp;xs=1&amp;url=https%3A%2F%2Fwww.newyorker.com%2Fmagazine%2F1980%2F11%2F17%2Fwithin-the-context-of-no-context" rel="nofollow noopener" target="_blank"><em>Within the Context of No Context</em></a><em>, 1980</em></p>
  447. <hr class="p-entry-hr" id="tVy4xa">
  448. <h3 id="IZZ7A3">The Seeing Robot</h3>
  449. <p id="br88nR">The camera is a small, white, curvilinear monolith on a pedestal. Inside its smooth casing are a microphone, a speaker, and an eye-like lens. After I set it up on a shelf, it tells me to look straight at it and to <em>be sure to smile</em>! The light blinks and then the camera flashes. A head-to-toe picture appears on my phone of a view I’m only used to seeing in large mirrors: me, standing awkwardly in my apartment, wearing a very average weekday outfit. The background is blurred like evidence from a crime scene. It is not a flattering image. </p>
  450. <p id="iiA5bd">Amazon’s <a href="https://go.redirectingat.com?id=66960X1514733&amp;xs=1&amp;url=https%3A%2F%2Fwww.amazon.com%2FAmazon-Echo-Look-Camera-Style-Assistant%2Fdp%2FB0186JAEWK" rel="nofollow noopener" target="_blank">Echo Look</a>, currently available by invitation only but also <a href="https://go.redirectingat.com?id=66960X1514733&amp;xs=1&amp;url=https%3A%2F%2Fwww.ebay.com%2Fsch%2Fi.html%3F_from%3DR40%26_trksid%3Dp2380057.m570.l1313.TR0.TRC0.H0.Xamazon%2Becho%2Bloo.TRS0%26_nkw%3Damazon%2Becho%2Blook%26_sacat%3D0" rel="nofollow noopener" target="_blank">on eBay</a>, allows you to take hands-free selfies and evaluate your fashion choices. “Now Alexa helps you look your best,” the product description promises. Stand in front of the camera, take photos of two different outfits with the Echo Look, and then select the best ones on your phone’s Echo Look app. Within about a minute, Alexa will tell you which set of clothes looks better, processed by style-analyzing algorithms and some assistance from humans. So I try to find my most stylish outfit, swapping out shirts and pants and then posing stiffly for the camera. I shout, “Alexa, judge me!” but apparently that’s unnecessary.</p>
  451. <p id="2DdbVP">What I discover from the Style Check™ function is as follows: All-black is better than all-gray. Rolled-up sleeves are better than buttoned at the wrist. Blue jeans are best. Popping your collar is actually good. Each outfit in the comparison receives a percentage out of 100: black clothes score 73 percent against gray clothes at 27 percent, for example. But the explanations given for the scores are indecipherable. “The way you styled those pieces looks better,” the app tells me. “Sizing is better.” How did I style them? Should they be bigger or smaller? </p>
  452. <div class="c-float-right c-float-hang"> <figure class="e-image">
  453. <span class="e-image__inner">
  454. <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg">
  455. <picture class="c-picture" data-cid="site/picture_element-1524453254_3535_37883" data-cdata='{"asset_id":10649353,"ratio":"*"}'>
  456. <source srcset="https://cdn.vox-cdn.com/thumbor/h6amoYJLU_vBAuYkb4pydl3iEOU=/0x0:1740x2334/320x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 320w, https://cdn.vox-cdn.com/thumbor/R-63cSJEe14zXCPkYaPLw2xICp0=/0x0:1740x2334/520x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 520w, https://cdn.vox-cdn.com/thumbor/m0NbgQ8G3TEanfH6sPoS1wwKIV0=/0x0:1740x2334/720x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 720w, https://cdn.vox-cdn.com/thumbor/hRqrVigUTPYs4BTqIuTAgGlkAHU=/0x0:1740x2334/920x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 920w, https://cdn.vox-cdn.com/thumbor/aNcgDdI_MWuYZEn0paYjM1w_Yfs=/0x0:1740x2334/1120x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1120w, https://cdn.vox-cdn.com/thumbor/peFBs-07lyxGEagCBehKhCP1rxY=/0x0:1740x2334/1320x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1320w, https://cdn.vox-cdn.com/thumbor/ZiTF71o6ZzymZbGZ4Z_9fDFZ8A4=/0x0:1740x2334/1520x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1520w, https://cdn.vox-cdn.com/thumbor/IKGbfmnZp6M3tb8qGfF7CH1e1ac=/0x0:1740x2334/1720x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1720w, https://cdn.vox-cdn.com/thumbor/4w_Lf87X-k37QAsJ4n8vc4PvWz4=/0x0:1740x2334/1920x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1920w" sizes="(min-width: 1221px) 846px, (min-width: 880px) calc(100vw - 334px), 100vw" type="image/webp">
  457. <img srcset="https://cdn.vox-cdn.com/thumbor/dMAxYB5SWKHoj_mqV3XFuoqxHsw=/0x0:1740x2334/320x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 320w, https://cdn.vox-cdn.com/thumbor/01iijydJRAstdt7hyjvN8wA7NJo=/0x0:1740x2334/520x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 520w, https://cdn.vox-cdn.com/thumbor/dCAjfl1aIZtMsNU7cz4GXvegdRY=/0x0:1740x2334/720x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 720w, https://cdn.vox-cdn.com/thumbor/QDnVP6mgQNymygGOAyZ2cxPz2cU=/0x0:1740x2334/920x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 920w, https://cdn.vox-cdn.com/thumbor/-BLxTyNfcY2wgFHg0vhJc5-VKyA=/0x0:1740x2334/1120x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1120w, https://cdn.vox-cdn.com/thumbor/PqqKvQxQ5xMGMOg3Oc09jK__zto=/0x0:1740x2334/1320x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1320w, https://cdn.vox-cdn.com/thumbor/2FQpzY68dChZ43gQHx78Irk3uQg=/0x0:1740x2334/1520x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1520w, https://cdn.vox-cdn.com/thumbor/ODC_Spc9Y_5bxo74LyNQluL9PLA=/0x0:1740x2334/1720x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1720w, https://cdn.vox-cdn.com/thumbor/eoaBEbvmFsrnfL1NnjPLPHJj8oM=/0x0:1740x2334/1920x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg 1920w" sizes="(min-width: 1221px) 846px, (min-width: 880px) calc(100vw - 334px), 100vw" src="https://cdn.vox-cdn.com/thumbor/Uvdy5nSepfoUq2lNLtErQGE-Ozc=/0x0:1740x2334/1200x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649353/spot1.jpg">
  458. </source></picture>
  459. </span>
  460. </span>
  461. </figure>
  462. </div>
  463. <p id="Vkz6p7">The Echo Look won’t tell you why it’s making its decisions. And yet it purports to show us our ideal style, just as algorithms like Netflix recommendations, Spotify Discover, and Facebook and YouTube feeds promise us an ideal version of cultural consumption tailored to our personal desires. In fact, this promise is inherent in the technology itself: Algorithms, as I’ll loosely define them, are sets of equations that work through machine learning to customize the delivery of content to individuals, prioritizing what they think we want, and evolving over time based on what we engage with.</p>
  464. <p id="ldZGBX">Confronting the Echo Look’s opaque statements on my fashion sense, I realize that all of these algorithmic experiences are matters of taste: the question of what we like and why we like it, and what it means that taste is increasingly dictated by black-box robots like the camera on my shelf.</p>
  465. <h3 id="YVLuA8">Theories of Taste</h3>
  466. <p id="DCMhEU">In his 2017 book <em>Taste</em>, the Italian philosopher Giorgio Agamben digs up the roots of the word. Historically, it is defined as a form of knowledge through pleasure, from perceiving the flavor of food to judging the quality of an object. Taste is an essentially human capacity, to the point that it is almost subconscious: We know whether we like something or not before we understand why. “Taste enjoys beauty, without being able to explain it,” Agamben writes. He quotes Montesquieu: “This effect is principally founded on surprise.” Algorithms are meant to provide surprise, showing us what we didn’t realize we’d always wanted, and yet we are never quite surprised because we know to expect it.</p>
  467. <p id="asnVki">Philosophers in the 18th century defined taste as a moral capacity, an ability to recognize truth and beauty. “Natural taste is not a theoretical knowledge; it’s a quick and exquisite application of rules which we do not even know,” wrote Montesquieu in 1759. This unknowingness is important. We don’t calculate or measure if something is tasteful to us; we simply feel it. Displacing the judgment of taste partly to algorithms, as in the Amazon Echo Look, robs us of some of that humanity. </p>
  468. <p id="tqITex">Every cultural object we aestheticize and consume — “the most everyday choices of everyday life, e.g., in cooking, clothing or decoration,” Pierre Bourdieu writes in his 1984 book <em>Distinction: A Social Critique of the Judgement of Taste</em> — is a significant part of our identities and reflects who we are. “Taste classifies, and it classifies the classifier,” Bourdieu adds. If our taste is dictated by data-fed algorithms controlled by massive tech corporations, then we must be content to classify ourselves as slavish followers of robots.</p>
  469. <h3 id="ODPve0">But Fashion Is Already Arbitrary</h3>
  470. <p id="LOasdJ">We might say that “taste” is the abstract, moralized knowledge, while “style” is its visual expression. Fashion makes taste easily visible as style, in part because its distinctions between color or cut in clothing are so specific and yet so random (“rules which we don’t even know”). In the past, a whimsical consensus among elites dictated fashion culture; a royal court or an echelon of magazine editors imposed a certain taste from the top of society, down. </p>
  471. <div class="c-float-left c-float-hang"><aside id="5tCOTa"><q>Taste is an essentially human capacity, to the point that it is almost subconscious: We know whether we like something or not before we understand why. </q></aside></div>
  472. <p id="fn3MQ8">Roland Barthes noticed this arbitrariness in his 1960 essay <em>Blue Is in Fashion This Year</em>. Barthes scrutinizes a fragment of text from a fashion magazine — “blue is in fashion this year” — to see where its thesis, that a particular color is particularly tasteful right now, comes from. His conclusion is that it doesn’t come from anywhere: “We are not talking about a rigorous production of meaning: the link is neither obligatory nor sufficiently motivated.” Blue is not in fashion because it is particularly functional, nor is it symbolically linked to some wider economic or political reality; the statement has no semantic logic. Style, Barthes argues, is an inexplicable equation (a faulty algorithm).</p>
  473. <h3 id="fkeCZI">That Scene from The Devil Wears Prada </h3>
  474. <p id="kkqovS">Further evidence of the artificial and hierarchical nature of style in the past can be found in <a href="https://www.youtube.com/watch?v=p5WWy_0VLS4">that scene</a> from the 2006 film <em>The Devil Wears Prada</em>, in which Meryl Streep (as magazine editor and Anna Wintour facsimile Miranda Priestly) tells her assistant played by Anne Hathaway that the chunky blue sweater she is wearing was, in essence, chosen for her. “That blue represents millions of dollars and countless jobs, and it’s sort of comical how you think you made a choice that exempts you from the fashion industry when, in fact, you’re wearing a sweater that was selected for you by the people in this room from a pile of stuff,” Streep says.</p>
  475. <p id="8BPKoG">In other words, <em>blue is in fashion this year</em> because some people decided it was. You, the non-tastemaker, have no choice in the matter. </p>
  476. <h3 id="gcu8Sb">Data-Based Fashion</h3>
  477. <p id="L1dy81">Is it possible that instead of this artificial fashion language, algorithms like those powering Alexa could create a more systemic, logical construction of fashion aesthetics built on <em>data</em>? <em>Blue is in fashion this year</em> because 83.7 percent of users purchased (or clicked like on) blue shirts, the Amazon Echo Look algorithm says, therefore it is in fashion, therefore businesses should manufacture more blue shirts, and you, the customer, will buy and wear them. No human editors needed.</p>
  478. <p id="IVSUkD">I’m not sure if this technology-derived algorithmic facticity of taste is better or worse than Meryl Streep-Anna Wintour deciding what I wear, which might be the core concern of this essay.</p>
  479. <h3 id="0TbYwH">“Collapsing Dominant” </h3>
  480. <p id="KEZQnj">When modes of tastes change, there is a certain fear: Am I in or out? Do I understand the new or am I stuck in the old? In 1980, the <em>New Yorker </em>published George W.S. Trow’s essay describing this feeling under the title of “Within the Context of No Context,” from which I took the epigraph and structure for this piece. Trow’s essay came out as a book in 1981 and again in 1997. In the appended introduction to the 1997 edition, he uses the phrase “collapsing dominant” to describe a situation in which an older, established mode of cultural authority, or a taste regime, is fading and being replaced by a newer one. These regimes have two parts: the subjects of taste and the way taste is communicated.</p>
  481. <p id="thYzyr">Today we are seeing the collapse of the dominant regime that Trow originally observed emerging, mass-media television, which had previously replaced the moralistic mid-century novels of New England WASPs. Now, we have Instagram likes, Twitter hashtags, and Google-distributed display advertising spreading taste values. Instead of the maximalist, celebrity-driven, intoxicant culture of ‘70s television — Nixon, <em>Star Wars</em>, shag rugs, cocaine, nuclear bombs — we now have the flattened, participatory, somehow salutary aesthetic of avocado toast, <a href="https://www.racked.com/2018/2/16/16987096/outdoor-voices-performance-technology">Outdoor Voices leggings</a>, reclaimed wood, <a href="https://www.vogue.com/article/sky-ting-yoga-studio-brooklyn-new-york-domino-williamsburg-krissy-jones-chloe-kernaghan">Sky Ting yoga classes</a>, and <a href="https://www.curbed.com/2018/4/4/17199044/cactus-succulents-trend-interior-design-landcaping">succulents in ceramic planters</a>. </p>
  482. <p id="c7oKOM">That we are in the midst of this shift in taste might help explain our larger mood of instability and paranoia (or is it just me?). We can’t figure out what might be sustainable to identify with, to orient our taste on. The algorithm suggests that we trust it, but we don’t entirely want to. We crave a more “authentic,” lasting form of meaning.</p>
  483. <h3 id="94fUc8">The Death of Svpply </h3>
  484. <p id="nP0Qq9">In 2009, a designer named Ben Pieratt, now living in Massachusetts, launched Svpply. It was a kind of online social network based on shopping, where invitation-only members could curate selections of products from elsewhere on the internet and users could follow their favorite tastemakers. Eventually, any user could become a curator. I remember it from the time as a calm, limpid pool in the midst of so much internet noise. The site presented only cool clothes, bags, and accessories, all chosen by individual humans, since algorithmic feeds weren’t widely deployed at the time. On Svpply you could find the melange of signifiers of a certain class of early-adopter design-bro: minimalist sneakers, fancy T-shirts, Leica cameras, and drop-crotch sweatpants. </p>
  485. <div class="c-float-right c-float-hang"><aside id="8Zx9y7"><q>The algorithm suggests that we trust it, but we don’t entirely want to. </q></aside></div>
  486. <p id="ibXXTc">In 2012, eBay acquired the company and quickly shut it down. In 2014, Pieratt launched a Kickstarter for <a href="https://verygoods.co/">Very Goods</a>, a Svpply replacement that’s still active. Today he sees Svpply as a cautionary tale about the limits of human curation on the internet. Over the phone, we talk about how taste doesn’t really scale. The bigger a platform gets, the harder it is to maintain a particular sense of style. By opening the platform, Pieratt had tried to “convert from a human-driven community into a machine,” he explains. “When we lost the exclusivity, people didn’t really care anymore.” Svpply’s innate sense of uniqueness didn’t survive: “If everyone’s editing <em>Vogue</em>, it wouldn’t be <em>Vogue</em>.” </p>
  487. <p id="rQs4lq">Another question: How good of a tastemaker can a machine ultimately be?</p>
  488. <h3 id="OlhCdO">Human- v. Machine-Curation</h3>
  489. <p id="0KdSr6">I worry that we are moving from a time of human curation (early Svpply) to a time in which algorithms drive an increasingly large portion of what we consume (the Facebook feed). This impacts not only the artifacts we experience but also how we experience them. Think of the difference between a friend recommending a clothing brand and something showing up in targeted banner ads, chasing you around the internet. It’s more likely that your friend understands what you want and need, and you’re more likely to trust the recommendation, even if it seems challenging to you.</p>
  490. <p id="1fErRz">Maybe it’s a particularly shapeless garment or a noisy punk track. If you know the source of the suggestion, then you might give it a chance and see if it meshes with your tastes. In contrast, we know the machine doesn’t care about us, nor does it have a cultivated taste of its own; it only wants us to engage with something it calculates we might like. This is boring. “I wonder if, at the core of fashion, the reason we find it fascinating is that we know there’s a human at the end of it,” Pieratt says. “We’re learning about people. If you remove that layer of humanity from underneath, does the soul of the interest leave with it?”</p>
  491. <p id="AA0K4z">Pieratt makes a further distinction between style and taste. Style is a superficial aesthetic code that is relatively simple to replicate, whereas taste is a kind of wider aesthetic intelligence, able to connect and integrate disparate experiences. Algorithms can approximate the former — telling me I should wear a blue shirt — but can’t approximate the latter because the machine can’t tell me <em>why </em>it thinks I should wear a blue shirt or what the blue shirt might <em>mean</em> to me. When a machine has taken over the exploration of taste, the possibility of suddenly <em>feeling something</em> from a surprising object is narrowed to only what the machine decides to expose. “I don’t think there’s such a thing as machine taste yet,” says Pieratt.</p>
  492. <p id="lf4Rdt">Of course, he and I might just be part of the fading regime, our “collapsing dominant.” The dystopian babies of 2018 raised on algorithmic <a href="https://medium.com/@jamesbridle/something-is-wrong-on-the-internet-c39c471271d2">Spiderman-slash-Frozen YouTube videos</a> may have different appetites in the future.</p>
  493. <hr class="p-entry-hr" id="q1Yw3A">
  494. <h3 id="EyY4hs">Taste Optimization</h3>
  495. <p id="u8HGIN">The threat of banality (or the lack of surprise) implicit in full machine curation reminds me of the seemingly random vocabulary meant to improve SEO on Craigslist posts. As one chair listing I encountered put it: “Goes with herman miller eames vintage mid century modern knoll Saarinen dwr design within reach danish denmark abc carpet and home arm chair desk dining slipper bedroom living room office.” </p>
  496. <p id="F7nEBo">Imagine the optimized average of all of these ideas. The linguistic melange forms a taste vernacular built not on an individual brand identity or a human curator but a freeform mass of associations meant to draw the viewer in by any means necessary. If you like this, you’ll probably like that. Or, as a T-shirt I bought in Cambodia a decade ago reads, “Same same but different.” The slogan pops into my mind constantly as I scroll past so many content modules, each unique and yet unoriginal.</p>
  497. <div class="c-wide-block"> <figure class="e-image">
  498. <span class="e-image__inner">
  499. <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg">
  500. <picture class="c-picture" data-cid="site/picture_element-1524453254_3115_37884" data-cdata='{"asset_id":10649485,"ratio":"*"}'>
  501. <source srcset="https://cdn.vox-cdn.com/thumbor/VkhLvSsJ6yhMgFCuSTefFOKZ3Tg=/0x0:2030x1351/320x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 320w, https://cdn.vox-cdn.com/thumbor/G7CQnZdLQ0GPzDkpl7CL9aq-jcs=/0x0:2030x1351/520x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 520w, https://cdn.vox-cdn.com/thumbor/tI5d7UKLh9Lujtr2CVxAaIH8BjA=/0x0:2030x1351/720x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 720w, https://cdn.vox-cdn.com/thumbor/FCVv7A6naq-6Cko9I3YCGHILQAg=/0x0:2030x1351/920x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 920w, https://cdn.vox-cdn.com/thumbor/YL6KAO3cAVmGhzJRmXr8D6qYnhU=/0x0:2030x1351/1120x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1120w, https://cdn.vox-cdn.com/thumbor/CIF5OD6eTPDHY8xnJe92Ca4Lf-Q=/0x0:2030x1351/1320x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1320w, https://cdn.vox-cdn.com/thumbor/QdrGI1SFB1qNSjRy7yU8WRXSp10=/0x0:2030x1351/1520x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1520w, https://cdn.vox-cdn.com/thumbor/RXfc_riE4wiVLLxbKdUWoeRc_6I=/0x0:2030x1351/1720x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1720w, https://cdn.vox-cdn.com/thumbor/FNbtiJ5wMaWfUoTo7mHR-_KmX-s=/0x0:2030x1351/1920x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1920w" sizes="90vw" type="image/webp">
  502. <img srcset="https://cdn.vox-cdn.com/thumbor/dSquJqeHZNz0a9DcdblMWGlrnTo=/0x0:2030x1351/320x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 320w, https://cdn.vox-cdn.com/thumbor/A8cL1pZU7WrKvLEfu4zw2jj4xR0=/0x0:2030x1351/520x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 520w, https://cdn.vox-cdn.com/thumbor/2sMy_aSLqqcqBJGJW4ka2CVvB70=/0x0:2030x1351/720x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 720w, https://cdn.vox-cdn.com/thumbor/HvmIfPmajKAC5ir_p1hakr33b5A=/0x0:2030x1351/920x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 920w, https://cdn.vox-cdn.com/thumbor/bRog41V8aH4WsLl-l8aGLoOe018=/0x0:2030x1351/1120x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1120w, https://cdn.vox-cdn.com/thumbor/IJ7pZlog07SXzGOTaoO3FY6F-uY=/0x0:2030x1351/1320x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1320w, https://cdn.vox-cdn.com/thumbor/BvqpyLMuNBsAaxmMKkGUoJqQwUo=/0x0:2030x1351/1520x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1520w, https://cdn.vox-cdn.com/thumbor/vXM5N6hGESlxYsNcNc1wY3tbCVg=/0x0:2030x1351/1720x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1720w, https://cdn.vox-cdn.com/thumbor/yFygX4OQthtxJAL3ddwsBxPMuVk=/0x0:2030x1351/1920x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg 1920w" sizes="90vw" src="https://cdn.vox-cdn.com/thumbor/9SFuRoSzGCw3Z9SLGSqhd8XL4eo=/0x0:2030x1351/1200x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649485/horizontal_1_fixed.jpg">
  503. </source></picture>
  504. </span>
  505. </span>
  506. </figure>
  507. </div>
  508. <h3 id="F8UwJP">Machine-Generated Content </h3>
  509. <p id="dPBi5y">Algorithms promise: If you like this, you will get more of it, forever. This experience is leaking from the internet of <a href="https://www.racked.com/2017/5/31/15666062/online-ad-repeats">Google ads for the bag you just bought</a> into the physical world. Look to the artist Jenny Odell’s <a href="http://www.jennyodell.com/museumofcapitalism_freewatch.pdf">investigation of “free watch” offers</a> on Instagram for an example. The watches appear, at a minimum, stylish, with small variations on minimalist faces and metal bands. But they are not the result of an enlightened sense of taste, per Pieratt’s definition. The brands that sell them are thin fictions whipped up in Squarespace and the actual products are the result of Alibaba manufacturing and Amazon drop-shipping, in which a product moves directly from manufacturer to consumer having never entered a store. The phantom watches are empty fashion language, objects without content. </p>
  510. <p id="caAD09">Other ways in which our experiences are warped by algorithmic platforms include Spotify possibly commissioning original music from “fake” artists to match the latent content desires of its audience, as <a href="https://noisey.vice.com/en_us/article/3kvnnn/streaming-is-killing-the-musical-author-v24n8">Noisey noticed</a>; delivery restaurants that are <a href="https://mashable.com/2017/11/09/ubereats-virtual-restaurants/">only virtual</a>, conjuring a digital brand out of a shadowy group kitchen and serving food via Uber Eats; the surreal kids’ YouTube videos, which exist because they are rewarded with views by the feed algorithm and thus earn their creators advertising profit; and the globalized visual vernacular of <a href="https://medium.com/@heyitsnoah/santa-claus-airspace-the-modern-aesthetic-64a5d158099e">Airbnb interior decorating</a>, which approximates a certain style emerging from the platform itself. Having analyzed the data from some platform or another, these are things the machine thinks you want, and it can serve them up immediately and infinitely. </p>
  511. <p id="ecL8CB">We find ourselves in a cultural uncanny valley, unable to differentiate between things created by humans and those generated by a human-trained equation run amok. In other words, what is the product of genuine taste and what is not. (This lack of discernibility also contributes to the problems of fake news, which algorithmic feeds <a href="https://www.theverge.com/2016/12/6/13850230/fake-news-sites-google-search-facebook-instant-articles">promote like any other content</a>, however inaccurate.)</p>
  512. <p id="ft0lUS">Spotify’s fake artists aren’t fake, per se; they’re a <a href="https://trackrecord.net/spotify-does-in-fact-fill-mood-playlists-with-fake-ar-1820642310">kind of muzak</a> created by a Swedish production company that just so happens to have the same investors as Spotify. That the simple possibility of non-genuine music fed to us by an algorithmic platform without our knowledge created a media frenzy speaks to our fundamental fear — a possibly irrational or at least abstruse 21st-century anxiety — of an algorithmic culture.</p>
  513. <h3 id="xbgR8X">Style in the Age of Digital Reproduction </h3>
  514. <p id="Y4omze">In 1935, Walter Benjamin observed that the work of art in the 20th century was undergoing a change during the advent of photography and film. The newfound reproducibility of the individual work of art through these technologies meant that art was deprived of its “aura”: “the here and now of the original” or “the abstract idea of its genuineness,” as Benjamin writes.</p>
  515. <p id="5vLYei">Photography, as Benjamin observed, could reproduce a singular work of art. Algorithmic machine learning, however, can mimic an entire stylistic mode, generating new examples at will or overlaying a pre-existing object with a new style unrelated to its origins. In 2015, researchers <a href="https://arxiv.org/abs/1508.06576">released a paper</a> in which they turned a photograph of Tübingen, Germany into a van Gogh painting, then overlaid the style of Munch and Kandinsky in turn. The system “achieves a separation of image content from style,” the researchers write (a disconnect that contributes to our anxiety).</p>
  516. <div class="c-float-left c-float-hang"><aside id="LZdtZS"><q>Want another Picasso, Gucci, Gehry, Glossier, Beyoncé? Just push the button.</q></aside></div>
  517. <p id="LUNLTA">So it’s not just an individual work which can be reproduced, but rather an artist’s entire aesthetic. The resulting lack of aura devalues unique style, or changes our experience of it, just as photography once challenged painting. “The reproduced work of art is to an ever-increasing extent the reproduction of a work of art designed for reproducibility,” Benjamin writes. Another cultural crisis is looming as we realize that “new” or popular styles will be increasingly optimized for their algorithmic reproducibility (in other words, designed to spread meme-like over digital platforms) instead of their originality.</p>
  518. <p id="sfeuiq">Want another Picasso, Gucci, Gehry, Glossier, Beyoncé? Just push the button. It’ll be close enough. There’s already an Instagram influencer with over 700,000 followers, <a href="https://www.instagram.com/lilmiquela/?hl=en">Miquela</a>, who appears to be a 19-year-old model dressing up in clothes from Chanel, Proenza Schouler, and Supreme. Her vibe is Kylie Jenner, with her malevolent-cherub face and embrace of streetwear. Except Miquela is actually a virtual character her designers rendered by computer, as if produced by a Kardashian-fed AI. Unlike Jenner, Miquela is a style that can be reproduced cheaply and infinitely.</p>
  519. <h3 id="KonEHH">One Tenet of Algorithmic Culture</h3>
  520. <p id="V0FEzN">Every platform, canvassed by an algorithm that prioritizes some content over other content based on predicted engagement, develops a Generic Style that is optimized for the platform’s specific structure. This Generic Style evolves over time based on updates in the platform and in the incentives of the algorithm for users. </p>
  521. <p id="bBV8zx">When we encounter the Generic Style in the world, we feel a shiver of fear: We have entered the realm of the not-quite-human, the not-quite-genuine. Did we make an independent decision or do the machines know us better than we know ourselves? (This anxiety might just be an iteration of the debate between free will and fate.)</p>
  522. <blockquote>
  523. <p id="MEU5Gh"><strong>Addendum I: Algorithmic Intimacy</strong></p>
  524. <p id="5nVosv">One day, a friend of mine in New York City is on OKCupid, Bumble, or Hinge. He encounters the profile of a young woman and matches with her. He introduces himself with a joke based on the cultural signifiers in her profile, as is the habit of our time. She doesn’t respond. </p>
  525. <p id="xgbDTn">Months later, I am sitting with him in a restaurant at the only two open seats left at the bar. At the end of our corner, there is a young woman sitting alone. My friend and the young woman strike up a conversation that seems to have a certain spark to it. Eventually, the realization occurs to her, or maybe she’d known all along: “Did we… match online?” She apologizes for not replying to his message and they keep chatting with increasing animation. </p>
  526. <p id="npzcA9">Would this flash of intimacy have occurred without the intervention of the algorithm that introduced them? Not so quickly, I think, if at all. The algorithm added a certain missing context through which they identified each other; it can be comforting, even helpful to feel recognized by the machine. He gets her phone number. </p>
  527. </blockquote>
  528. <p id="ViEYC5"></p>
  529. <blockquote>
  530. <p id="ZJrdg0"><strong>Addendum II: Cities </strong></p>
  531. <p id="KRt08k">Then again, aren’t cities (and their bars, restaurants, and boutiques) really just highly attuned machines for sorting people according to their interests and desires? By being here, we have already communicated certain things about ourselves, much like checking preferences on an OKCupid account and surrendering to the equation.</p>
  532. <p id="JEB1jH">Our experiences have always been algorithmic, if not previously driven by an actual algorithm. Sometimes it seems wrong to speak of some kind of lost originality or authenticity, as if life before Facebook were wholly innocent, non-formulaic, pure — tasteful. Taste has always been and always will be derivative, hierarchical, and shallow, but also vital.</p>
  533. </blockquote>
  534. <hr class="p-entry-hr" id="oYzi0i">
  535. <h3 id="s8mZQk">Content Luddism (Ethically Sourced Culture)</h3>
  536. <p id="cfbdlG">What do we do, then, about this shift from human to digital taste? It’s possible to consciously resist the algorithm, like someone might buck the current fashion trend — wearing bell-bottoms and tie-dye, say, instead of trim, blank basics. I might only read books I stumble across in used bookstores, only watch TV shows on local channels, only buy vinyl, only write letters, forsake social media for print newspapers, wear only found vintage. (Etsy is already algorithmic, with its own faux-folksy Generic Style.) I could abstain from algorithmic culture like the Luddites who resisted the automation of textile factories in the 19th century by destroying machines. It would be so organic. Cool! Obscure! Authentic!</p>
  537. <p id="3XDuMc">But as soon as something Cool, Obscure, and Authentic gets put back on the internet, it is factored into the equation, maybe it goes viral, and soon enough it’s as omnipresent as <a href="https://www.thecut.com/2017/03/why-millennial-pink-refuses-to-go-away.html">Millennial Pink</a> circa 2017. In this way, algorithmic culture is not encouraging of diversity or the coexistence of multiple valid viewpoints and identities. If a stylistic quirk is effective, it is integrated into the Generic Style as quickly as possible; if it is ineffective, it is choked of public exposure. So you’d also have to keep your discoveries analog. Put an air gap between your brain and the internet.</p>
  538. <blockquote>
  539. <p id="KQgpLt"><strong>Addendum III: One Example of Non-Algorithmic Taste</strong></p>
  540. <p id="2au6Uh">My friend is sitting across from me in a wine bar. She’s wearing a black turtleneck cashmere sweater with long ridges down the sleeves. It looks perfect and yet unplaceable; no brand logo, material texture, or discernible quirk identifies it with one source or another. “Where is that sweater from?” I ask. </p>
  541. <p id="dLz75h">“Oh, I got it from my grandma’s closet when she moved out of Manhattan,” she says.</p>
  542. </blockquote>
  543. <h3 id="LYPP4F">Piracy</h3>
  544. <p id="iy8Bxq">I grew up in the early 2000s during the beginning of the social internet, when there were no smart feeds or adaptive algorithms to sort content. The primary ways I discovered new things were through forums, where members suggested which shoes to buy or bands to listen to, and through digital piracy, which gave me a relatively unfiltered list of possible cultural artifacts to consume on Kazaa or BitTorrent, which did not come with “You May Also Like This” recommendations. (I did not live in a city and the local comprehensive bookstore was a Borders 45 minutes away.) These services were the digital equivalent of used vinyl shops: You take what you find, either you like it or not, and then you try again, constantly refining an image of what you want and (thus) who you are.</p>
  545. <div class="c-float-right c-float-hang"> <figure class="e-image">
  546. <span class="e-image__inner">
  547. <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg">
  548. <picture class="c-picture" data-cid="site/picture_element-1524453254_8827_37885" data-cdata='{"asset_id":10649505,"ratio":"*"}'>
  549. <source srcset="https://cdn.vox-cdn.com/thumbor/G1eY_bxIKvDro2by0FusPnQ3iTQ=/0x0:1740x2334/320x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 320w, https://cdn.vox-cdn.com/thumbor/8fLYukkDKIteWsZuGIdSjjq-YIo=/0x0:1740x2334/520x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 520w, https://cdn.vox-cdn.com/thumbor/uu49yuaXN3DY6htpDLL4NVX6uHY=/0x0:1740x2334/720x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 720w, https://cdn.vox-cdn.com/thumbor/-CE7GTz8-NmSgJ5xfvBOKbtNdjw=/0x0:1740x2334/920x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 920w, https://cdn.vox-cdn.com/thumbor/nuVnsXKW_FigJEf3MTohvojwUyc=/0x0:1740x2334/1120x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1120w, https://cdn.vox-cdn.com/thumbor/MJcpnbsidTfUNZnXrQfHTMsde_M=/0x0:1740x2334/1320x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1320w, https://cdn.vox-cdn.com/thumbor/dOa8fCrddmnlbKbW5dguR7kE9Dg=/0x0:1740x2334/1520x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1520w, https://cdn.vox-cdn.com/thumbor/i-h6cQCB-LaK0lYJG1QbNww5j38=/0x0:1740x2334/1720x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1720w, https://cdn.vox-cdn.com/thumbor/R2d5OOUvQLauPVbk-K5CsnzAYqU=/0x0:1740x2334/1920x0/filters:focal(0x0:1740x2334):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1920w" sizes="(min-width: 1221px) 846px, (min-width: 880px) calc(100vw - 334px), 100vw" type="image/webp">
  550. <img srcset="https://cdn.vox-cdn.com/thumbor/E-jwHlbNUwv8N6w9m-C1I7CdsPk=/0x0:1740x2334/320x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 320w, https://cdn.vox-cdn.com/thumbor/mEonE_e4JC5taEuvWz6jZI4ieYw=/0x0:1740x2334/520x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 520w, https://cdn.vox-cdn.com/thumbor/8XXeYJ4P0Hnt-mm3BXGjRT5sX-E=/0x0:1740x2334/720x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 720w, https://cdn.vox-cdn.com/thumbor/ffIhCgDZgjt5BYVCdr18v_glSCE=/0x0:1740x2334/920x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 920w, https://cdn.vox-cdn.com/thumbor/TWWmXWXWmbYJFhSlA5x_HAofHC4=/0x0:1740x2334/1120x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1120w, https://cdn.vox-cdn.com/thumbor/gia1Uf_RxnxgYntHSSQp3dDAPJE=/0x0:1740x2334/1320x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1320w, https://cdn.vox-cdn.com/thumbor/sOrDEDE4GmrXTu_X9uY-ZTcu9Wg=/0x0:1740x2334/1520x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1520w, https://cdn.vox-cdn.com/thumbor/vZd1b-lMY1xHhjYcdxDTxry_PRs=/0x0:1740x2334/1720x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1720w, https://cdn.vox-cdn.com/thumbor/eoLYykUmc4pTlQ_kDFUA4YQpHZo=/0x0:1740x2334/1920x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg 1920w" sizes="(min-width: 1221px) 846px, (min-width: 880px) calc(100vw - 334px), 100vw" src="https://cdn.vox-cdn.com/thumbor/P9-YsxR2x9Rq5KtDIyN7h6CX6eI=/0x0:1740x2334/1200x0/filters:focal(0x0:1740x2334)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649505/spot_2.jpg">
  551. </source></picture>
  552. </span>
  553. </span>
  554. </figure>
  555. </div>
  556. <p id="8JnAs3">Since those were formative teenage years, I derived a good part of my identity as a cultural consumer from DIY piracy. Still, the results were neither exceptional nor original. I downloaded a lot of Dave Matthews Band concert bootlegs and sought out American Apparel in the mall after seeing it online. But at least these things felt like mine? Or at least the assemblage aggregated into something I might have called personal taste.</p>
  557. <p id="F2yh76">Now YouTube tells me which videos to watch, Netflix serves me TV shows, Amazon suggests clothes to wear, and Spotify delivers music to listen to. If content doesn’t exist to match my desires, the companies <a href="https://www.npr.org/sections/therecord/2017/07/12/536670493/spotify-is-accused-of-creating-fake-artists-but-what-is-a-fake-artist">work to cultivate it</a>. The problem is that I don’t identify as much with these choices as what I once pirated, discovered, or dug up. When I look at my Spotify Discover playlists, I wonder how many other people got the exact same lists or which artists paid for their placement. I feel nostalgic for the days of undifferentiated .rar files loading slowly in green progress bars. There was friction. It all meant something.</p>
  558. <p id="bt49zL">To be fair, this content consumption was also extremely unethical. And it’s not like I don’t like Netflix shows or Spotify playlists. Like cigarettes or McDonald’s, they were designed for me to like them, so of course I like them. It’s just that I don’t always<em> like</em> that I like them. </p>
  559. <h3 id="CaZgt2">Hipster Platforms &amp; Platform Hipsters</h3>
  560. <p id="to5iog">Yet there are an increasing number of legal alternatives to these mainstream platforms. We’re seeing a profusion of smaller platforms with different brand images, the equivalent of a <a href="https://www.racked.com/2017/10/12/16460312/reformation-jeans-new-line-more-affordable">Reformation</a> instead of a J.Crew or <a href="https://www.racked.com/2017/7/12/15949530/glossier-international-shipping-canada-uk">Glossier</a> instead of <a href="https://www.racked.com/2017/8/14/16098890/clinique">Clinique</a>. If Gap is a mainstream platform for fashion basics, then <a href="https://www.racked.com/2017/12/1/16724664/everlane-nyc-store">Everlane</a>, with its transparent manufacturing and minimalist branding, and now <a href="https://www.racked.com/2018/4/2/17188388/entireworld-scott-sternberg-basics">Scott Sternberg’s Entireworld</a>, which purports to offer a utopian clothing system, are its more niche, though no less generic, hipster equivalents.</p>
  561. <p id="Qju3w7"><a href="https://www.filmstruck.com/us/">FilmStruck</a>, for example, streams “critically acclaimed classic movies, hard-to-find gems, and cult favorites” like those in the Criterion Collection, while <a href="https://mubi.com/">MUBI</a> selects “cult, classic, independent and award-winning films from around the world.” The full-bleed, black-and-white stills on their websites differentiate them as far hipper than Netflix or cable — you might feel safer about identifying your taste with them (“I don’t watch TV; I only watch FilmStruck,” a platform hipster says). Instead of Spotify, there’s <a href="https://theoverflow.com/">The Overflow</a>, with vetted Christian worship music, or <a href="https://www.primephonic.com/">Primephonic</a>, with high-definition classical recordings. Quincy Jones launched the “<a href="https://qwest.tv/">Netflix of jazz</a>.”</p>
  562. <p id="ECFAmp">Digital platforms exist for non-digital products, too. The start-up <a href="https://rentfeather.com/">Feather</a> will rent you a “hip bedroom” bundle of faux-mid century side tables and bed frame for $109 a month in a kind of minimally stylish pre-packaged taste kit, a thinly reproduced aesthetic lacking any aura. Similarly, fashion companies like <a href="https://www.weargustin.com/">Gustin</a> and <a href="https://www.taylorstitch.com/">Taylor Stitch</a> crowdfund their new products, counting pre-orders before manufacturing anything. These are different from traditional brands in that they are driven from the bottom-up by the actions of users rather than the diktats of auteur creative directors. And, like the drop-shipped generic watches, they are extremely boring, releasing wave after wave of artisanal fabrics turned into rustic, vaguely outdoorsy gear. </p>
  563. <p id="3THwnG">What these businesses suggest is that you can have the benefits of a digital platform and an algorithmic feed while still feeling self-satisfied, pretentious, and exclusive in the knowledge that your content has been carefully curated by humans. Or, you could hire a tastemaker of your own. As <a href="https://www.theverge.com/2018/1/19/16902008/debop-deb-oh-interview-curated-playlists-algorithms-art-collection">The Verge reported</a>, a musician named Deb Oh freelances as a Spotify curator through her service Debop, making custom playlists for $125. She culls from the “the symphony of algorithms,” as she beautifully puts it, and comes back with something more manageable, more human. </p>
  564. <p id="YCjJub">Oh’s services present original curation as a luxury good. It costs money to step off the consumption rails so conveniently laid out for us by tech companies and their advertisers. In the future, taste will be built on allegiances to platforms as much as individual creators or brands. Are you more of an Amazon, Apple, WeWork, Airbnb, or Facebook person? Unless you go off-platform, there are no other choices. Not just for your technology, but for your culture: fashion, furniture, music, art, film, media. </p>
  565. <h3 id="CxHY8P">The Style of No-Style </h3>
  566. <p id="e7jze5">Platformization is something the fashion industry is already familiar with, of course: Each major brand is its own platform, expanding in a profusion of seasonal lines and accessories meant to cater to your every need within a single taste-system. <a href="https://go.redirectingat.com?id=66960X1514733&amp;xs=1&amp;url=https%3A%2F%2Fwww.ssense.com%2Fen-us%2Feditorial%2Ffashion%2Fengineering-the-end-of-fashion" rel="nofollow noopener" target="_blank">LOT2046</a> is a smaller, independent algorithmic platform for fashion that I subscribed to last year and I haven’t looked back. Its thesis is simple: Your clothing desires can be reduced to a series of signifiers that the service automates and adapts to you. Shipments of all-black clothing and accessories arrive every month; the only customizations are a few stylistic choices — short socks or long, crew-neck or V-neck — and that the items come with your name emblazoned on them, like a black duffle bag I recently received that says KYLE CHAYKA in raised black thread.</p>
  567. <div class="c-float-left c-float-hang"><aside id="GUZiS3"><q>If our decisions about what we consume don’t seem to communicate much about ourselves anymore, why not just choose to not make them?</q></aside></div>
  568. <p id="k4MrJl">LOT is pro-algorithm. “Any technology should know what you need and want more than you know,” its founder Vadik Marmeladov, a Russian designer who prefers to stay behind the scenes, told me. “Platforms will be telling you what you want before you want it.” He feels that machines should not just suggest things, but make decisions for us, from planning a weekend trip to a morning coffee order. In other words, they should supplant our taste entirely.</p>
  569. <p id="PO69YE">Surrendering to LOT is a kind of freedom to stop thinking about fashion, freeing the mind for loftier things — like contemplating mortality, Marmeladov suggests. Its promise is that by drastically narrowing the variables, perhaps an algorithm can actually help you achieve individuality, not just through clothing but induced existentialism. I don’t wear LOT’s clothes all the time, but I find its ethos seeping into how I think about my consumption in the algorithm age more generally. If our decisions about what we consume don’t seem to communicate much about ourselves anymore, why not just choose to not make them?</p>
  570. <h3 id="F7ew3n">A Pledge for the Self-Aware </h3>
  571. <p id="e19L16">Say it with me: <em>I enjoy what I enjoy regardless of its potential for receiving likes, going viral, or being found acceptable by an algorithm</em>. </p>
  572. <p id="4bv6IV">Say it with me: <em>I also do not deny that I am implicated, inexorably, in the Generic Style of my time</em>. </p>
  573. <h3 id="EaWfML">Algo-Clash</h3>
  574. <p id="TuAbcN">The promise of algorithms is that they will show you yourself, refining an image of your tastes that should be identical to what you would have chosen on your own. The current reality is that these feeds silo you in homogenizing platforms, calculating the best-fitting average identity. That these average identities come in increasingly minute shades does not mean that they are unique.</p>
  575. <p id="bOtcG0">A better mode of resistance might be to use the algorithms’ homogenizing averageness against them, adapting their data for productive disruption. We can take advantage of the clash between multiple algorithmic ideals, or between an algorithm’s vision of the world and reality, creating a <a href="http://amodern.net/wp-content/uploads/2016/05/2010_Original_Rosa-Menkman-Glitch-Studies-Manifesto.pdf">glitch-based aesthetic</a>. What would be error could be art. </p>
  576. <p id="JVSqNu">As culture has changed to accommodate every other technological innovation, so our ideas about algorithms will change. “Eventually we may opt to shift our definition of art in order to make accommodation for the creativity of artificial intelligence,” says Marian Mazzone, an art history professor at the College of Charleston who worked on a project in which AI created original styles of painting (they mostly look like mash-ups of Impressionism, Fauvism, and Cubism). </p>
  577. <p id="FvpOod">Oscar Sharp is the director of <em>Sunspring</em>, a short sci-fi film with a script generated by a machine-learning algorithm trained on episodes of The X-Files, Star Trek, and Futurama. <a href="http://video.arstechnica.com/watch/sunspring-sci-fi-short-film">The result</a> is something spiky, mostly non-narrative — it doesn’t make much sense, but it is compelling and unique. The film doesn’t try to fool the viewer into thinking it’s 100 percent human-made. Rather, the actors strain to adapt to the aesthetics of the machine and discover something new in the process. </p>
  578. <p id="aoKmes">“It’s like you’re working on a big TV show with a very powerful showrunner who has written the episode, and the showrunner got drunk last night, passed out, and you couldn’t not make the episode,” Sharp says. “You have to do everything within your power to make the episode as it was written.” The challenge was generative: “Augmented creativity is much more interesting than a replacement of creativity,” he says. </p>
  579. <div class="c-wide-block"> <figure class="e-image">
  580. <span class="e-image__inner">
  581. <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg">
  582. <picture class="c-picture" data-cid="site/picture_element-1524453254_5449_37886" data-cdata='{"asset_id":10649545,"ratio":"*"}'>
  583. <source srcset="https://cdn.vox-cdn.com/thumbor/AKQARQUWp4KqW2QUvPsQyep38Kw=/0x0:2030x1351/320x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 320w, https://cdn.vox-cdn.com/thumbor/rGOtXhR4UeYe7KWv779ihwrj5fs=/0x0:2030x1351/520x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 520w, https://cdn.vox-cdn.com/thumbor/14SsjvDo7UpHZkBzwx1Pk1m11oo=/0x0:2030x1351/720x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 720w, https://cdn.vox-cdn.com/thumbor/XeS6chuaAZOPFyg532jFYeKvQd4=/0x0:2030x1351/920x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 920w, https://cdn.vox-cdn.com/thumbor/D6C7ADq1RPIg0TbkraYdN-7eElo=/0x0:2030x1351/1120x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1120w, https://cdn.vox-cdn.com/thumbor/BZ8-tw3NlfuDYJZGyBAyJpLU_Xk=/0x0:2030x1351/1320x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1320w, https://cdn.vox-cdn.com/thumbor/5qAd_LLwzcrkIioDA7aZnC3X1wE=/0x0:2030x1351/1520x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1520w, https://cdn.vox-cdn.com/thumbor/cS7fX9NW5Xdhf1kuz_wA1iP4lU4=/0x0:2030x1351/1720x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1720w, https://cdn.vox-cdn.com/thumbor/K02-HcFz9gRWN3sub1-BhoEr2KA=/0x0:2030x1351/1920x0/filters:focal(0x0:2030x1351):format(webp)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1920w" sizes="90vw" type="image/webp">
  584. <img srcset="https://cdn.vox-cdn.com/thumbor/6ucTq_KsofLbzEf6lKTeYqeV0IE=/0x0:2030x1351/320x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 320w, https://cdn.vox-cdn.com/thumbor/Wwef9cVXGIFaowGEv69V2JQTauI=/0x0:2030x1351/520x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 520w, https://cdn.vox-cdn.com/thumbor/m7amGW_cBbPHke23X2FcDCR756c=/0x0:2030x1351/720x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 720w, https://cdn.vox-cdn.com/thumbor/azn-5glxRFge3ueiyHTNdkzZAQ8=/0x0:2030x1351/920x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 920w, https://cdn.vox-cdn.com/thumbor/bhkVdf6FruhLXgZrZvH0hDbOquM=/0x0:2030x1351/1120x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1120w, https://cdn.vox-cdn.com/thumbor/wGuaSEl9MEdSXs2iMlBGGY176bE=/0x0:2030x1351/1320x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1320w, https://cdn.vox-cdn.com/thumbor/imErVzW8M8sQvMgtDh2TFLLnXV8=/0x0:2030x1351/1520x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1520w, https://cdn.vox-cdn.com/thumbor/zCG38NKGrhHNsirfYfVYvGmEpgg=/0x0:2030x1351/1720x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1720w, https://cdn.vox-cdn.com/thumbor/zhnEsnhlL_iCX9Bsy2rsJYRndQg=/0x0:2030x1351/1920x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg 1920w" sizes="90vw" src="https://cdn.vox-cdn.com/thumbor/pr525BSCBvbMsydqhPLEjTGbZNw=/0x0:2030x1351/1200x0/filters:focal(0x0:2030x1351)/cdn.vox-cdn.com/uploads/chorus_asset/file/10649545/horizontal_2.jpg">
  585. </source></picture>
  586. </span>
  587. </span>
  588. </figure>
  589. </div>
  590. <p id="TRJOiw">The automated clothing service Stitch Fix, kind of a preppy version of LOT, uses algorithmic help to <a href="https://qz.com/1028624/stitch-fix-let-an-algorithm-design-a-new-blouse-and-they-flew-off-the-digital-racks/">optimize their new original designs</a> to increase sales and address gaps in the market, what they call “Hybrid Design”: customers like ruffles and plaid, so why not plaid ruffles? But we could instead go in the opposite direction, making clothes no one wants — yet. Algo-clash clothing would be more like the artist Philip David Stearns’s <a href="https://www.glitchtextiles.com/">glitch textiles</a>, unique fabrics generated from software gone intentionally awry, the discordant pattern of pixels made into a Baroque style. </p>
  591. <p id="Fw4AAS">Fashion is always one step ahead, though. The <a href="https://www.teenvogue.com/story/asoss-triple-waistband-jean-weird-trend">triple-waistband jeans</a> recently released by ASOS already look like a glitched algorithm designed them.</p>
  592. <h3 id="dy4umx">The Innate Humanity of the Algorithm</h3>
  593. <p id="oQO00O">It is not just that artists can collaborate with algorithms; there is always a person at the end of the machine — like the man behind the curtain in Oz — regulating what it does. The majority of these are currently Silicon Valley engineers. And we human consumers are still on the other side of the algorithm, with our freedom to decide what we consume or to opt out. Our decisions shape what is popular in the present as well as what is preserved into the future. “Let’s not forget the audience has a major role to play in determining what will matter and what will not, what is liked and what is not,” Mazzone says. In the long term, this is slightly comforting. </p>
  594. <hr class="p-entry-hr" id="t4SF8s">
  595. <h3 id="nMZoOE">Taste Is Over! If You Want It</h3>
  596. <p id="qGcZ68">I leave the cyclopic Amazon Echo Look on a shelf in my living room, where it glares at me every time I walk past, not stopping for it to evaluate my outfit. It yearns to assign inexplicable percentages, and yet I am more comfortable judging for myself. It takes fine pictures, but like a mirror, it mostly shows me what I already know. And the device is trying to match me to some universalized average, not my individual style, whatever that might be. It doesn’t know me at all — it can’t tell what kind of clothes I’m comfortable in nor how the clothes I wear will function as symbols outside, in the place I live, in the contexts of class or gender. All-black doesn’t play the same in Kansas City as it does in New York, after all. This is the kind of social, aesthetic intelligence, the sense of taste, that our algorithms are missing, for now at least.</p>
  597. <p id="UXxKaH">Amazon says the Look is for achieving your best style, but its ulterior motives aren’t hard to spot. When I asked the machine about my plaid shirt, an ad popped up on the app’s feed showing me a few other, similarly colored plaid shirts — none particularly stylish or different enough from the one I own, bereft of brand name — that I could <a href="https://www.racked.com/2017/4/4/14982426/amazon-fashion-clothes">buy on Amazon</a>. In fact, Amazon is already using the data it collects to <a href="http://wwd.com/business-news/technology/8-brands-amazon-private-label-fashion-apparel-clothing-10850932/">manufacture its own clothing lines</a>, and the results are about what you’d expect from a robot: wan imitations of whatever is currently popular, from the “globally inspired” <a href="https://go.redirectingat.com?id=66960X1514733&amp;xs=1&amp;url=https%3A%2F%2Fwww.amazon.com%2FElla-Moon%2Fpages%2F16152709011" rel="nofollow noopener" target="_blank">Ella Moon</a> to the <a href="https://www.racked.com/2017/7/5/15880176/how-to-french-girl-style-beauty">cool-French-girl</a> knockoff <a href="https://go.redirectingat.com?id=66960X1514733&amp;xs=1&amp;url=https%3A%2F%2Fwww.amazon.com%2FPARIS-SUNDAY%2Fpages%2F16140439011" rel="nofollow noopener" target="_blank">Paris Sunday</a>. Training on millions of users’ worth of data and images from the Look showing what we actually wear could make the in-house brands slightly less uncanny. Then again, imagine a potential leak, not of credit card data but an extensive cache of your outfits.</p>
  598. <p id="gzRbnr">It’s up to us whether or not we care about the shades of distinction between human and machine choice, or indeed if we care about fashion at all. Maybe taste is the last thing separating us from the Singularity; maybe it’s the first thing we should get rid of. “I don’t think the consumer cares, as long as it works,” one <a href="https://www.fastcodesign.com/90128248/how-stitch-fix-is-using-algorithmic-design-to-become-the-netflix-of-fashion">Stitch Fix executive said</a> of its algorithmically designed clothes. </p>
  599. <p id="P3WiE5">But if we do want to avoid displacing or reassigning our desires and creativity to machines, we can decide to become a little more analog. I imagine a future in which our clothes, music, film, art, books come with stickers like organic farmstand produce: Algorithm Free. </p>
  600. <h3 id="6xidTR">Echo, Echo, Echo</h3>
  601. <p id="bRAjdQ">“Echo” is a good name for Amazon’s device because it creates an algorithmic feedback loop in which nothing original emerges.</p>
  602. <p id="r3bJEl">Alexa, how do I look? </p>
  603. <p class="c-end-para" id="FIu60C"><em>You look derivative, Kyle.</em></p>
  604. </article>
  605. </section>
  606. <nav id="jumpto">
  607. <p>
  608. <a href="/david/blog/">Accueil du blog</a> |
  609. <a href="https://www.racked.com/2018/4/17/17219166/fashion-style-algorithm-amazon-echo-look">Source originale</a> |
  610. <a href="/david/stream/2019/">Accueil du flux</a>
  611. </p>
  612. </nav>
  613. <footer>
  614. <div>
  615. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  616. <p>
  617. Bonjour/Hi!
  618. 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>
  619. 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>).
  620. </p>
  621. <p>
  622. 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>.
  623. </p>
  624. <p>
  625. Voici quelques articles choisis :
  626. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  627. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  628. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  629. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  630. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  631. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  632. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  633. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  634. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  635. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  636. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  637. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  638. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  639. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  640. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  641. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  642. </p>
  643. <p>
  644. 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>.
  645. </p>
  646. <p>
  647. Je ne traque pas ta navigation mais mon
  648. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  649. conserve des logs d’accès.
  650. </p>
  651. </div>
  652. </footer>
  653. <script type="text/javascript">
  654. ;(_ => {
  655. const jumper = document.getElementById('jumper')
  656. jumper.addEventListener('click', e => {
  657. e.preventDefault()
  658. const anchor = e.target.getAttribute('href')
  659. const targetEl = document.getElementById(anchor.substring(1))
  660. targetEl.scrollIntoView({behavior: 'smooth'})
  661. })
  662. })()
  663. </script>