Connecting...

Cancel

L’histoire de Gyroscope

Imprimer les livres du rapport annuel

L’histoire de la conception et de l’impression de livres personnalisés pour tous nos utilisateurs

Imprimer les livres du rapport annuel Gyroscope

Comment nous avons conçu et imprimé des livres sur mesure pour tous nos utilisateurs !

Gyroscope est une app où vous voyez toutes les statistiques de votre vie, jusqu’ici seulement en numérique : sur le site, sur iPhone, Android ou Chrome. Chaque année, nous générons un bilan annuel de tout ce que vous avez fait, mais l’idée d’un beau livre de votre vie nous a toujours fascinés : faire de votre vie un objet que vous pouvez vraiment toucher ou tendre à quelqu’un.

L’an dernier, en ne connaissant presque rien à l’impression mais après plusieurs années de rapports annuels, nous avons décidé d’en faire une réalité. Nous avons mis en ligne un formulaire de commande fin 2016, et quelques membres Pro ont précommandé leur livre.

Après presque un an de conception et de prototypage, la série en édition limitée de 80 livres a été produite et expédiée à ses propriétaires !

À la fin de chaque année, nous produirons une nouvelle série de livres. Ils coûtent 399 $ pièce, ce qui est cher, mais ce billet explique ce que contient chacun d’eux et pourquoi les coûts d’impression sont si élevés pour un tirage de 1 exemplaire.

Nous n’avions jamais fait de produit imprimé (et à ma connaissance rien de tel n’a jamais existé comme produit), alors j’avais envie de raconter un peu comment ils ont été faits…

Chez l’imprimeur

Les premières inspirations

Nicholas Felton réalise depuis longtemps des rapports annuels de sa vie. Pendant un an, il collectait des données sur lui-même, puis produisait un livre passant tout cela en revue. Ses 10 rapports sont consultables en ligne sur son site, et aussi commandables en version imprimée. J’ai acheté certains de ces livres il y a quelques années.

J’avais déjà vu les designs sur son site, mais feuilleter physiquement le livre, avec son papier spécial et ses encres fluo, était une expérience bien plus magique, impossible à reproduire dans une app.

Chaque année avait son thème, avec environ 16 pages consacrées à un sujet en profondeur. Le rapport 2013, par exemple, portait entièrement sur la communication et analysait en détail sa façon de parler aux gens.

Ce qui est agréable avec une année entière de données, c’est que des motifs apparaissent, alors qu’ils n’auraient rien donné sur quelques jours ou quelques semaines. Des mesures simples sur une année entière révèlent des tendances de fond ou attirent l’attention sur les valeurs extrêmes intéressantes.

L’analyse quantitative et les tendances détaillées sont précieuses, mais le plus réjouissant dans ces rapports, ce n’étaient pas les statistiques, c’étaient les détails qualitatifs sur une personne. À côté des grands graphiques, les données amusantes comme les types de cornichons ou de fromages qu’il mangeait donnent aux livres beaucoup plus de personnalité et en font un rapport bien plus intime.

Le nombre de burritos avalés ou le parfum de glace préféré sont des choses difficiles à suivre, mais ce sont des détails vraiment impressionnants, qui font dire « waouh, comment tu sais ça ? ». C’est un peu un tour de magie.

Parfois, la seule façon de les obtenir est de tout noter minutieusement toute l’année, mais dans d’autres cas on peut les déduire de façon plus passive.

Fabriquer ces livres demande beaucoup de sélection et de tri, presque un an de travail pour chacun. Faire cela à grande échelle pour d’autres personnes serait difficile, mais c’était une étape essentielle pour que ces rapports parlent à leurs propriétaires et reflètent fidèlement une année de leur vie.

2014 a été la dixième et dernière année des Feltron Annual Reports. Nos livres devaient prendre la suite, et lui permettre de continuer à avoir un rapport pour chaque année de sa vie, mais sans tout ce travail.

Les rapports Gyroscope en ligne

La version web d’origine du rapport annuel !

Dans nos rapports annuels en ligne, nous analysions et affichions déjà beaucoup de belles données sur l’année, organisées par sections : voyages, course, photos, etc.

Quelques séances de Mahdi en 2016

L’activité numérique et les écoutes de musique s’accumulaient sur l’année et donnaient un bel aperçu de tout le travail accompli.

Les cartes de déplacements rendaient très bien avec une année de données, en montrant les habitudes dans une ville et les endroits fréquentés.

La course et le vélo sont très populaires chez beaucoup de nos utilisateurs, qui se servent de l’app Gyroscope pour partager leurs séances au fil de l’année. Avec une année complète, on peut voir l’évolution d’ensemble et revivre ses sorties préférées ou ses grandes courses.

Valider l’idée

Faire des livres imprimés était un projet dont nous parlions depuis les débuts de Gyroscope. Les produire vraiment représentait un chantier énorme, et sans doute très coûteux.

J’en voulais clairement un pour moi, mais nous étions curieux de savoir combien de nos utilisateurs en achèteraient un ou seraient intéressés. La version numérique du rapport annuel existait déjà en ligne et était plutôt réussie.

Plutôt que de nous lancer tête baissée, nous avons décidé de faire un sondage auprès de nos membres Pro pour savoir ce qui les intéressait, et surtout combien ils seraient réellement prêts à payer pour un livre de grande qualité.

Le prix moyen allait déterminer une grande partie de ce que nous pourrions faire. Un simple magazine ou un livret de 10 pages coûterait beaucoup moins cher qu’un grand livre relié. Ajouter de beaux détails comme du foil ou des papiers et encres haut de gamme ferait monter les coûts, mais rendrait aussi l’objet bien plus beau.

Une des questions demandait « quel est le maximum que vous seriez prêt à payer pour votre livre », et quelques personnes ont répondu 200 à 250 $. Beaucoup d’autres se situaient entre 100 et 200 $, ce qui semblait un très bon niveau de prix si nous arrivions à contenir les coûts.

Je n’avais pas une bonne idée du coût d’impression de tout cela, mais je soupçonnais que ça finirait très cher.

L’un des retours les plus fréquents était que les gens étaient intéressés mais n’avaient pas assez de données suivies pour 2016. Beaucoup comptaient utiliser Gyroscope plus régulièrement pour avoir un beau livre fin 2017.

Le manque de suivi correct des lieux (avec notre intégration Moves) était l’un des plus gros goulets d’étranglement, et l’une des raisons pour lesquelles nous construisons actuellement notre propre solution.

Trouver un imprimeur

Pour estimer le coût des livres, je voulais obtenir des devis auprès d’imprimeurs et savoir ce que coûteraient le foil argenté et la reliure rigide. Nous pourrions ensuite prendre des précommandes et travailler sur les livres de tout le monde.

Trouver le bon imprimeur a été étonnamment difficile.

J’ai fait une recherche rapide et écrit à quelques dizaines d’ateliers de la Bay Area. La plupart étaient très perplexes devant notre exigence d’un contenu unique par exemplaire plutôt qu’un grand tirage. J’ai cherché pendant presque un mois, en demandant leurs recommandations à des gens du métier. Quelques services en ligne d’impression de livres photo à la demande sont apparus, comme Blurb. Mais ils semblaient très chers et de qualité limitée, plutôt pensés pour un album de famille que pour un projet professionnel ou une série de centaines de livres.

J’ai fini par trouver un imprimeur local à Potrero Hill, Watermark Press, spécialisé dans l’impression numérique. J’y suis allé à pied un jour, et nous avons passé une heure à regarder leurs échantillons et à discuter des styles et des matériaux possibles pour le livre.

Les coulisses de l’atelier

En passant en revue toutes ces options en vrai, nous avons pu trancher la plupart des détails du livre.

Choisir le papier des pages intérieures présentait aussi beaucoup de compromis, en grammage, en texture et en format. Les pages devaient être assez épaisses pour donner de la matière, mais pas au point de ne pas rester ouvertes ou d’être pénibles à tourner, comme des morceaux de carton collés ensemble.

Les grands formats 9x12 étaient bien plus immersifs et plus imposants que les petits, mais rendaient aussi tout beaucoup plus cher. Je me suis dit que la meilleure expérience en vaudrait la peine pour les clients. Nous avons brièvement envisagé un format carré, pour coller au design des cartes de l’app iPhone, mais avons décidé qu’avoir la sensation d’un vrai livre comptait davantage.

Il y avait différentes options de texture pour les pages : brillant ou mat, vernis ou non. Vu la qualité des photos et le rendu des couleurs, nous penchions pour une finition soyeuse, même si le toucher d’un mat rugueux était très séduisant.

Nom de code Jubilee

Avec assez de membres intéressés et les premières précommandes qui arrivaient, nous avons commencé à chercher comment fabriquer concrètement des livres pour toutes ces personnes.

Nous avons d’abord exploré les outils classiques comme InDesign, souvent utilisés pour concevoir des livres. Beaucoup de leurs fonctions tournent autour de la numérotation automatique des pages ou de l’écoulement du texte d’une page à l’autre.

À peu près tout le métier était pensé pour imprimer de nombreux exemplaires d’un même livre. Nous voulions l’inverse : concevoir de nombreux livres en même temps et n’imprimer qu’un exemplaire de chacun.

J’ai trouvé un guide intéressant sur la fabrication de livres avec CSS3, qui semblait prometteur. L’idée d’utiliser les technologies web et JavaScript pour construire cela me plaisait beaucoup, d’autant que nous avions déjà énormément de code de ce type pour la version web des rapports annuels.

Il y avait quelques bons conseils pour mettre en page un livre avec des propriétés CSS, mais au bout du compte la méthode proposée n’était pas la bonne, avec des outils coûteux comme Antenna House ou Prince pour produire un PDF à partir de pages HTML. J’ai regardé la documentation et les ai essayés rapidement, sans succès : ils semblaient conçus pour des livres très simples, tout en texte, sans JavaScript ni contenu riche comme nos graphiques et nos images.

Il existait aussi des outils en ligne de commande qui utilisaient Webkit pour produire des PDF, mais eux aussi étaient bizarres et ne passaient pas nos tests de base pour générer des PDF exploitables.

L’idée d’utiliser JavaScript et CSS pour imprimer un livre à partir d’une série de pages web me plaisait quand même beaucoup. Nous avions déjà fabriqué toutes sortes de choses avec ces technologies : des sites, des horloges, des apps, alors pourquoi pas un livre ?

Notre première app iPhone portait le nom de code Magneto, et depuis, tous nos projets et nos canaux portent des noms de personnages de X-Men.

L’app de running était Quicksilver, notre base de données s’appelle Cerebro, et bien sûr ce livre a été baptisé Jubilee.

Nous avons commencé par reprendre une partie du code des rapports annuels d’origine, mais dans une nouvelle section soumise aux contraintes de l’impression. Les exigences de l’impression sont à bien des égards l’inverse de celles du web : la vitesse de chargement n’a aucune importance, les animations n’existent pas, la taille et la résolution des pages sont toujours connues.

Plutôt que de gérer différents appareils et un usage mobile éventuel, chaque page allait faire un nombre fixe de pouces, avec un rapport connu, donc toutes les mesures pouvaient être écrites en dur. Et contrairement au design web, les unités pouvaient être exprimées en pouces.

Et bien sûr, ce livre a été baptisé Jubilee.

Il a fallu un moment pour s’habituer à ces contraintes différentes et à écrire du CSS en pouces, mais c’était aussi très amusant à faire, et cela rendait possibles des choses qu’on ne pourrait normalement pas faire sur le web ou dans une app.

Avec des pages de base affichées sur le site et dimensionnées pour l’impression, il fallait trouver comment les convertir dans un format envoyable à un imprimeur, et voir ce que ces designs donnaient une fois imprimés.

Comme je le disais plus haut, il existait des outils qui promettaient de transformer des pages web en livres. Ils étaient tous mauvais et chers, et ne semblaient même pas fonctionner correctement.

Heureusement, les navigateurs offrent déjà un moyen simple de faire un PDF : l’impression.

Après avoir essayé différents navigateurs et différents réglages d’impression, Google Chrome s’est révélé le meilleur. Beaucoup de navigateurs retirent les images ou les couleurs de fond à l’impression, ce qui aurait ruiné les pages. Chrome avait une case à cocher bien pratique pour les inclure, si bien que la page imprimée ressemblait à celle de l’écran.

La dernière étape après l’export depuis le navigateur consistait à préparer les fichiers dans Adobe Acrobat, en les fusionnant et en les recadrant pour produire le livrable final.

Adobe Acrobat

Les pages faisaient 9x12, mais il fallait ajouter un peu de fond perdu autour, si bien que les PDF réels étaient plus grands, exactement 9,687"x12,750".

En réalité, faire le livre n’était pas aussi simple que d’appuyer sur imprimer en cochant une case. Plus tard, nous avons passé des semaines à régler de petits détails : faire rendre correctement des cercles avec un border radius, afficher des emoji sur la page (le jeu vectoriel de Twitter a été utile pour ça), ou même obtenir la bonne nuance de noir. Mais pour un premier bon à tirer, cela suffisait.

Le premier brouillon a été généré le 27 décembre à 19 h 53, assemblé dans Adobe Acrobat à partir d’une série de PDF séparés (un par page). Ce n’était pas très bien conçu, mais cela commençait vaguement à ressembler à un livre, avec une introduction, un sommaire et quelques chapitres de pages.

J’ai envoyé le PDF (très) basique de mon livre à l’imprimeur pour vérifier qu’il pouvait vraiment travailler avec ce format. L’idée était qu’à terme nous leur fournirions des dizaines ou des centaines de PDF semblables, et qu’ils nous rendraient des livres.

Le premier bon à tirer

Pour vérifier que notre méthode de génération des livres depuis le site fonctionnait vraiment, nous avons envoyé le PDF à la presse numérique. Quelques jours plus tard, nous avons reçu l’épreuve dans une grande enveloppe contenant 32 feuilles non coupées, avec le fond perdu et les traits de coupe.

Ce n’était pas encore tout à fait un livre, mais c’était un bon début. Cette première version n’était qu’un tas de très grandes pages, mais la voir sur papier montrait quels éléments rendaient bien à l’impression et comment tout se traduisait en CMJN.

J’ai vite appris à tester tôt et souvent, en commandant des épreuves imprimées plutôt qu’en regardant la page sur l’ordinateur. L’impression est un médium très différent de l’écran, et elle peut être impitoyable. La bonne nouvelle, c’est que les cartes et les photos, qui comptaient beaucoup dans l’expérience, rendaient très bien sur le papier choisi. Nous avons essayé un papier mat brut, très agréable au toucher, mais les images y perdaient malheureusement beaucoup de contraste et de profondeur.

Beaucoup d’éléments sur lesquels nous nous appuyions sur le site, comme les couleurs vives des tracés de course ou les halos sur une carte, ne se traduisaient pas de la même façon à l’impression, où il n’y a pas de rétroéclairage.

Sur le web, les couleurs peuvent souvent être des gris subtils ou de légères teintes plutôt que du #000 et du #fff partout. À l’impression, en revanche, le texte rendait souvent mieux en noir plein. Les détails gris clair et les traits fins passaient moins bien et devenaient flous dès que les points d’encre apparaissaient. Nous jouions avec des règles entièrement nouvelles, mais nous avons vite trouvé une feuille de style efficace à l’impression, avec de bons choix de couleurs.

Sur la suggestion de Peter, nous avons aussi ajouté une étape de préflight pour convertir les aplats de noir simple en une technique appelée noir riche, qui ajoute d’autres encres colorées sous le noir pour le rendre encore plus profond.

La V2 du livre avec l’encre noir riche

Représenter et stocker les livres

Une fois les pages de base fonctionnelles, il fallait trouver comment les stocker et les sélectionner. Chaque livre faisait 64 pages, il fallait donc déterminer le contenu de chacun.

Une possibilité était de les mettre en base de données, mais la structure exacte changeait encore constamment. Et comme il n’y avait que quelques dizaines de livres, un stockage plus manuel n’était pas si compliqué.

Nous avons fini par les stocker sous forme de tableau de pages dans un fichier python appelé pages.py, qui fait aujourd’hui environ 6 000 lignes. Il contient le détail sélectionné du livre de chacun : chaque page peut avoir des options, comme le fait d’apparaître ou non au sommaire. Les pages étaient groupées par deux, pour savoir quelles pages se feraient face et fonctionneraient ensemble.

Les précommandes

Jusque-là, je n’étais pas sûr que ce soit possible. Avec un premier bon à tirer revenu de chez l’imprimeur et quelques devis, cela commençait à devenir crédible. Beaucoup de travail, et très cher, mais quelque chose que nous pouvions proposer.

Nous avons mis en ligne une page avec des photos de concept et des épreuves récentes, et un bouton de commande. À faible volume, les coûts d’impression seraient extrêmement élevés, alors nous l’avons fixé à 299 $, avec 50 $ de remise pour les membres Pro.

Il n’y en a pas eu énormément, mais des commandes ont commencé à arriver, de gens qui attendaient cela depuis longtemps ou qui étaient simplement très enthousiastes à propos de Gyroscope. D’autres se disaient emballés mais préféraient acheter l’année suivante, une fois assez de données accumulées.

Concevoir la couverture

Très tôt, je savais que je voulais du foil argenté. Tout ce projet n’était probablement qu’un prétexte pour utiliser des foils métalliques.

L’un des compromis sur la couverture a été de renoncer à toute personnalisation, comme le nom de la personne ou un autre contenu unique. Elle indiquerait seulement « Annual Report » et l’année 2016.

Il aurait été sympa d’imprimer le visage de la personne ou d’autres infos dynamiques sur la couverture, mais cela aurait tout compliqué. Les rendre toutes identiques nous permettait de les imprimer ensemble, en lot de 100 feuilles, sur une très belle presse, un projet (un peu) moins cher et bien plus gérable.

En plus du foil argenté, nous avons utilisé du vernis sélectif, un effet où seules certaines parties de la page ont une texture brillante. Techniquement transparent, il renvoie la lumière différemment et se sent aussi sous les doigts.

Je l’avais utilisé il y a longtemps sur les cartes de visite April Zero. Il peut servir pour un texte plus discret (comme « limited edition ») ou pour donner à la couverture une texture qui la rend plus facile à saisir et plus intrigante. Chaque point a été positionné individuellement pour donner une impression un peu géométrique, mais aussi naturelle et organique.

Les couches de vernis et de foil

Les deux se combinaient avec la couche de base pour donner ceci, qui viendrait envelopper la couverture rigide.

Nous avons hésité entre une couverture en papier coloré spécial et un beau papier blanc avec le design imprimé par-dessus. Nous avons finalement choisi la seconde option, qui permettait de montrer plus de détail dans le logo Gyroscope et d’avoir du texte blanc pur sur le dos. Le G du logo et le texte 2016 seraient en foil argenté.

Nous avons d’abord fait quelques épreuves simulées, en imprimant le design en CMJN sur une page à plat. Cela ressemblait au résultat final, mais sans le foil ni les effets spéciaux. Cela nous a permis d’ajuster la taille et la forme, et de vérifier l’alignement sur la vraie couverture.

Tenir l’objet et feuilleter les pages était une étape importante, pour avoir un aperçu réaliste du produit final et faire les ajustements nécessaires. Par exemple, le texte 2016 semblait aligné dans le fichier d’origine, mais une fois imprimé il a fallu le décaler vers la droite à cause de la place prise par le dos.

Épreuve simulée, juste en encre, sans foil

Une fois le design bien aligné et dimensionné, nous l’avons validé et imprimé cent exemplaires de la couverture sur une belle presse offset. Il a été envoyé en trois couches séparées : couleur, argent et vernis.

La V3, avec les couvertures définitives en foil

En avril, toutes les couvertures étaient imprimées et stockées en attendant les livres définitifs. Nous en avons utilisé une pour l’épreuve suivante. Ce troisième prototype se rapprochait de ce que serait le produit final, avec les designs mis à jour des 64 pages et le foil sur la couverture. Le rendu était très réussi et cela commençait à ressembler à un vrai produit. Il ne restait plus qu’à finaliser les 2 304 pages uniques de l’intérieur.

Compromis et coûts d’impression

Imprimer 2016 sur la couverture était une grosse décision, lourde de conséquences. C’était joli et cela nous donnait une grande surface à couvrir de foil, mais cela voulait aussi dire qu’elles ne pourraient pas resservir pour 2017 ni pour autre chose.

L’idée était qu’un dos et une couverture uniques pour l’édition de chaque année seraient un beau détail, qui valait le surcoût. Combien coûte-t-il ? Environ 30 à 40 $ de plus que si nous étions partis sur quelque chose de générique. Avec cette stratégie, imprimer 100 couvertures a coûté environ 4 000 $, soit à peu près 50 $ de couverture par livre.

Imprimer beaucoup plus de couvertures, même 1 000, n’aurait pas coûté beaucoup plus cher, puisque l’essentiel du prix part dans la préparation. Mais il n’y avait pas tant de commandes, et cela aurait été gâché. La leçon, c’est que les matériaux de grande qualité deviennent bien plus abordables à l’échelle. C’est vrai en ligne aussi : plus d’utilisateurs et de clients payants, c’est un produit de meilleure qualité pour tout le monde, mais dans l’imprimé cet écart peut être encore plus extrême.

La taille du livre posait aussi problème : le 9x12 revenait bien plus cher que le 8x11 ou un format plus petit, mais il était tellement plus agréable et permettait des cartes nettement plus grandes.

D’autres arbitrages ne portaient pas sur le coût, mais sur la durabilité ou le style. Nous avons passé des semaines à débattre des textures de papier : la version rugueuse du livre était superbe au toucher, mais mettait moins bien les cartes en valeur que la finition légèrement brillante que nous avons retenue. Il m’arrive encore de feuilleter ce vieux prototype en me demandant ce que cela aurait donné.

Impression numérique et impression offset

La meilleure façon d’imprimer un livre est l’offset, où des plaques CMJN servent à imprimer efficacement de nombreuses pages.

Les coûts de préparation sont très élevés, puisqu’il faut fabriquer des plaques pour chaque page, régler la presse, etc. Mais une fois la mise en route faite, imprimer des milliers d’exemplaires est très efficace et peut devenir très bon marché. La technique vise souvent des tirages de centaines ou de milliers d’exemplaires, et donne donc un coût unitaire très bas si vous en commandez beaucoup.

Notre contrainte principale était que nous imprimions de très petites quantités (en général une seule) de livres tous différents, chacun devant donc être imprimé séparément mais avec une grande qualité. L’offset devenait donc prohibitif, et il fallait utiliser une technique appelée impression numérique, plus proche du fonctionnement de votre imprimante à la maison, qui ne demande pas de plaques sur mesure.

Un peu moins belle que l’offset traditionnel, la qualité de l’impression numérique semble s’être beaucoup améliorée avec les dernières technologies. Il reste une différence perceptible, surtout sur les petits détails et sur la netteté des petits textes, mais c’était largement suffisant pour ce que nous voulions faire.

La plus grosse limite du numérique n’était pas la qualité, mais la taille de la presse et du papier utilisable. Le type de reliure idéal s’appelle la couture Smyth, une reliure de grande qualité, très solide, qui permet d’ouvrir facilement les pages.

Mais il faut pour cela imprimer plusieurs pages sur de très grandes feuilles, puis les plier ensemble en un cahier à coudre.

Malheureusement, la presse numérique ne pouvait imprimer que des feuilles à peine assez grandes pour deux de nos pages, cette technique n’était donc pas envisageable.

À la place, il a fallu relier les livres en dos collé, où les pages sont encollées au bord. Pour un rendu proche, des tranchefiles en tissu ont été ajoutées, ce qui donne un aspect similaire. Nous avons adopté cette approche dès le premier prototype. Elle fonctionnait bien, mais posait des problèmes de solidité, les pages de garde se décollant au bout d’un moment. Pour corriger cela, nous avons ajouté une couture latérale de renfort.

Concevoir les pages

Notre approche a été de fabriquer mon premier livre à la main, avec une sélection maximale, en cherchant simplement à faire les meilleures 64 pages possibles sans trop me soucier d’automatisation ni d’échelle. Une fois le résultat satisfaisant, nous pourrions rationaliser le processus et reproduire les pages sur le reste des livres.

Les cartes de l’app ou du site donnaient un bon point de départ pour ce que pourraient être les pages, les cartes par exemple, ou les tracés de course.

Cela nous a permis de commencer à remplir les pages avec des designs familiers, moyennant quelques adaptations pour l’impression. Par exemple, les lignes vert vif qui brillent à l’écran paraissaient plates et difficiles à voir sur le papier, surtout sur une vue satellite. Elles ont pu passer au blanc et être éclaircies. En moyenne, la plupart des changements consistaient à tout rendre bien plus contrasté et plus affirmé.

Tout en restant familier, nous voulions inclure de nouvelles idées propres à l’imprimé, jamais faites auparavant, qui profitent du format livre. Les gens y mettaient beaucoup d’argent, nous ne voulions pas donner l’impression d’avoir simplement imprimé leur profil web Gyroscope.

Une propriété intéressante du livre, c’est que deux pages sont toujours visibles côte à côte, ce qui permet de concevoir l’expérience en double page. La majeure partie du livre a été pensée deux pages à la fois : d’un côté les photos ou les cartes d’un mois, de l’autre des statistiques plus détaillées. Ou alors de grands graphiques et de grandes cartes traversant les deux pages, pour une expérience plus immersive.

Dans cet exemple, un graphique de toute l’activité informatique de l’année s’étire sur deux pages.

Une grande contrainte sur le site et dans l’app, c’est la vitesse. Charger absolument chaque donnée d’une année n’est en général pas réaliste : ce serait trop lent, et cela mettrait trop de charge sur nos serveurs. À l’impression, en revanche, on peut se permettre des folies comme charger chaque heure de l’année. Cela peut prendre 5 à 10 secondes de récupérer ces données sur le serveur, mais heureusement cela n’a pas besoin de se produire à chaque fois que vous ouvrez le livre.

Cette vue montre les heures de la journée où les apps ont été le plus utilisées au fil de l’année, à partir des données RescueTime synchronisées avec Gyroscope.

Shane est clairement un couche-tard, qui travaille une fois les enfants couchés

Je testais souvent la première version avec mes données, puis avec toutes les autres personnes qui avaient commandé un livre. Il m’arrivait de me perdre une heure à regarder les différentes pages et ce qu’elles donnaient pour chacun. C’était en général bon signe, et cela voulait dire que la page était prête.

GitHub le jour, Netflix la nuit

La Mind Map

L’une de nos cartes les plus populaires dans l’app est la Mind Map hebdomadaire, qui donne un bel aperçu des moments où vous travailliez, écoutiez de la musique ou étiez hors ligne, et de leur évolution sur la semaine.

De la même façon, nous avons pu charger une année entière d’usage sur une page et tout représenter, mois par mois. Les week-ends étaient mis en évidence pour montrer les rythmes hebdomadaires et expliquer pourquoi certains jours pouvaient différer des autres.

Dans les premières versions, les points n’étaient pas légendés et les gens ne comprenaient pas ce que montrait la page. Pour la version finale, nous avons ajouté un titre de page et des légendes pour chaque mois, avec le total et l’explication de la différence entre les cercles verts et rouges.

Voyages et plaisir

Nous ne sommes pas que des abeilles ouvrières, avec des stats génériques comme les pas et la productivité. Une partie importante du livre consistait à le rendre personnel et amusant, en incluant des choses faites dans l’année qui disent qui vous êtes.

Revoir les endroits où l’on est allé était vraiment enthousiasmant, et sur une année entière cela révèle des habitudes qui en disent long. Je passe par exemple beaucoup de temps dans les cafés, à la fois pour la caféine et pour travailler.

Surtout pour ceux qui ont des enfants, Disneyland revenait souvent. Certains avaient même des check-ins sur les attractions précises.

Le suivi de la musique

Le suivi de la musique était une autre chose que nous collections depuis quelques années, et une bonne occasion de rendre chaque mois plus mémorable.

D’après mon expérience, les chansons font souvent office de machines à remonter le temps et vous ramènent au moment où vous les écoutiez.

Je me suis dit qu’en listant vos morceaux les plus écoutés, certains auraient des associations fortes et diraient bien plus que « c’est le mois où tu as fait 100 000 pas ».

La cartographie

Nous avions déjà construit une bonne partie de la technologie cartographique pour le site et l’app, en générant des grappes et en nommant les endroits visités. Pour ceux qui utilisaient Moves régulièrement, elle mettait en avant les trajets entre ces lieux. Le rendu imprimé était très réussi, après quelques modifications de résolution et de couleurs.

Retours des utilisateurs et événements sur mesure

Les livres sont bien sûr très personnalisés, à partir des données de chacun. En plus des données, nous proposions aussi quelques options de personnalisation, comme une dédicace ou le choix de la couleur d’accent.

Le livre avait une section chronologie qui résumait ce qui s’était passé en 2016. Beaucoup de détails, comme les voyages dans d’autres villes, pouvaient être déduits des données enregistrées.

Nous avions aussi un moyen d’ajouter des événements sur mesure à la chronologie, en particulier les grands moments de la vie : un mariage, une naissance, un nouveau travail. Nous avons écrit aux clients pour recueillir leurs ajouts d’événements et savoir s’ils voulaient dédier le livre à quelqu’un.

Ceux-ci étaient inscrits dans le fichier JSON et apparaissaient automatiquement dans le livre.

D’autres utilisateurs avaient plus de retours sur les pages de leur brouillon et nous ont aidés à traquer et à corriger différents bugs.

Quelques livres étaient presque terminés et bien testés, mais beaucoup de commandes restaient à traiter et à générer. Nous avions construit beaucoup d’outils pour fluidifier le processus et produire les pages, mais fabriquer un livre entier restait au début un travail très manuel, qui demandait un jour ou deux de sélection.

En passant de mon livre à ceux des autres, nous nous sommes heurtés à beaucoup de problèmes de qualité et de trous dans les données, ce qui a ralenti les choses.

Les manques ou les mois non suivis posaient un vrai problème, et il fallait trouver comment faire passer certaines personnes de 30 ou 40 pages aux 64 complètes, puisque tous les livres font la même longueur. La plupart des gens avaient de très bonnes données cachées dans leur compte, mais il fallait analyser leur vie pour identifier ces événements et sélectionner le contenu afin qu’ils soient bien reflétés dans les pages.

Je me suis mis à parcourir des dizaines de PDF de premier jet sur mon ordinateur, en notant les parties intéressantes et les pages à retirer pour chaque personne.

Par exemple, certaines personnes ne couraient pas, donc les pages associées ne s’appliquaient pas, mais elles faisaient peut-être du vélo, ce que l’on pouvait montrer. D’autres ne suivaient pas leur historique d’ordinateur avec RescueTime et ne pouvaient pas avoir la mindmap et les pages associées. Les voyages étaient un autre point important : repérer quand quelqu’un était parti et en faire une page dédiée.

Une fois les 10 premiers livres terminés, il fallait finir le reste et amener les brouillons restants à 64 pages. Je me suis enfermé dans une chambre d’hôtel à Florence pendant une semaine, en n’en sortant que pour de rapides pauses pâtes ou pour aller courir. La plupart des livres semblaient finis à 90 %, mais il leur manquait les derniers détails pour être vraiment bons. C’était le moment d’ajouter ces 10 % qui, je l’espérais, les feraient passer de plutôt bons à réjouissants une fois expédiés.

Une fois la structure JSON définitive écrite, charger et exporter chaque livre prenait environ 10 minutes : charger toutes les pages et les images, faire les vérifications finales et enregistrer le PDF.

Ils ont fini par tous être terminés, sous la forme d’une série de fichiers PDF nommés et numérotés sur mon ordinateur. Fin août, j’ai envoyé tous les PDF à l’imprimeur, avec un tableur reprenant les informations de livraison de chacun. Il ne restait plus qu’à attendre qu’ils soient produits et expédiés.

L’expédition

En octobre, presque un an jour pour jour après les premières lignes de code du livre, les livres ont enfin été terminés et postés à tous ceux qui en avaient commandé un.

Avec 80 exemplaires dans l’édition limitée, préparer les maquettes de chacun a pris un peu plus de temps que prévu. Il restait beaucoup d’améliorations possibles, mais nous voulions aussi les livrer dans un délai raisonnable.

Pour gérer l’expédition et être sûrs que chacun reçoive le bon livre, nous avons fourni à l’imprimeur un tableur avec tous les fichiers PDF et leurs adresses de livraison. Beaucoup de commandes restaient dans la Bay Area, mais certaines partaient à l’étranger, dont deux au Canada et aux Pays-Bas.

« Les vrais artistes livrent » –Steve Jobs

Quelques jours plus tard, je rafraîchissais des dizaines de numéros de suivi, en regardant leur progression autour du monde à mesure que les livraisons commençaient.

La plupart se sont bien passées, mais pour certaines j’ai dû appeler UPS et suivre la livraison de près pour qu’elle arrive à bon port. Faire des choses dans le monde réel, c’est difficile !

Livrer les mauvais livres aux mauvaises personnes était le scénario qui m’empêchait de dormir, alors nous avons pris soin de les étiqueter et de les suivre un par un. Comme ils étaient tous différents à l’intérieur mais identiques en couverture, il était très important que chacun reçoive bien le sien.

Comme c’était une édition limitée qui ne serait jamais rééditée, j’ai fait faire 10 exemplaires supplémentaires de mon propre livre, arrivés dans un carton un mercredi après-midi.

J’avais déjà vu les maquettes, mais c’était aussi la première fois que je voyais le livre final en vrai. 2016 me semblait très loin, et j’avais oublié beaucoup de choses auxquelles le livre faisait référence.

Dans la nature

Le plus amusant a été de voir les réactions des gens en recevant le leur, publiant des photos et le montrant à leurs amis.

Les Stories Instagram ont aussi été un lieu très fréquenté, où les gens partageaient leurs vidéos de déballage et feuilletaient les pages pour la première fois.

Publication Instagram
Nicholas Felton sur Instagram : « Tellement content de mon rapport annuel Gyroscope… »

L’un des livres a été commandé par Nicholas Felton lui-même, prolongeant la tradition des Feltron Annual Reports, mais sans autant de travail.

Conseils d’entretien

La plupart des pages se comprennent d’elles-mêmes et sont rédigées à la troisième personne, on peut donc facilement les montrer à quelqu’un pour lui raconter son année. La couverture marque en revanche les traces de doigts et de gras, alors si vous la tendez à quelqu’un, nous vous conseillons de vérifier que ses mains sont propres.

Commandez votre livre !

Les livres sont proposés en précommande sur le site à la fin de l’année, en quantités limitées.