davidbgk
/
larlet-fr-david-cache


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821
							<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang=fr>
<!-- Has to be within the first 1024 bytes, hence before the <title>
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset=utf-8>
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
<!-- Required to make a valid HTML5 document. -->
<title>How to build great products (archive) — David Larlet</title>
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/static/david/icons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="David Larlet">
<meta name="application-name" content="David Larlet">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- That good ol' feed, subscribe :p. -->
<link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="http://www.defmacro.org/2013/09/26/products.html">

<style>
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* http://practicaltypography.com/equity.html */
/* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
/* https://www.filamentgroup.com/lab/js-web-fonts.html */
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ConcourseT3';
  src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
       url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


/* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
body {
  /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  font-family: "EquityTextB", Palatino, serif;
  background-color: #f0f0ea;
  color: #07486c;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
pre, code, kbd, samp, var, tt {
  font-family: 'TriplicateT4c', monospace;
}
em {
  font-style: italic;
  color: #323a45;
}
strong {
  font-weight: bold;
  color: black;
}
nav {
  background-color: #323a45;
  color: #f0f0ea;
  display: flex;
  justify-content: space-around;
  padding: 1rem .5rem;
}
  nav:last-child {
    border-bottom: 1vh solid #2d7474;
  }
  nav a {
    color: #f0f0ea;
  }
  nav abbr {
    border-bottom: 1px dotted white;
  }

h1 {
  border-top: 1vh solid #2d7474;
  border-bottom: .2vh dotted #2d7474;
  background-color: #e3e1e1;
  color: #323a45;
  text-align: center;
  padding: 5rem 0 4rem 0;
  width: 100%;
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
}
  h1.single {
    padding-bottom: 10rem;
  }
  h1 span {
    position: absolute;
    top: 1vh;
    left: 20%;
    line-height: 0;
  }
    h1 span a {
      line-height: 1.7;
      padding: 1rem 1.2rem .6rem 1.2rem;
      border-radius: 0 0 6% 6%;
      background: #2d7474;
      font-size: 1.3rem;
      color: white;
      text-decoration: none;
    }
h2 {
  margin: 4rem 0 1rem;
  border-top: .2vh solid #2d7474;
  padding-top: 1vh;
}
h3 {
  text-align: center;
  margin: 3rem 0 .75em;
}
hr {
  height: .4rem;
  width: .4rem;
  border-radius: .4rem;
  background: #07486c;
  margin: 2.5rem auto;
}
time {
  display: bloc;
  margin-left: 0 !important;
}
ul, ol {
  margin: 2rem;
}
ul {
  list-style-type: square;
}
a {
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.09em;
}
article {
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  margin: 2rem auto;
}
  article.single {
    border-top: .2vh dotted #2d7474;
    margin: -6rem auto 1rem auto;
    background: #f0f0ea;
    padding: 2rem;
  }
  article p:last-child {
    margin-bottom: 1rem;
  }
p {
  padding: 0 .5rem;
  margin-left: 3rem;
}
  p + p,
  figure + p {
    margin-top: 2rem;
  }

blockquote {
  background-color: #e3e1e1;
  border-left: .5vw solid #2d7474;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  margin: 1.5rem;
}
  blockquote cite {
    font-style: italic;
  }
  blockquote p {
    margin-left: 0;
  }

figure {
  border-top: .2vh solid #2d7474;
  background-color: #e3e1e1;
  text-align: center;
  padding: 1.5rem 0;
  margin: 1rem 0 0;
  font-size: 1.5rem;
  width: 100%;
}
  figure img {
    max-width: 250px;
    max-height: 250px;
    border: .5vw solid #323a45;
    padding: 1px;
  }
figcaption {
  padding: 1rem;
  line-height: 1.4;
}
aside {
  display: flex;
  flex-direction: column;
  background-color: #e3e1e1;
  padding: 1rem 0;
  border-bottom: .2vh solid #07486c;
}
  aside p {
    max-width: 50rem;
    margin: 0 auto;
  }

/* https://fvsch.com/code/css-locks/ */
p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  font-size: 1rem;
  line-height: calc( 1.5em + 0.2 * 1rem );
}
h1 {
  font-size: 1.9rem;
  line-height: calc( 1.2em + 0.2 * 1rem );
}
h2 {
  font-size: 1.6rem;
  line-height: calc( 1.3em + 0.2 * 1rem );
}
h3 {
  font-size: 1.35rem;
  line-height: calc( 1.4em + 0.2 * 1rem );
}
@media (min-width: 20em) {
  /* The (100vw - 20rem) / (50 - 20) part
     resolves to 0-1rem, depending on the
     viewport width (between 20em and 50em). */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
    margin-left: 0;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
}
@media (min-width: 50em) {
  /* The right part of the addition *must* be a
     rem value. In this example we *could* change
     the whole declaration to font-size:2.5rem,
     but if our baseline value was not expressed
     in rem we would have to use calc. */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * 1rem );
    line-height: 1.5em;
  }
  p, li, pre, details {
    margin-left: 3rem;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * 1rem );
    line-height: 1.2em;
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * 1rem );
    line-height: 1.3em;
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * 1rem );
    line-height: 1.4em;
  }
  figure img {
    max-width: 500px;
    max-height: 500px;
  }
}

figure.unsquared {
  margin-bottom: 1.5rem;
}
  figure.unsquared img {
    height: inherit;
  }


@media print {
  body { font-size: 100%; }
  a:after { content: " (" attr(href) ")"; }
  a, a:link, a:visited, a:after {
    text-decoration: underline;
    text-shadow: none !important;
    background-image: none !important;
    background: white;
    color: black;
  }
  abbr[title] { border-bottom: 0; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  img { page-break-inside: avoid; }
  @page { margin: 2cm .5cm; }
  h1, h2, h3 { page-break-after: avoid; }
  p3 { orphans: 3; widows: 3; }
  img {
    max-width: 250px !important;
    max-height: 250px !important;
  }
  nav, aside { display: none; }
}

ul.with_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_columns {
    column-count: 2;
  }
}
@media (min-width: 50em) {
  ul.with_columns {
    column-count: 3;
  }
}
ul.with_two_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_two_columns {
    column-count: 1;
  }
}
@media (min-width: 50em) {
  ul.with_two_columns {
    column-count: 2;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
  .gallery figure img {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .gallery figure figcaption {
    font-family: 'ConcourseT3'
  }

footer {
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
  border-top: 3px solid white;
  padding: 4rem 0;
  background-color: #07486c;
  color: white;
}
  footer > * {
    max-width: 50rem;
    margin: 0 auto;
  }
  footer a {
    color: #f1c40f;
  }
  footer .avatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: left;
    -webkit-shape-outside: circle();
    shape-outside: circle();
    margin-right: 2rem;
    padding: 2px 5px 5px 2px;
    background: white;
    border-left: 1px solid #f1c40f;
    border-top: 1px solid #f1c40f;
    border-right: 5px solid #f1c40f;
    border-bottom: 5px solid #f1c40f;
  }
</style>

<h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  How to build great products (archive)
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
</h1>
<section>
  <article>
    <h3><a href="http://www.defmacro.org/2013/09/26/products.html">Source originale du contenu</a></h3>
    <p>If you believe
that <a href="http://www.defmacro.org/2013/07/23/startup-lessons.html">sales
fix everything</a>, it follows that most startups fail because they
don’t ship a great product in a growing market before they run
out of money. Assuming you’ve picked an explosive market, how do
you go about building a great product?<sup>1</sup></p>

<p>Building great products is hard, but the difficulty is greatly
exacerbated if you have no good model for analyzing products and
features. Without a model you’re left with a never-ending stream
of feature ideas and half-informed shots in the dark. Some people can
pull this off because they start out with a phenomenal product
intuition. But most people aren’t blessed with this superpower
on day one.</p>

<p>I started out with terrible intuition (and didn’t even know
it). Over the past three years I looked at our user metrics every day,
creating a feedback loop to train my brain on what makes a good
product. Eventually I got quite good at predicting the impact of any
given feature, so I started thinking of a model that captures the
essence of what I’ve learned.</p>

<h1 id="the-three-bucket-model">The three bucket model</h1>

<p>The most important aspect of product management is categorizing
features into three buckets: gamechangers, showstoppers, and
distractions. When I first started building products, all features
looked roughly the same. Over time, I formed the three bucket model
and now my mind automatically slots every feature into one of these
buckets.</p>

<p>Here is an example. Suppose you are building a new mobile phone. It
has to be able to call people, or no one will buy it since it
wouldn’t be much of a phone. But the reverse isn’t true
— having voice calls won’t make anybody buy your phone
because every other phone already does that. So for your mobile phone
product, voice calls are a showstopper.</p>

<p>On the other hand, suppose your phone could project videos onto a
surface. No other phone does that, so this feature could be a
gamechanger that excites a lot of consumers. Alternatively, it’s
possible that most people won’t care about it at all, in which
case it’s just a distraction.</p>

<p>This example gives you three buckets to categorize any given feature:</p>

<ul>
  <li><strong>A gamechanger.</strong> People will want to buy your product because of this feature.</li>
  <li><strong>A showstopper.</strong> People won’t buy your product if you’re missing this feature, but adding it won’t generate demand.</li>
  <li><strong>A distraction.</strong> This feature will make no measurable impact on adoption.</li>
</ul>

<p>Empirically, successful products have one to three gamechanging
features, dozens of features that neutralize showstoppers, and very
few features that are distractions. Your job is to build an intuition
about your space to be able to tell these categories
apart. That’s still pretty subtle (is a built-in phone projector
a gamechanger or a distraction?), but at least this model gives you a
plan of attack.</p>

<h1 id="resource-allocation">Resource allocation</h1>

<p>If you had infinite time, you could ignore these categories and
blindly iterate on the product until it resonates with the market. But
your time is finite. The longer you take to find a great product, the
more likely you are to run out of cash, squander morale, or miss the
market moving under your feet. Modeling product management in terms of
the three categories is extremely valuable because it allows you to
treat product management as a resource allocation problem.</p>

<p>If you put any effort into distractions, you’re wasting
resources. That much is obvious.</p>

<p>If you’re doing more showstopper features than you absolutely
need to, you’re wasting resources. Lack of copy-pasting on the
first iPhone might have been a showstopper for some people, but Apple
correctly determined that enough consumers would still buy the
phone. There was no need to delay.</p>

<p>If you put more effort into any given showstopper than the absolute
minimum you can get away with, you’re wasting resources. The
first iPhone had pretty bad voice quality, but it was good
enough. Most people were willing to live with it. It made calls, and
it wasn’t terrible. Improving the voice quality by another 10%
would have made little measurable impact on adoption.</p>

<p>If you’re doing more than three gamechanging features,
you’re wasting resources. Empirically, few disruptive products
are good at a dozen things. Shipping gamechanging features
is <i>hard</i>. Three is probably the most you can get away with, and
even that is a stretch.</p>

<p>Finally, if you don’t pour enough creative energy into any given
gamechanging feature, you’re wasting resources. If a
gamechanging feature doesn’t absolutely blow people away,
it’s not much of a gamechanger — it’s just a
distraction. In this category you can’t go half way.</p>

<p>You can get away with making some mistakes. Very few products
absolutely nail this on launch. But most first time product managers
break all of these rules all the time, probably because they’re
not aware of them. Break these rules at your own peril. The fewer
mistakes you make relative to your competition, the better. Every
mistake can be incredibly costly. Make too many and someone else will
run circles around you.</p>

<h1 id="craftsmanship">Craftsmanship</h1>

<p>The trickiest part of building products is learning how to tell the
difference between the categories and knowing when a given category is
full. Is a built-in phone projector a gamechanger or a distraction? If
it’s a gamechanger, is it big enough to attract sufficient
demand, or do you need another gamechanger? If you invented the
technology to increase voice quality by 50%, does that become a
gamechanger or is it still just a showstopping feature? How about
200%? How many showstoppers do you have to neutralize to build a
compelling phone?</p>

<p>I have no idea what the answers are for the mobile phone market, but
in my area, unstructured data, I can look at any given feature and
tell which category it falls into quite easily. Sometimes I’m
wrong, but that’s ok. I just have to be wrong less often than my
competitors.</p>

<p>The best way to build this intuition is to talk to a lot of
people. Talk to potential users. What do they think? Talk to people
who tried to build a product in your space and failed. What can you
learn from their failure? Talk to competitors. How do they approach
the problem? Talk to engineers in big companies. What can they tell
you about the state of technology? Talk to other entrepreneurs in
adjacent spaces, investors, journalists, grad students, professors,
even the naysayers. The best way to get a sense of taste in a given
space is to inject yourself into the industry and talk to as many
people as you can.</p>

<h1 id="buyers-stakeholders-and-pundits">Buyers, stakeholders, and pundits</h1>

<p>The sooner you can learn about the history of the space, the state of
the technology, the opinions of potential users, and the direction of
your competition, the sooner you can form a coherent view of the space
and develop a unique vision for your product. But be
careful. It’s easy to start taking advice from the wrong people.</p>

<p>Suppose you’ve decided to design your mobile phone in a form
factor of a walkie talkie for construction workers, and you’ve
determined that the best way to sell it is to construction managers
top-down. If you talk to construction workers, they might be enamored
by beautiful icons and an unusual color scheme. You might determine
that the unique design of your phone is a gamechanger. But ultimately,
it’s the construction manager who’s writing the check. For
the construction manager, a beautiful design is nice, but it
isn’t a gamechanger. It doesn’t help him run the business
any better than he did before.</p>

<p>For complex business sales, you have to pay attention to all the
parties and make sure all the stakeholders are satisfied. Are the
construction workers strong influencers on the manager’s
decision? If so, spending time on a unique design might not be a bad
idea. If not, you might be wasting your time.</p>

<p>It’s true even for consumer products. If you’re designing
a luxury phone and pricing it above every other phone on the market,
do your customers have to convince their spouse? Do most families make
shared decisions about buying luxury items, or do people splurge on
luxury items independently? If they have to convince their spouse, can
you add a feature to make it easier? Find out!</p>

<p>Beware of noise. Learn the difference between your users and people
who are just commenting. Everyone you talk to will have an
opinion. Early on it can be tempting to design a product based on
feedback from industry pundits. But a feature is only a gamechanger if
the person signing the proverbial check recognizes it as
one. Otherwise, it’s a distraction. Industry pundits can be
extremely useful for understanding the state of your field, but
they’re rarely the ones to buy your product. If you design your
product around their feedback, you’ll find that there is nobody
to buy it in the end.</p>

<p>A corollary of this is that you can’t design a great product
unless you live, eat, and breathe like your users do. You need to
know <i>exactly</i> who your user is, what their problems are,
how <i>they</i> perceive your product, and who helps them make buying
decisions. Your intuition has to mirror how the customers will
perceive your product. Categorizing features is only useful if
it’s a good predictor of your actual users’s
response. Otherwise, you’re just wasting time.</p>

<h1 id="aggregate-gamechangers">Aggregate gamechangers</h1>

<p>There is a subtlety to the model we haven’t discussed so
far. Some features aren’t sufficiently impressive on their own,
but become gamechangers in aggregate. For example, suppose you design
a unique set of icons for your phone. Is that a gamechanger? Probably
not. What about a unique color scheme? It doesn’t seem like a
gamechanger either. How about a unique family of phone cases?
It’s hard to imagine people buying a phone because of a pretty
case.<sup>2</sup> But what if you put these features together? A
unique design direction that combines a novel icon set, color scheme,
and family of phone cases sounds like it might be a sufficient
gamechanger to attract consumers.</p>

<p>Features that become gamechangers in aggregate are dangerous for three
reasons. Firstly, it becomes harder to tell what combination of
individual features is and isn’t a gamechanger. Secondly,
aggregate gamechangers are expensive — instead of making a
couple of good decisions on a feature, you have to make dozens or
hundreds of good decisions for a whole family of features. Thirdly, it
makes it easier to convince yourself that if you add just one more
feature, you’ll strike a gamechanger. Building great products is
already difficult. Introducing a subtlety like this makes it even
harder.</p>

<p>Many products do succeed in exactly this way, but if possible, try to
avoid it. If you have no choice but to resort to aggregate
gamechangers, it probably means you’re working in a relatively
mature market. Often, that’s ok, but it should prompt you to do
some soul searching. Is it really worth being in this market, or does
it make sense to find another one where you can innovate more easily?</p>

<h1 id="product-mission">Product mission</h1>

<p>Suppose you’ve developed product intuition to apply the three
bucket model to your field. You can easily (and correctly) categorize
features. You’re now ahead of most product managers. But
you’re still not quite done. There are a few problems with this
approach:</p>

<ul>
  <li>If you’re categorizing features ad-hoc, it’s easy to make mistakes and then construct a rhetoric in your mind to convince yourself that you’ve done the right thing.</li>
  <li>While you’re building the product, you’ll have to be a part of every single decision because other people have no guidance.</li>
  <li>Your engineers will get frustrated, because they’ll think you’re pulling decisions out of thin air.</li>
  <li>Before the product is done you’ll have to convince many other people to help you — journalists, investors, potential hires, and customers. Convincing people is hard if you’re making decisions ad-hoc.</li>
</ul>

<p>A great way to get around these problems is to write down a product
mission. Think of it as a function that accepts a given feature as an
argument, and returns one of the three categories above. A good
function definition is concise, understandable, and
repeatable. Ideally after reading it, most people on your team will be
able to categorize features themselves in the same way you would.</p>

<p><a href="https://github.com/rethinkdb/rethinkdb/issues/1000">Here</a> is a humorous product mission we came up with for RethinkDB that worked surprisingly well:</p>

<blockquote>
<p><strong>Database tools should be indistinguishable from magic</strong><br/>
Surprise and amaze people with developer tools for building real-time, data-driven web applications they could only dream of building, and bring sheer joy and simplicity to the process of building great software.</p>
</blockquote>

<p>On the surface these two sentences don’t say very much, but if
you dig in a little, this product mission has surprisingly high
information density. It tells people we’re building a
database. It tells people we treat the product as a developer tool
first. This resolves the tension between developer features (like the
query language) and operations features (like monitoring). All of our
gamechanging features revolve around developers. We treat operations
as a showstopper. It explains what we expect our users to do with
RethinkDB (build real-time, data-driven web applications). It gives
people a sense of how far we’ll go on certain features (surprise
and amaze). Being good enough for developers isn’t enough. These
people spend many hours a day using our software — we want to
make the experience <i>pleasant</i>. It suggests that we are willing
to accept more complex implementations to make our users’s lives
easier. It guides us to build features that let developers build new
types of applications, not just the ones that already
exist. It’s self-aware and leaks a healthy sense of humor we
have as a team. This gives people a sense of who we are. We can test
feature proposals against this product mission, and with a bit of
additional shared knowledge it lets our team members independently
categorize features in roughly the same way.</p>

<p>It took us three years to understand what we’re doing well
enough to come up with this product mission. If we’d had it on
day one, it would probably have cut development time in half —
maybe more. When you’re building a product, the mission should
be the first thing you work on. If your mental model is good enough to
write a product mission that inspires everyone in your company,
everything else will fall into place.</p>

<hr/>

<p><em><sup>1</sup> I don’t mean to imply that picking a good market
is easier than building a great product. In fact, the opposite is
true. It’s far easier to get a handle on product management, so
I decided to tackle this subject first. Aside from great products and
market growth, there are also questions of distribution, economics,
regulated markets, and other subtleties. But the number of early stage
software startups that fail for these reasons pales in comparison to
the number of startups that pick small markets or don’t manage
to deliver great products on time.</em></p>

<p><em><sup>2</sup> In practice it often turns out that people do buy phones because of unique colors or cases. But I’m ignoring this subtlety to focus on a larger point.</em></p>

<hr/>

<p><em>Thanks to Michael Glukhovsky and Michael Lucy for reviewing this post.</em></p>
  </article>
</section>


<nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="http://www.defmacro.org/2013/09/26/products.html">Source originale</a> |
    <a href="/david/stream/2019/">Accueil du flux</a>
  </p>
</nav>

<footer>
  <div>
    <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
    <p>
      Bonjour/Hi!
      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>
      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>).
    </p>
    <p>
      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>.
    </p>
    
    <p>
      Voici quelques articles choisis :
      <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
      <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
      <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
      <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
      <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
      <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
      <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
      <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
      <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
      <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
      <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
      <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
      <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
      <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
      <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
      et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
    </p>
    <p>
      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>.
    </p>
    <p>
      Je ne traque pas ta navigation mais mon
      <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
      conserve des logs d’accès.
    </p>
  </div>
</footer>
<script type="text/javascript">
  ;(_ => {
    const jumper = document.getElementById('jumper')
    jumper.addEventListener('click', e => {
      e.preventDefault()
      const anchor = e.target.getAttribute('href')
      const targetEl = document.getElementById(anchor.substring(1))
      targetEl.scrollIntoView({behavior: 'smooth'})
    })
  })()
</script>