{"id":85,"date":"2015-05-07T12:28:47","date_gmt":"2015-05-07T12:28:47","guid":{"rendered":"http:\/\/acritarche.com\/index.php\/2015\/05\/07\/scenario-a-design-infographique-mode-demploi-2\/"},"modified":"2016-09-20T15:41:25","modified_gmt":"2016-09-20T13:41:25","slug":"scenario-a-design-infographique-mode-demploi-2","status":"publish","type":"post","link":"https:\/\/acritarche.com\/index.php\/2015\/05\/07\/scenario-a-design-infographique-mode-demploi-2\/","title":{"rendered":"Sc\u00e9nario \u00e0 design infographique: mode d\u2019emploi \u2013 part 1"},"content":{"rendered":"

Attention, attention! Vous entrez dans une zone de hautes turbulences graphiques et chaotiques. Si vous n\u2019avez aucune fibre graphique ou que vous ne jurez que par les sc\u00e9narios \u00e0 design lin\u00e9aire<\/a>, ce billet n\u2019est pas pour vous. Ou alors, juste pour vous rendre compte \u00e0 quel point je suis un grand malade. Si ce n\u2019\u00e9tait d\u00e9j\u00e0 fait\u2026 Allez, assez caus\u00e9, on n\u2019est pas \u00e0 la brasserie du coin!<\/p>\n

Dans cette premi\u00e8re partie, je vais montrer par l\u2019exemple comment je pars d\u2019un sc\u00e9nario que je d\u00e9tricote pour retricoter la boule de laine en architecture infographique.<\/p>\n

Les ingr\u00e9dients<\/b><\/p>\n

Ce n\u2019est pas parce que vous optez pour une approche innovante (voire r\u00e9volutionnaire) que vous ne devez pas faire vos devoirs! La premi\u00e8re \u00e9tape sera donc de d\u00e9terminer le coeur de votre sc\u00e9nario<\/b>. Son d\u00e9roulement, son accroche, son optique d\u00e9cal\u00e9e, etc. Et, si vous partez d\u2019un truc tout fait: son pitch ou son r\u00e9sum\u00e9 condens\u00e9 comme un cube de bouillon.<\/p>\n

Comme j\u2019ai pas envie de me fouler, l\u00e0 tout de suite, je fais appel au Plot-o-shop.<\/p>\n

<\/figure>\n

J\u2019imagine assez bien nos aventuriers coinc\u00e9s dans un village en plein blizzard. De m\u00eame, je ris d\u00e9j\u00e0 sous cape en imaginant:<\/p>\n

    \n
  • les mettre dans le corps de prostitu\u00e9es devant d\u00e9fendre la derni\u00e8re source potable du village (d\u00e9dicace \u00e0 Tonton Alias);<\/li>\n
  • enfermer leur esprit dans des automates avec des fonctions aussi bizarres qu’apparemment inutiles et devant g\u00e9rer la boutique de l\u2019alchimiste qui a refil\u00e9 le germe aux Wolfens (disparu entretemps bien s\u00fbr).<\/li>\n<\/ul>\n

    Je garde la seconde car plus riche en p\u00e9rip\u00e9ties. Et puis la premi\u00e8re aurait amen\u00e9 \u00e0 une infographie NSFW. Et je note les enjeux majeurs<\/b> du sc\u00e9nario:<\/p>\n

      \n
    • Dans quels genres de Marionettes se sont incarn\u00e9s les Aventuriers?<\/li>\n
    • Comment les Aventuriers vont-ils prot\u00e9ger la boutique?<\/li>\n
    • Comment les Aventuriers peuvent-ils r\u00e9cup\u00e9rer leurs corps?<\/li>\n
    • Pourquoi les brigands ont-ils lanc\u00e9 l\u2019\u00e9pid\u00e9mie?<\/li>\n
    • Qu\u2019est devenu l\u2019alchimiste?<\/li>\n<\/ul>\n

      La pr\u00e9paration<\/b><\/p>\n

      Maintenant que vous savez de quoi vous voulez causer, il faut faire la liste des \u00e9l\u00e9ments de votre sc\u00e9nario<\/b>. Oui, oui, comme dans le design insulaire. Petit rappel pour les distraits.<\/p>\n

      <\/figure>\n

      Prenez votre meilleur couteau et au travail! Voici la liste des \u00e9l\u00e9ments que j\u2019identifie dans mon sc\u00e9nario d\u2019exemple:<\/p>\n

        \n
      • Gorge des brumes (Lieu)<\/li>\n
      • Village (Lieu)<\/li>\n
      • Boutique de l\u2019alchimiste (Lieu)<\/li>\n
      • Alchimiste disparu (PnJ)<\/li>\n
      • Blizzard (Danger)<\/li>\n
      • \u00c9pid\u00e9mie (Danger)<\/li>\n
      • Brigands wolfens (Faction)<\/li>\n
      • Prot\u00e9ger un lieu (\u00c9chelle)<\/li>\n
      • G\u00e9rer un commerce (\u00c9chelle)<\/li>\n
      • Serviteurs marionettes (Faction, PnJ)<\/li>\n
      • Changement de corps (Objet)<\/li>\n<\/ul>\n

        Lier la sauce<\/b><\/p>\n

        Maintenant que vous avez les \u00e9l\u00e9ments du sc\u00e9nario, il faut que vous vous fassiez une id\u00e9es liens<\/b> entre ceux-ci. Et surtout, lesquels vont appara\u00eetre sur votre sc\u00e9nario.<\/p>\n

        <\/figure>\n

        Dans l\u2019exemple, les liens obligatoires sont les triangles: Wolfens – \u00c9pid\u00e9mie – Alchimiste \u00a0et Alchimiste – Boutique – Serviteurs<\/p>\n

        Il y a des liens secondaires:<\/p>\n

          \n
        • Boutique – G\u00e9rer un commerce – Prot\u00e9ger un lieu – \u00c9pid\u00e9mie: les Marionettes gardent et g\u00e8rent la boutique assaillie par les malades en qu\u00eate de rem\u00e8de<\/li>\n
        • Gorge des brumes \u2192 Village \u2192 Boutique: lien g\u00e9ographique<\/li>\n
        • Changement de corps – Gorge des brumes: sans vouloir pr\u00e9sumer de la cause du changement de corps, je me dit qu\u2019en le liant \u00e0 la gorge:<\/li>\n<\/ul>\n
            \n
          1. je mets le lieu en valeur,<\/li>\n
          2. je donne une bonne raison aux Aventuriers de braver le blizzard,<\/li>\n
          3. je propose un choix difficile: en baver comme marionnette vs abandonner la boutique pour retrouver son corps<\/li>\n<\/ol>\n

            Mettre au four 30\u2019<\/b><\/p>\n

            Une fois d\u00e9crypt\u00e9s \u00e9l\u00e9ments et liens, il faut les agencer<\/b>. Voici quelque r\u00e8gles \u00e0 respecter:<\/p>\n

            <\/figure>\n

            Il n\u2019y a pas de recette miracle, et plusieurs essais seront certainement n\u00e9cessaires pour trouver la disposition optimale. Gardez en t\u00eate que plus vos liens obligatoires ou indirects sont des liens de causalit\u00e9, plus votre infographie va s\u2019\u00e9taler. Si votre sc\u00e9nario suit une ligne temporelle, par exemple.<\/p>\n

            Un truc tout simple pour vous \u00e9viter des d\u00e9boires. Prenez des petits post-it. Annotez chacun avec un \u00e9l\u00e9ment du sc\u00e9nario. Prenez une feuille de papier (ou deux) et placer les post-it dessus.<\/p>\n

            <\/figure>\n

            Dessinez les liens dans votre t\u00eate ou directement sur la feuille de papier. Commencez par les \u00e9l\u00e9ments avec un lien obligatoire. Puis placez les autres autour. Si vous identifiez des archipels, collez vos petits post-it sur un post-it plus large pour garder l\u2019archipel. Vous devriez rapidement trouver la disposition optimale. Vous pouvez faire pareil dans un c\u00e9l\u00e8bre programme de cr\u00e9ation de diapositives ou dans un c\u00e9l\u00e8bre programme graphique, ou dans leur \u00e9quivalent libre.<\/p>\n

            Dans l\u2019exemple, j\u2019ai du archipels forts: les triangles Wolfens – \u00c9pid\u00e9mie – Alchimiste \u00a0et Alchimiste – Boutique – Serviteurs reli\u00e9s par l\u2019Alchimiste. Je les mets donc c\u00f4te \u00e0 c\u00f4te, l\u2019un pointe vers le haut, l\u2019autre pointe vers le bas. Je chipote un peu pour trouver un agencement correct qui me permettra de montrer les liens secondaires.<\/p>\n

            <\/figure>\n

            Mais j\u2019arrive finalement \u00e0 une architecture satisfaisante. Qui me laisse de la place pour les deux \u00e9chelles que je devrai lier \u00e0 G\u00e9rer la boutique et Prot\u00e9ger la boutique.<\/p>\n

            <\/figure>\n

            Voil\u00e0. La prochaine fois, on parlera techniques (info)graphiques.<\/p>\n","protected":false},"excerpt":{"rendered":"

            Attention, attention! Vous entrez dans une zone de hautes turbulences graphiques et chaotiques. Si vous n\u2019avez aucune fibre graphique ou que vous ne jurez que par les sc\u00e9narios \u00e0 design lin\u00e9aire, ce billet n\u2019est pas pour vous. Ou alors, juste […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[42,12,10,15,43],"_links":{"self":[{"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/posts\/85"}],"collection":[{"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":2,"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/posts\/85\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acritarche.com\/index.php\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}