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 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858
  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>Open Decision Framework (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://github.com/red-hat-people-team/open-decision-framework/blob/master/ODF-community.md#open-decision-framework">
  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. Open Decision Framework (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://github.com/red-hat-people-team/open-decision-framework/blob/master/ODF-community.md#open-decision-framework">Source originale du contenu</a></h3>
  445. <p>Community Version 1.0.4</p>
  446. <p>Updated Apr 10, 2017</p>
  447. <p>© 2014-2017 Red Hat and contributors | The Open Decision Framework was created by the Red Hat People team and is available under Creative Commons Attribution-ShareAlike 4.0 International License (<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>). Red Hat and the Shadowman logo are trademarks of Red Hat, Inc. registered in other countries. Modified versions must remove all Red Hat branding.</p>
  448. <h1>Notes</h1>
  449. <ul>
  450. <li>This markdown version of the slides is intended to facilitate easier collaboration and tracking of changes.</li>
  451. <li>Page numbering corresponds to the LibreOffice (.odp) and PDF files in the repo.</li>
  452. </ul>
  453. <h1>Contents</h1>
  454. <ul>
  455. <li><a href="#overview">Overview</a></li>
  456. <li><a href="#what-is-an-open-decision">What is an open decision?</a></li>
  457. <li><a href="#open-decisions-are-made-using-open-source-principles">Open decisions are made using open principles</a></li>
  458. <li><a href="#how-open-source-principles-lead-to-better-decisions">How open source principles lead to better decisions</a></li>
  459. <li><a href="#you-cant-please-everyone">You can't please everyone</a></li>
  460. <li><a href="#open-decision-framework-1">Open Decision Framework</a></li>
  461. <li><a href="#phase-or-activity-concept-define-ideate">Phase or activity: Concept, Define, Ideate</a></li>
  462. <li><a href="#phase-or-activity-plan-research">Phase or activity: Plan, Research</a></li>
  463. <li><a href="#phase-or-activity-design-develop-test">Phase or activity: Design, Develop, Test</a></li>
  464. <li><a href="#phase-or-activity-launch-deploy-close">Phase or activity: Launch, Deploy, Close</a></li>
  465. <li><a href="#resources">Resources</a></li>
  466. <li><a href="#appendix">Appendix</a></li>
  467. <li><a href="#history-where-the-open-decision-framework-came-from">History: Where the framework came from</a></li>
  468. <li><a href="#why-the-framework-exists">Why the framework exists</a></li>
  469. </ul>
  470. <h1>Overview</h1>
  471. <p><strong>What it is</strong>
  472. - A flexible, open approach to making business decisions and leading projects</p>
  473. <p><strong>When to use it</strong></p>
  474. <p>For decisions and projects that are likely to:
  475. - impact our culture or
  476. - affect associates beyond your immediate team</p>
  477. <p><strong>How to use it</strong>
  478. - Build steps from the Open Decision Framework into your project plan or decision-making process</p>
  479. <h2>What is an open decision?</h2>
  480. <table>
  481. <tr>
  482. <td>Transparent</td>
  483. <td>Inclusive</td>
  484. <td>Customer-Centric</td>
  485. </tr>
  486. <tr>
  487. <td>Explain who is making the decision, what problems you're trying to solve, the requirements and constraints involved, and the process you will follow.</td>
  488. <td>Engage others for feedback and collaborate throughout the decision-making process. Seek out diverse perspectives, including potential detractors.</td>
  489. <td>Think of people as customers with competing needs and priorities. When a decision will help some customers, but disappoint others, manage relationships and expectations while getting stuff done.</td>
  490. </tr>
  491. </table>
  492. <h2>Open decisions are made using open source principles</h2>
  493. <p><strong>Open exchange</strong></p>
  494. <p>Whether you're developing software or trying to solve a business problem, open exchange begins when you share your "source code" with others. A free exchange of ideas is critical to creating an environment where people are allowed to learn and use existing information toward creating new ideas.</p>
  495. <p><strong>Participation</strong></p>
  496. <p>When we are free to collaborate, we create. We can solve problems that no one person may be able to solve on their own. And when we can implement open standards, we enable others to participate in the future.</p>
  497. <p><strong>Release early + often</strong></p>
  498. <p>Rapid prototypes can lead to rapid failures, and that leads to better solutions faster. When you're free to experiment, you can look at problems in new ways and look for answers in new places. You can learn by doing.</p>
  499. <p><strong>Meritocracy</strong></p>
  500. <p>In a meritocracy, good ideas can come from anywhere, and the best ideas win. Everyone has access to the same information. Successful work determines which projects rise and gather support and effort from the community.</p>
  501. <p><strong>Community</strong></p>
  502. <p>Communities are formed around a common purpose. They bring together diverse ideas and share work. Together, a global community can create beyond the capabilities of any one individual. It multiplies effort and shares the work. Together, we can do more.</p>
  503. <p>Adapted from: https://opensource.com/open-source-way</p>
  504. <h2>How open source principles lead to better decisions</h2>
  505. <table>
  506. <tr>
  507. <td>Principles</td>
  508. <td>→</td>
  509. <td>Practices</td>
  510. <td>→</td>
  511. <td>Outcomes</td>
  512. </tr>
  513. <tr>
  514. <td>
  515. • Open exchange<br/> • Participation<br/> • Release early + often<br/> • Meritocracy<br/> • Community
  516. </td>
  517. <td>→<br/>→<br/>→</td>
  518. <td>
  519. • Transparency with internal customers and other stakeholders<br/> • Customer involvement<br/> • Gain feedback and adapt iterative changes<br/> • Ideation with customers<br/> • Build trust and respect via collaboration
  520. </td>
  521. <td>→<br/>→<br/>→</td>
  522. <td>
  523. • Customer buy-in<br/> • Stronger and faster adoption<br/> • Best ideas win<br/> • Fewer bugs, issues, and unanticipated impacts<br/> • Higher associate engagement<br/> • Decisions aligned to strategy and culture
  524. </td>
  525. </tr>
  526. </table>
  527. <h2>You can't please everyone.</h2>
  528. <p><strong>But when you make open decisions, people feel...</strong></p>
  529. <ul>
  530. <li>I understand why the decision was made and how it aligns to Red Hat's strategy, goals, and mission.</li>
  531. <li>There was visibility to the business requirements, research, and evaluation criteria.</li>
  532. <li>The decision-making process was inclusive and transparent.</li>
  533. <li>Although I wasn't the decision maker, I was able to contribute to the process.</li>
  534. <li>I may not agree with the decision, but it's obvious that the decision makers understand Red Hat's values and culture.</li>
  535. <li>I might be disappointed, but I wasn't surprised.</li>
  536. <li>My voice was heard and valued.</li>
  537. </ul>
  538. <h1>Open Decision Framework</h1>
  539. <h2>Phase or activity: Concept, Define, Ideate</h2>
  540. <table>
  541. <tr>
  542. <td width=34%><strong>Steps you can take to be open</strong></td>
  543. <td width=36%><strong>Questions to ask</strong></td>
  544. <td width=30%><strong>Common flamewar triggers</strong></td>
  545. </tr>
  546. <tr valign="top">
  547. <td rowspan=3>
  548. <strong>Lead with transparency</strong><br/>
  549. • Publish a problem statement and possible approaches<br/><br/>
  550. • Identify any aspects of the project or decision that cannot be open<br/><br/>
  551. • Publish your ideation process<br/><br/>
  552. <strong>Build diversity of thought + an inclusive environment</strong><br/>
  553. • Engage internal customers and stakeholders early on, especially those who may disagree<br/><br/>
  554. • Seek out diverse and underrepresented perspectives (geographies, ethnicity, departments, job levels, gender, age, etc.)<br/><br/>
  555. • Champion collaboration and provide channels for feedback<br/><br/>
  556. • Address risks, limitations, and potential cultural impacts, especially with historically controversial issues<br/><br/>
  557. </td>
  558. <td>
  559. • What is the potential impact on the organization? On the culture?<br/><br/>
  560. • Who do we need to include in planning?<br/><br/>
  561. • Whose problem are we trying to solve?<br/><Br/>
  562. • Who will we need or want help from?<br/><br/>
  563. • Who else could be impacted?<br/><br/>
  564. • Who has solved a similar problem?<br/><br/>
  565. • Who is likely to disagree, dissent, reject, or opt out? Who else may care?
  566. </td>
  567. <td rowspan=3>
  568. There are a handful of issues that often generate controversy and upset within Red Hat, including:<br/><br/>
  569. • Decisions, policies, or changes that impact associates, such as rewards and wellness programs<br/><br/>
  570. • Changes to associates' work environment<Br/><br/>
  571. • Implementation of proprietary technology<br/><br/>
  572. • Use of proprietary formats<Br/><br/>
  573. • Data privacy and sharing<br/><br/>
  574. If your project or decision involves any of these themes, take extra steps to make your process open, inclusive, and transparent.
  575. </td>
  576. </tr>
  577. <tr>
  578. <td><strong>Key considerations</strong></td>
  579. </tr>
  580. <tr>
  581. <td>
  582. • Confidentiality, privacy, and regulatory requirements<br/><br/>
  583. • Potential to generate controversy<br/><br/>
  584. • Impact on Red Hat's culture and future decisions<br/><br/>
  585. • Roles + responsibilities (OPT model: https://github.com/red-hat-people-team/opt-model/) <br/><br/>
  586. • Where to publish
  587. </td>
  588. </tr>
  589. </table>
  590. <h2>Phase or activity: Plan, Research</h2>
  591. <table>
  592. <tr>
  593. <td colspan=2 width="66%"><strong>Steps you can take to be open</strong></td>
  594. <td><strong>Questions to ask</strong></td>
  595. </tr>
  596. <tr valign="top">
  597. <td rowspan=3 width=33%><strong>Engage customers + collaborators</strong><br/>
  598. • Gather input from internal customers and those who you will need help from (surveys, interviews, focus groups, etc.)<br/><br/>
  599. • Make it easy to participate + manage. Ask customers which collaboration tools they prefer to use. Have a plan for consolidating and publishing feedback.<br/><br/>
  600. • Remain open to new information and perspectives<Br/><br/>
  601. • Consider peer-to-peer feedback and communication options in addition to formal channels<br/><br/>
  602. <strong>Set expectations upfront</strong><Br/>
  603. • Be specific about what type(s) of feedback you're looking for + who is making the decision(s)<Br/><Br/>
  604. • Publish decision process and project plan, with roles, dates, constraints
  605. </td>
  606. <td rowspan=3 width=33%><strong>Explain the obvious</strong><Br/>
  607. • Publish the scope of the project or decision, and reiterate often<br/><br/>
  608. • Publish decision factors and their relative importance<Br/><Br/>
  609. • Publish your research, including difficult trade-offs, business requirements<br/><br/>
  610. • To the extent possible, publish any relevant legal, reporting, or confidentiality concerns<br/><br/>
  611. <strong>Plan the transition</strong><br/><br/>
  612. • Develop and gather feedback on communication, change management, and adoption plans<br/><Br/>
  613. • Think through how you could respond to upset individuals (on memo-list and other channels)
  614. </td>
  615. <td>
  616. • How will we make decisions?<Br/><Br/>
  617. • What internal customers, stakeholders, and collaborators will we involve?<br/><br/>
  618. • How will we engage and communicate with them?<br/><br/>
  619. • What are the open source options?<br/><br/>
  620. • How might choosing a proprietary technology or format limit our choices in the future?<br/><br/>
  621. • How does this align with the company strategy and mission?<br/><br/>
  622. • Where might this conflict with Red Hat's values and culture?
  623. </td>
  624. </tr>
  625. <tr>
  626. <td><strong>Key considerations</strong></td>
  627. </tr>
  628. <tr>
  629. <td>
  630. • Impact – who, how often, and unexpected<br/>
  631. • Where and how to collaborate<Br/>
  632. • Roles + responsibilities (OPT model: https://github.com/red-hat-people-team/opt-model/)
  633. </td>
  634. </tr>
  635. </table>
  636. <h2>Phase or activity: Design, Develop, Test</h2>
  637. <table>
  638. <tr>
  639. <td colspan=2 width="66%"><strong>Steps you can take to be open</strong></td>
  640. <td><strong>Questions to ask</strong></td>
  641. </tr>
  642. <tr valign="top">
  643. <td rowspan=3 width=33%><strong>Build your community</strong><br/>
  644. • Ask departments who from their team can provide feedback<Br/><Br/>
  645. • Socialize decision with customers and stakeholders, especially those that may be more vocal about impacts<br/><br/>
  646. • Investigate options and accommodations for negatively impacted customers<Br/><Br/>
  647. <strong>Promote open exchange</strong><br/>
  648. • Evaluate, acknowledge, and incorporate feedback<br/><br/>
  649. • Highlight changes made in response to feedback<br/><br/>
  650. • If a suggestion isn't feasible, explain why<br/><br/>
  651. • Publish progress in an open place<br/><br/>
  652. • Provide regular updates to sponsors, customers, and stakeholders
  653. </td>
  654. <td rowspan=3 width=33%>
  655. <strong>Make it safe to voice concerns</strong><br/>
  656. • Invite project team and collaborators to raise risks and concerns you've overlooked.<br/><br/>
  657. • Ask: What might prevent this project from succeeding? What concerns will your team have? What are we missing?<br/><br/>
  658. • Publish risk and limitations uncovered along the way<br/><br/>
  659. <strong>Conduct a premortem</strong><br/>
  660. • Pretend it's launch day, and people are surprised or upset. What triggered it?<br/><br/>
  661. • Identify changes you would make or points you might clarify in response, and make them proactively instead<br/><br/>
  662. <strong>Activate your ambassadors</strong><Br/>
  663. • Equip the community to help you clear up misinformation and misunderstandings
  664. </td>
  665. <td>
  666. • Can we pilot or release early to gather input?<br/><br/>
  667. • How will we test?<br/><Br/>
  668. • Which internal customers can help test?<br/><br/>
  669. • Does a cross-functional working group make sense?<br/><br/>
  670. • Can we build a community of passion around this project or decision?<br/><br/>
  671. • Have we engaged the people who will have to do the work?<br/><br/>
  672. • Who do we need more buy-in or support from?
  673. </td>
  674. </tr>
  675. <tr>
  676. <td><strong>Key considerations</strong></td>
  677. </tr>
  678. <tr>
  679. <td>
  680. • Representation of different types of customers<br/>
  681. • Unexpected impacts and use cases<br/>
  682. • Unspoken risks and concerns
  683. </td>
  684. </tr>
  685. </table>
  686. <h2>Phase or activity: Launch, Deploy, Close</h2>
  687. <table>
  688. <tr>
  689. <td colspan=2 width="66%"><strong>Steps you can take to be open</strong></td>
  690. <td><strong>Questions to ask</strong></td>
  691. </tr>
  692. <tr valign="top">
  693. <td rowspan=3 width=33%><strong>Begin with the end in mind</strong><br/>
  694. • Demonstrate alignment with Red Hat's strategy, mission, culture, and values<br/><br/>
  695. • Outline the steps you've taken to make this decision openly<br/><br/>
  696. • Highlight use of this framework<br/><br/>
  697. • Tell associates where to find detailed information<br/><br/>
  698. • Show how feedback shaped the decision or project<br/><br/>
  699. • Explain how to provide input after launch<br/><br/>
  700. • Acknowledge when you're not fully satisfied with the decision or know that others will not be<br/><br/>
  701. • Share your timeline or criteria for revisiting the decision<br/><br/>
  702. • Stay engaged with those who reject the decision
  703. </td>
  704. <td rowspan=3 width=33%>
  705. <strong>Default to open</strong><br/>
  706. • Reiterate relevant business requirements and constraints<br/><br/>
  707. • Share relevant legal, reporting, or confidentiality issues<br/><br/>
  708. • Communicate success criteria and publish relevant metrics<br/><br/>
  709. <strong>Contribute upstream</strong><br/>
  710. • Publish your methods, lessons learned, communications, and decision criteria to the archive, so others can review past decisions, learn why a decision was made, and see how leaders have responded to similar issues in the past<br/><br/>
  711. • Offer guidance to others on open decision making and choosing collaboration tools
  712. </td>
  713. <td>
  714. • How will we monitor mailing lists and other feedback channels after the launch?<br/><br/>
  715. • If we have done early releases, will we continue to make incremental improvements based on feedback?<br/><br/>
  716. • How willing are we to make revisions based on feedback?<br/><br/>
  717. • What's a reasonable window of time for additional input and refinement?<br/><br/>
  718. • Did we overlook something important? How do we address it?<br/><br/>
  719. • Does the decision need to be revisited?<br/><br/>
  720. • Did open decision-making lead to the desired outcomes?<br/><br/>
  721. • How can we share our lessons learned and encourage open decision-making at Red Hat?
  722. </td>
  723. </tr>
  724. </table>
  725. <h1>Resources</h1>
  726. <ul>
  727. <li><a href="https://github.com/red-hat-people-team/red-hat-multiplier">Red Hat Multiplier</a> – quick reference sheets on collaboration, transparency, trust, meritocracy, connection</li>
  728. <li><a href="https://www.theopensourceway.org/wiki/Introduction">The Open Source Way handbook</a> – guide to creating and nurturing communities of contributors</li>
  729. <li><a href="http://opensource.com/open-organization">The Open Organization</a> (book + online community)</li>
  730. <li><a href="http://developerblog.redhat.com/2014/08/27/5-ux-tips-for-developers/">Prioritizing by impact</a>, see grid in Máirín Duffy's "5 UX Tips for Developers"</li>
  731. <li><a href="http://www.opensource.com/">Opensource.com</a> – A Red Hat supported publication focused on how open source principles can be applied to business, education, government, and more</li>
  732. <li><a href="http://danieltenner.com/2014/11/06/the-advice-process-definition-and-usage-tips/">The Advice Process</a> (Daniel Tenner)</li>
  733. </ul>
  734. <h1>Appendix</h1>
  735. <h2>History: Where the Open Decision Framework came from</h2>
  736. <ul>
  737. <li>
  738. <p>Based on principles practiced by open source communities</p>
  739. <ul>
  740. <li>Research by Duke University's Fuqua School of Business and Diana Martin (2009 – 2010); additional community resources</li>
  741. </ul>
  742. </li>
  743. <li>
  744. <p>Developed by the People team, with contributions from cross-functional focus group</p>
  745. <ul>
  746. <li>Grew from People team Project Management Office's effort to create an open project management methodology (2012 – 2013)</li>
  747. <li>Google Calendar memo-list conversations served as a catalyst to share drafts with all associates and invite participation (2014)</li>
  748. <li>Tested by IT and Engineering, in the Google Calendar bridge working group (2014 – 2015)</li>
  749. </ul>
  750. </li>
  751. <li>
  752. <p>Updated and maintained by Rebecca Fernandez (rfernand@redhat.com)</p>
  753. </li>
  754. </ul>
  755. <h2>Why the framework exists</h2>
  756. <p><strong>A collection of proven practices that:</strong></p>
  757. <ul>
  758. <li>Drive better alignment between business decisions and our company strategy, goals, culture, values, and mission</li>
  759. <li>Demonstrate “what good looks like” in decision-making and communication</li>
  760. <li>Offer consistent guidance for teams and leaders on Red Hat cultural expectations, balancing transparency and confidentiality</li>
  761. <li>Improve associate engagement, signal-to-noise ratio on memo-list</li>
  762. </ul>
  763. </article>
  764. </section>
  765. <nav id="jumpto">
  766. <p>
  767. <a href="/david/blog/">Accueil du blog</a> |
  768. <a href="https://github.com/red-hat-people-team/open-decision-framework/blob/master/ODF-community.md#open-decision-framework">Source originale</a> |
  769. <a href="/david/stream/2019/">Accueil du flux</a>
  770. </p>
  771. </nav>
  772. <footer>
  773. <div>
  774. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  775. <p>
  776. Bonjour/Hi!
  777. 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>
  778. 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>).
  779. </p>
  780. <p>
  781. 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>.
  782. </p>
  783. <p>
  784. Voici quelques articles choisis :
  785. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  786. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  787. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  788. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  789. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  790. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  791. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  792. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  793. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  794. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  795. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  796. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  797. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  798. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  799. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  800. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  801. </p>
  802. <p>
  803. 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>.
  804. </p>
  805. <p>
  806. Je ne traque pas ta navigation mais mon
  807. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  808. conserve des logs d’accès.
  809. </p>
  810. </div>
  811. </footer>
  812. <script type="text/javascript">
  813. ;(_ => {
  814. const jumper = document.getElementById('jumper')
  815. jumper.addEventListener('click', e => {
  816. e.preventDefault()
  817. const anchor = e.target.getAttribute('href')
  818. const targetEl = document.getElementById(anchor.substring(1))
  819. targetEl.scrollIntoView({behavior: 'smooth'})
  820. })
  821. })()
  822. </script>