A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 44KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
  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>Ethics in Contemporary Technology, Design and Business (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://ia.net/topics/ethics-and-ethics">
  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. Ethics in Contemporary Technology, Design and Business (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://ia.net/topics/ethics-and-ethics">Source originale du contenu</a></h3>
  445. <h2>Facebook fishing for our email passwords, Roomba is hovering up all the data on our homes, Amazon is listening to our conversations for laughs, Tik-Tok spying on our kids. And that we see so much dirt on the surface makes it likely that under the surface it’s even worse. The solution for all of this: “Ethics”. Design ethics! Tech ethics! Business ethics! Ethics for AI!</h2>
  446. <p>Quotes are a bad habit, in written text as much as in air quotes, but in this case, they are deserved. What Google, Amazon, Facebook &amp; Co discuss these days is not ethics. It’s “ethics”.</p>
  447. <p>The discussion around “ethics” in technology is mostly smoke. The rest is mirrors. There is this expectation of a specialist coming in, the ethicist, the tech ethicist, the AI ethicist, or the design ethicist, that will tell these companies how to be better. The ethicist will solve their ethical dilemmas, logically, with a set of algorithmic rules, and then the corporations will be able to decide which rules their code or “AI” should follow—or not.</p>
  448. <p>The idea that ethical specialist can save tech is preposterous. It unveils a complete ignorance of what ethics is, what it can or should do. So let’s look at “ethics” and then look at ethics.</p>
  449. <h2>Specialisation and diffusion of responsibility</h2>
  450. <p>Diffusion of responsibility makes it hard to address and fix problems in big organizations.</p>
  451. <ul>
  452. <li>Design ethics will not change much. Designers don’t see the full picture. How should they even understand design ethics when there’s a user research department, an analytics group and, UX team each with a different focus? </li>
  453. <li>Tech ethics won’t change much. Devs have their own sub-teams. How many think beyond their screens, to begin with?</li>
  454. <li>Business ethics won’t change the game because business analysts have their own abstract worries. Bookkeepers look at numbers, HR talks to people, and PR need to make sure that the public is happy. And the top business executives? They’re always too busy.</li>
  455. </ul>
  456. <p>Each and every department does its own thing. No one is evil. No one is responsible. And the CEO cares more about the stock value than morality.</p>
  457. <p>Discussing “ethics” in an organization when you have no consistent moral understanding throughout the organization is a theoretical exercise. Ethics without morals becomes yawning-dry theory. It’s not even hypocrisy. It’s a boring waste of time. It’s a seminar in 12-tone music theory in preparation for the next David Hasselhoff concert.</p>
  458. <p>“Ethics” panels may be useful as a PR stunt, but who cares about “ethics” panels! Do you?</p>
  459. <p>There is no point discussing “ethics”, if, in the end, all you believe in is cash and power, if everything you are motivated to do is geared towards increasing your user base and your ROI. There is no point other than bullshitting the public. It’s theatre.</p>
  460. <h2>The Zuck is super nice</h2>
  461. <p>It’s somewhat annoying, that not many people inside these organizations are really evil. Most are super nice and easy going and… just a little bit irresponsible. At Facebook, everybody will tell you: The Zuck is super nice.</p>
  462. <p>And no one is stupid either. In contrary. It’s an IQ-humming Stanford, MIT, and Cornell territory full of well-read, tattooed, super tolerant cool people, concerned with topics like global warming, diversity and sexual or racial discrimination. The tiny micro-irresponsibilities of these nice smart cool people summed up through the organizations into a gigantic Godzilla that tramples all over the planet. But individually they’re totally fine. And when their Godzilla screams, they feel micro-sorry.</p>
  463. <p>Okay, there are also <em>some</em> Harvard Business people that may be a bit more ruthless, and push deadlines, and business and performance goals and that everything is measured might have a somewhat bad effect. Some. But in general, they are all nice people. And they <em>are</em>. And yet they still <em>do</em> screw everything up. And, sorry for the rambling on, but now, that the end goal of our ethics panels is to delegate responsibility to the so-called “AI”, we are heading to an all new level of irresponsible behavior. Computers don’t understand, they don’t feel. They calculate. How should they make a true moral judgment?</p>
  464. <h2>What is ethics, and what can it do?</h2>
  465. <p>In everyday language, the word “ethics” is used as a synonym for morals. And in everyday discussions that is just fine. <em>Morals</em> sounds old fashioned, conservative, unscientific. We say “ethics” even though, strictly speaking, we mean <em>morals</em>. When it comes to discussing the “ethics” or the morality of our industry, we need to understand our basic moral beliefs. Are there values higher than growth and profit, for instance? This sounds funny, but ask your ultra-capitalist friends what they think about that. They usually change into your 80ties white male TV Commentator’s voice and move into something like: “Well, the market…”</p>
  466. <p>It is not an accident that in our time and specifically in the tech industry prefers the word “ethics” over morals so much. Are we too shy to speak about morals because we are afraid that someone might point out that we don’t have any? Meh, there are better reasons:</p>
  467. <ol>
  468. <li>“Ethics” is nice. Morals are uncomfortable. </li>
  469. <li>“Ethics” is less binding. They feel more abstract, neutral, less scary, less obligatory. Morals command.</li>
  470. <li>“Ethics” is abstract. Morals are concrete.</li>
  471. </ol>
  472. <p>Ethics without quotes are the opposite. They’re serious, morally concerned, and they resist technical instrumentalization. Philosophical ethics discusses the <em>morality of human action</em>, it doesn’t provide rules to program self-driving cars. They require to feel and think and understand. As a philosophical discipline, ethics is trying to know what it doesn’t know, it’s aiming at wisdom, not code.</p>
  473. <p>Outside of the academic-philosophical circle, few can name the traditional ethical schools, and how one would apply different ethical principles to different moral situations. And that’s fine. Most individuals have and follow some solid morals without reflecting on them. Few understand aldose reductase and its inhibition on sugar cataract formation and yet we all still know that we shouldn’t eat 10 cups of sugar for breakfast even though our body might like to.</p>
  474. <p>We all agree that we shouldn’t lie, kill, steal. We all agree that being nice to others is right, that we should work together rather than against each other. That modesty, truth, trust, love, and friendship are important values that make our lives worth living. We don’t need to justify why.</p>
  475. <h2>How do corporations and individuals differ?</h2>
  476. <p>Most people share more or less the same basic moral beliefs. When we organize in bigger economic groups, common sense morals lose their evidence. In a corporation, there is, in the words of Harry Potter’s nemesis Voldemort, “no good and evil, but just power, and those who are too weak to understand that.”</p>
  477. <p>This nihilism is naively traded as a pearl of higher wisdom in some circles. It comes in different forms, like: “It’s all about sex” or “It’s all about money”, “Only the strongest survive” or “You’re just jealous” and it’s usually delivered with an air of intellectual superiority and a condescending neuropsychological pseudoscientific jargon or an animated gif.</p>
  478. <p>While, in everyday life, morals and moral values like trust, love, and friendship are real and non-negotiable, to a proud radical capitalist all of that is unmeasurable, sentimental, mumbo jumbo, cooked up by a couple of socialist dreamers that don’t understand how the world really works. If you have no morals there is simply nothing to discuss in ethics. You’ll likely achieve more discussing Japanese grammar with a dog, red and blue with a blind person than discussing tech ethics on an AI Ethics panel.</p>
  479. <p>Big tech organizations do not care what we think, feel, want unless it allows them to collect data and sell something to us… And every time they get caught, their responses follow the same patterns: They deny, minimize, claim misrepresentation. Then they claim legality, ignorance. Only when it sticks or they get financially hurt, they defer, by promising that they’ll improve.</p>
  480. <h2>Does it help if designers protest?</h2>
  481. <p>When you talk to designers working in big tech, they acknowledge that they don’t support “all that”. Whether we like it or not, know it or not, feel it or not, we designers share responsibility for the mess we are in. After all, we did help to shape and make it in one or the other way. The tech industry is not going to get better if only designers start studying Aristotle. Employees end up doing more or less what they are told to do. Design has a powerful impact, but a single employee or even department doesn’t have that power if they are the only ones that resist bad practice. That’s the reality.</p>
  482. <p>I’m not saying designers should just do what they are told to do or forget ethics. We have seen how when employees across the spectrum stand up against bad practice, they do have an impact on corporate policy. Especially in tech. One day of half of Google employees going on strike is more expensive than the sum of the salaried work lost. It is scary for big tech leadership to have a body of employees that consider them immoral. As individuals, we do care about good and evil. The market for tech people is fierce. A Google, Apple, Facebook employee has options lots of options beyond the big five.</p>
  483. <p>The political way to change the industry requires working on better laws, reasonable laws. We need an informed discussion in parliament, not a clump of aunts and uncles trying to figure out on the fly how the Internet works, or how to make websites, in a time when nobody is talking about “the Internet” or how to make “websites” anymore. We need well-meaning technologists working closely with informed lawmakers, trying to find how to deal with a situation that evolves very quickly. The law needs to protect those who tried to improve the industry from within. Whistleblowers, protestors, those who have the civic courage to disobey.</p>
  484. <p>To change the industry from within requires a culture of awareness and resistance inside the companies; we’ve seen clear impact of employee resistance in the last couple of months at Google and Microsoft where employees said no to working on weapon systems, or on search engine for China, or an ethics board with an ethically dubious board. When expensive tech workers take a stand in unity, when systemically relevant employees protest and threaten to shut the machines down, then things move quickly.</p>
  485. <p>Tech workers in big tech organizations don’t need to protest for more salary. Their salaries are alright. The work conditions… Well, this article is already long enough… But we need to make sure that protest is possible and legal.</p>
  486. <h2>How morals work</h2>
  487. <p>Let’s be clear: When Google employees stand up, they don’t just do that because they are more sensitive smarter or nicer than others. They also fight for their own standing in society.</p>
  488. <p>If you work at Facebook these days, people don’t like you very much at the bar, the wedding or on the train. That you earn a lot doesn’t really help you when everyone dislikes you.</p>
  489. <ul>
  490. <li>“You’re an asshole.”</li>
  491. <li>“No, I’m right, I earn more than you.”</li>
  492. </ul>
  493. <p>Ultimately, morals work by exclusion. If you act in your own interest, people don’t want to associate with you anymore. “You work at Facebook? Eww…” They might not tell it to your face, but you will feel it.</p>
  494. <h2>What about consumer protest?</h2>
  495. <p>Consumer protest doesn’t move the needle that much when you have a monopoly and a systemic need for people to use your product. If people are forced to use you or face serious inconvenience, you may be hated, but economically you are, at least for a while, in a position of power. If you are custom, you’re hard to get rid of.</p>
  496. <p>We all follow custom and convenience. Unless humans are dealing with obvious or extreme cases of immorality, we all stick to convenience. We use big tech because it works well because everyone uses it and we continue to use Facebook, Google, Dropbox, and Uber because they are super duper convenient.</p>
  497. <h2>What about the market?</h2>
  498. <p>Web design and app design, in terms of handicraft and in terms of aesthetics has matured a lot. There is not <em>that</em> much to improve aesthetically. Performance is measured and fine-tuned day in, day out. Websites are, fast and easy to use, compared to 20 years ago.</p>
  499. <p>What we’re lacking today is not measurable. There’s something wrong, but it’s hard to fix with science, cash or engineering. Unfortunately, you can’t easily multiply growth with better morals. Thinking about others usually works against accumulating profit for yourself.</p>
  500. <p>The nihilists who convinced themselves that they are beyond good and evil, that there are only people too weak to understand that it’s all about power are in control. They have economically succeeded and they have morally failed.</p>
  501. <p>They feel intellectually superior to those who believe that motivation, consequences and other humans generally matter. Predictably the same nihilists dismiss any resistance to their total market domination as an ultra-Marxist matter.</p>
  502. <p>Whatever the topic, they like to bring up that “the market decides”, that “life is tough”, and that we should “deal with it”. Yeah, life may be tough, but the market shouldn’t decide everything.</p>
  503. <h2>What should the market not decide?</h2>
  504. <p>The market regulates offer and demand. It deals with human needs. When you look at the information market, the market doesn’t regulate truth at all. On the contrary, companies and governments are actively spreading noise to avoid the mirror and the consequences of who they are and what they do. Truth does not regulate itself with money. Truth and money don’t share a very fruitful relationship. There is an ethical dimension to the truth that number crunchers tend to oversee. True or not true doesn’t equal to measurable or not measurable. The world is not a watch. Whether you speak the truth or not doesn’t require that you have an omniscient divine perspective on the world, it can simply mean whether you say what you mean or whether you try to fool us.</p>
  505. <h2>What is going to happen to design ethics, next?</h2>
  506. <p>That the lack of morality is showing its ugly face and starts forcing the industry to rethink what it is doing. And sure as hell, “Ethics” will be commercialized and become just another hype. When Gartner claims that “ethics” is “the number 9 trend in 2019” you know who is putting together an ethics program.</p>
  507. <p>Business consultants and bookkeepers, the Deloittes, Accentures, and the McKinseys are ready to drop in and “hit the ground running”. Like they dropped in and hit the ground running selling design a couple of years ago. A couple of years back, banks, consultants and bookkeeping companies, bought a couple of agencies, and now they broadly claim they’re devs and designers. Bookkeepers are specialists in UX, IOT, VR, and blockchain. It’s bizarre. They have hired excellent designers. But you can’t buy design culture. Their culture still pushes expensive pseudo-objective pyramids and piecharts in dressed up PowerPoint presentations that claim to know the future.</p>
  508. <p>McKinsey, Accenture, and Deloitte will start selling ethics in the same old PowerPoint presentations with the same old pyramids and pie charts, and the same old bullshit. They probably already do. It’s annoying. The obscene money and time goodwill and trust they waste annoys everyone.</p>
  509. <h2>Who should talk about ethics?</h2>
  510. <p>It would be great to see more philosophers discussing the basis of moral decisions outside of their academic circles, in an understandable language. Acting as door openers rather than as specialists. Ethics and morals are great topics. It’s more likely that this real need for morality will be turned into another bullshit trend that causes bullshit projects, that causes more pain and gives and provides Facebook and Google another fig leaf to continue doing what they’re doing.</p>
  511. <h2>What about ethics panels?</h2>
  512. <p>We hardly ever hear what they discuss inside these panels. They might talk about important matters in a most profound way. Who knows. Structurally, they’re a fig leaf.</p>
  513. <p>Everybody throughout the company should ask themselves questions like:</p>
  514. <ul>
  515. <li>Is what we’re doing making people free? Or is it imprisoning them? </li>
  516. <li>Is it connecting humans or is it providing us data to sell crap? </li>
  517. <li>Is what we are doing our moral duty or are we following orders?</li>
  518. </ul>
  519. <p>It’s not panels or designers or developers who should ask these questions. Technology is an amplifier. All tech professionals should be constantly asking themselves if what they’re doing is right or wrong.</p>
  520. <h2>How can we encourage that?</h2>
  521. <p>With the pessimism that one develops seeing how the digital world evolves, and how the environment evolved over the last 30 or 40 years, there is still hope.</p>
  522. <p>We humans only realize a very small part of what is going on inside us. What becomes conscious is only part of the emotion that is processed inside us. In the same way that we are not always actively, consciously trying to stay healthy—we are not aware of how our body is constantly repairing itself, fighting off viruses and bacteria and cancers that try to evolve inside the body—the mind also constantly defends itself against being lied to and being manipulated in a way that we do not consciously control.</p>
  523. <p>If you watch Jurassic Park now it looks ridiculous. But remember the first time you saw and you thought: “Wow, not bad! Soon they won’t need real actors anymore.”</p>
  524. <p>Now, look at the reaction the audience had when they saw Princess Leia in the third series of Star Wars. The CG young princess Leia that you see at the end and how negatively they reacted to it because they somehow felt it’s CG, even though it’s hard to recognize these days.</p>
  525. <p>As simulation technology progressed has made us sensitive to manipulation. We look at signs of fakeness, we look at the context, but mostly, we developed a deeper instinct for artificial representations, and, in general, we are much more suspicious. We are coping and it takes some time until we catch up, but younger people who grew up with so much manipulation might be in many ways better fit to deal with this.</p>
  526. <p>Rather than being pessimistic about our “poor youth” because they have been exposed to digital media from the beginning, we can be more optimistic since they have a more prepared mindset to deal with digital manipulation. Statistically, it seems that old people are more prone to fall for online propaganda than young people. That’s not surprising.</p>
  527. <h2>What can designers do in their everyday practice?</h2>
  528. <p>You cannot assure that what you create will not be abused. But if in your design you try to slow things down and make people more mindful about what they do, you probably have a better impact than when you try to speed things up. Bad things rarely happen because people enjoy being evil… Few grown-ups we meet enjoy hurting others. Bad things happen when people are sloppy. When they don’t care. When they just think about themselves. When they have deadlines. When they have their responsibilities. When others are in between them and whom they hurt.</p>
  529. <p>So if in your design you are careful and mindful, the product has a better chance of having a careful and mindful effect. When we design, we shape people’s visual perceptions and people’s thoughts about what they are observing. And we shape how they interact with it. That’s the essence of design. We shape people’s actions. There is an eminent ethical dimension to design, which is maybe why this ethics and design, these two notions, have started finding each other. There is a hidden connection between these two. If you are mindful in your design process if you take the time and if you take care, then it may have that effect when it is used.</p>
  530. <h2>What’s this connection between design and ethics?</h2>
  531. <p>The connection happens where, when we design something we shape action, ultimately. In interaction design, it’s obvious, we shape action. Shaping action, planning the future, deciding what should be done, thinking about how is something conceived and perceived, how something is processed, how do we make people act in a better way. This is an eminent ethical point of view.</p>
  532. <p>The issue is that designers don’t have the time and the resources, they don’t have the training to deal with that dimension of thinking, as philosophers do. The problem on the philosophy side is that they do not have the training and the handicraft to shape their thoughts in a way that other people understand them. Ironically, this is something that designers are good at. If there were a way to connect philosophy and design better, both would profit.</p>
  533. <p>Finally, people would understand what philosophers are saying. Philosophers would have to expose their thoughts, not to a peer group of other weirdos. They have to shape their thoughts in a way that they can be shared, applied, and verified. All these aspects of design are good. We have this culture in design of trying to feel other people and to get them to interact with what we do. There should be more communication between the two.</p>
  534. <h2>Philosophers and designers working together?</h2>
  535. <p>Philosophers and designers need to learn to work together, to learn from each other. I might happen to say this because I studied philosophy and I practiced design. It seems to me that between ethics and aesthetics there is an often overseen connection. Often design and philosophy walk into each other’s direction and then fail to connect.</p>
  536. <p>Design is not a fully rational discipline, it’s both art and science. It’s human science, both rational and irrational. If you try to describe how line height, and weight, and spacing start changing depending on how high the column is, it all sounds a bit like metaphysics to the outsider, and indeed, it’s not absolutely logical. One can bring that into a formula, but that formula is approximate, not precise. Designers are shaping the relationship between human and human, human and thing, thing and human. We are confused by the intricate relationship between science and phenomenon, message and interpretation, thought and form. Philosophers can help to bring some light into that darkness.</p>
  537. <p>Philosophers are good at uncovering what we do not understand and putting what is supposedly evident into question. But when philosophers talk to others like they talk to each other they lose everybody else. On the way to losing others, they lose each other, before that. Specialization is not a sickness limited to the tech industry. Philosophy is split up into groups and subgroups that don’t understand each other. People who study philosophy and retreat in their specialized vocabulary end up losing the work they put into shaping these thoughts. What use is all the beautiful thinking if no one can follow? Academic philosophy has other issues that explain why hardly anyone follows it anymore. But designers can help them communicate.</p>
  538. <p>If philosophers learn to design and designers learn to think, they’d both improve. There’s a delicate, but powerful connection.</p>
  539. <h2>What does it take for designers to get closer to the way of thinking of philosophers?</h2>
  540. <p>Aesthetics connects both sides. Unfortunately, few philosophers know much about design because they don’t design much. Analogously, few designers are trained to think deeply. Shaping things helps a philosopher’s understanding of the artificial and intersubjective world. Studying basic ethics opens a good door for designers. People ask me “How, where do I start with Philosophy?”, and then I say silly things like “Yeah, ‘On Certainty’ by Wittgenstein is clear and easy enough”, and then I open it up and see that “no, it’s not”. Start with Wikipedia, that’s fine, you don’t need to get started with Kant’s Critique of the Practical Reason.</p>
  541. <p>You don’t tell someone that wants to know where to start learning about Relativity Theory, to start with Einstein’s thesis and then work themselves into the math. Start with Wikipedia, and if you find it interesting, dig deeper. There is great secondary literature out there.</p>
  542. <h2>When and where do you start with Philosophy?</h2>
  543. <p>It’s like bouldering, it’s hard without training. Sometimes you just can’t make it over a certain point in the wall without years of practice. Philosophy, like so many beautiful things, only opens itself up if you dedicate yourself to it, for years and years. To get feel for philosophy, you need to climb its steep walls.</p>
  544. <p>And at some point, you realize that it’s not information you get out of it. Not at all! Just like bouldering is not about just getting up there. You could take a ladder for that. If you just want to know what philosophers say, Wikipedia is enough. But it’s not about that. When you read Wittgenstein or Hegel or Kant, you do it to learn how they think, how they see things, and their unique perspectives become part of your mindset.</p>
  545. <p>If designers come to study philosophical ethics that peculiar philosophical mindset will enrich their own as a valid, deeper alternative perspective and part of what they do. The better you understand how many different, perfectly valid ways there are to think about one and the same matter, the more likely you ask yourself: “is what I’m doing making other people free or is it putting them in cages?”. That’s what philosophy taught me. Learning to think like someone else.</p>
  546. <h2>So when will Philosophers and designers save the world?</h2>
  547. <p>Ideally, business executives would have a look at moral philosophy, first. Usually, the problem designers are fighting with have to do with timelines, budgets, and business goals. That’s not an excuse, and it shouldn’t serve as such.</p>
  548. <p>A lot of designers who are on the aesthetics side might have their narcissistic issues… and they can be condescending when it comes to matters of taste. But in general, they’re rarely the most ruthless bastards you’d meet. We need to serve a lot of different people, so we need to learn tolerance. Also, we like nice things. I’d hope that designers are less likely to consciously assassinate millions of people for a truck full of money… Not because designers are part of a better species, but because designers aren’t in their jobs for the money, anyway.</p>
  549. <h2>Why do designers design?</h2>
  550. <p>Design can substantially increase profits. But there’s not much money to be made in design. Design is not the saint of business departments, but a lot of designers got into design because they truly like beautiful things.</p>
  551. <p>Beauty can be one valid path to follow if you don’t want to cause evil. Evil is ugly. Misery is ugly. There is a connection between good and beautiful. Theoretically, this brings to Plato’s ethics. It claims that beauty, justice, and goodness are connected. A strong point of view. Plato is considered to be an enemy of the senses. But if you study Platonic ethics – beauty, goodness, and justice – they’re one and the same idea, the highest idea. Designers have an affinity to see beauty, to see beauty in goodness, beauty in justice. We’re no saints, but we pride ourselves to have taste and maybe we avoid ugliness a bit more than others.</p>
  552. </article>
  553. </section>
  554. <nav id="jumpto">
  555. <p>
  556. <a href="/david/blog/">Accueil du blog</a> |
  557. <a href="https://ia.net/topics/ethics-and-ethics">Source originale</a> |
  558. <a href="/david/stream/2019/">Accueil du flux</a>
  559. </p>
  560. </nav>
  561. <footer>
  562. <div>
  563. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  564. <p>
  565. Bonjour/Hi!
  566. 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>
  567. 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>).
  568. </p>
  569. <p>
  570. 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>.
  571. </p>
  572. <p>
  573. Voici quelques articles choisis :
  574. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  575. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  576. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  577. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  578. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  579. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  580. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  581. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  582. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  583. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  584. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  585. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  586. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  587. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  588. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  589. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  590. </p>
  591. <p>
  592. 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>.
  593. </p>
  594. <p>
  595. Je ne traque pas ta navigation mais mon
  596. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  597. conserve des logs d’accès.
  598. </p>
  599. </div>
  600. </footer>
  601. <script type="text/javascript">
  602. ;(_ => {
  603. const jumper = document.getElementById('jumper')
  604. jumper.addEventListener('click', e => {
  605. e.preventDefault()
  606. const anchor = e.target.getAttribute('href')
  607. const targetEl = document.getElementById(anchor.substring(1))
  608. targetEl.scrollIntoView({behavior: 'smooth'})
  609. })
  610. })()
  611. </script>