De boeken van het jaarverslag drukken

De boeken van het Gyroscope-jaarverslag drukken

Hoe we voor al onze gebruikers een eigen boek ontwierpen en drukten!

Gyroscope is een app waarin je alle cijfers over je leven ziet, tot nu toe alleen digitaal: op de site, op iPhone, Android of Chrome. Elk jaar maken we een jaaroverzicht van alles wat je hebt gedaan, maar het idee van een salontafelboek over je leven heeft ons altijd gefascineerd: je leven als product dat je echt kunt vasthouden of aan iemand kunt geven.

Vorig jaar wisten we weinig van drukwerk, maar we maakten al een paar jaar jaarverslagen, en we besloten dit werkelijkheid te maken. Eind 2016 zetten we een bestelformulier online en een paar Pro-leden bestelden hun boek vooruit.

Na bijna een jaar ontwerpen en prototypen is de gelimiteerde oplage van 80 boeken geproduceerd en naar hun eigenaren verstuurd!

Aan het eind van elk jaar maken we een nieuwe reeks boeken. Ze kosten $399 per stuk, wat behoorlijk prijzig is, maar in dit stuk leg ik uit wat er in elk boek gaat zitten en waarom drukken bij een oplage van 1 zo duur is.

We hadden nog nooit iets in print gedaan (en voor zover ik weet is zoiets als dit ook nog nooit als product te koop geweest), dus ik wilde wat meer vertellen over hoe ze zijn gemaakt…

Bij de drukkerij

Vroege inspiratie

Nicholas Felton maakt al heel lang jaarverslagen over zijn leven. In de loop van een jaar verzamelde hij data over zichzelf en maakte daar dan een boek van dat al die details doorneemt. Al zijn 10 rapporten zijn online beschikbaar om digitaal te bekijken op zijn site, maar ook te bestellen als gedrukt boek. Ik heb een paar jaar geleden een aantal van die boeken gekocht.

Ik had de ontwerpen al op zijn site gezien, maar fysiek door het boek bladeren, met dat bijzondere papier en die fluorescerende inkt, was een veel magischer ervaring die je in een app niet kunt nabootsen.

Elk jaar had een ander thema, met zo’n 16 pagina’s die diep op één onderwerp ingingen. Het rapport van 2013 ging bijvoorbeeld helemaal over communicatie en analyseerde tot in detail hoe hij met mensen sprak.

Het mooie aan een heel jaar data is dat er patronen zichtbaar worden die over een paar dagen of weken misschien niet interessant waren. Simpele metingen over een heel jaar kunnen onderliggende trends laten zien of de aandacht vestigen op interessante uitschieters.

Die kwantitatieve analyse en gedetailleerde trends zijn mooi om te hebben, maar het leukste aan het rapport waren niet de statistieken: het waren de kwalitatieve details over een mens. Naast de grote grafieken geven de leuke datapunten, zoals welke augurken of kazen hij at, de boeken veel meer karakter en maken ze er een intiemer verslag van.

Dingen als hoeveel burrito’s je eet of je populairste ijssmaak zijn lastig bij te houden, maar het zijn indrukwekkende details waardoor mensen vragen: “Wauw, hoe weet je dat?” Het lijkt een beetje op een goocheltruc.

Soms kom je er alleen achter door een heel jaar lang minutieus alles bij te houden, maar in andere gevallen kun je het passiever afleiden.

Er komt veel curatie en filteren kijken bij het maken van deze boeken, bijna een jaar werk per boek. Uitzoeken hoe je dat op schaal voor andere mensen doet zou lastig worden, maar het was een belangrijke stap om deze rapporten te laten aankomen bij hun eigenaren en een jaar uit hun leven goed weer te geven.

2014 was het 10e en laatste jaar van de Feltron Annual Reports. Onze boeken moesten het stokje overnemen, zodat hij elk jaar van zijn leven een rapport kon blijven krijgen, maar zonder al dat werk.

De online rapporten van Gyroscope

In onze online jaarverslagen analyseerden en toonden we al een hoop mooie data over het jaar, geordend per onderdeel: reizen, hardlopen, foto’s enzovoort.

Digitale activiteit en beluisterde muziek telden op over het jaar en gaven een mooi overzicht van al het harde werk.

De reiskaarten zagen er met een jaar aan data ook heel mooi uit en lieten patronen in een stad en veelbezochte plekken zien.

Hardlopen en fietsen is populair bij veel van onze gebruikers, die de Gyroscope-app gebruiken om hun workouts te delen. Met een heel jaar data kun je zien wat er in dat jaar veranderde en je favorieten of grote wedstrijden herbeleven.

Het idee toetsen

Gedrukte boeken maken was iets waar we al over praatten sinds Gyroscope begon. Ze ook echt produceren zou een enorm project worden, en waarschijnlijk erg duur.

Ik wilde er zelf absoluut een, maar we waren benieuwd hoeveel van onze gebruikers er een zouden kopen of hier interesse in hadden. De digitale versie van het jaarverslag stond al online en was best goed.

In plaats van er meteen in te duiken, besloten we een enquête onder onze Pro-leden te houden om te zien waar ze interesse in hadden, en ook hoeveel ze echt wilden betalen voor een boek van hoge kwaliteit.

De gemiddelde prijs zou grotendeels bepalen wat we konden doen. Een simpel tijdschrift of een boekje van 10 pagina’s zou veel goedkoper zijn dan een groot boek met harde kaft. Mooie details als folie of premium papier en inkt zouden de kosten opdrijven, maar het ook een stuk mooier maken.

Een van de vragen was “wat is het maximum dat je voor je boek zou willen betalen”, en een paar mensen zeiden dat ze $200–250 wilden betalen. Veel meer mensen zaten tussen de $100–200, en dat leek een prima prijs als we de kosten laag genoeg kregen.

Ik had geen goed beeld van wat dit allemaal zou kosten om te drukken, maar ik vermoedde dat het heel duur zou uitpakken.

Een van de dingen die we het vaakst hoorden, was dat mensen wel interesse hadden maar te weinig data over 2016 hadden bijgehouden. Veel van hen waren van plan Gyroscope trouwer te gaan gebruiken en aan het eind van 2017 een goed boek te krijgen.

Het gebrek aan goede locatieregistratie (met onze Moves-integratie) was een van de grootste knelpunten, en een van de redenen dat we die nu zelf bouwen.

Een drukker vinden

Om erachter te komen wat de boeken zouden kosten, wilde ik offertes bij een paar drukkerijen opvragen en uitzoeken wat dingen als zilverfolie en een harde kaft kosten. Daarna konden we voorbestellingen aannemen en aan de boeken voor iedereen beginnen.

De juiste drukkerij vinden bleek verrassend lastig.

Ik zocht wat rond en mailde een paar dozijn adressen in de Bay Area. De meeste snapten niets van onze eis dat elk exemplaar unieke inhoud had in plaats van één grote oplage. Bijna een maand lang zocht ik en vroeg ik mensen met drukervaring om tips. Er kwamen een paar onlinediensten voorbij die fotoboeken op bestelling drukken, zoals Blurb. Maar die leken erg duur en beperkt in kwaliteit, meer bedoeld voor één familiefotoalbum dan voor een professioneel project of een partij van honderden boeken.

Uiteindelijk vond ik een lokale drukkerij in Potrero Hill, Watermark Press, die gespecialiseerd leek in digitaal drukwerk. Op een dag liep ik erheen en bekeken we een uur lang de proeven die zij hadden gedrukt, terwijl we allerlei stijlen en materialen voor het boek bespraken.

Door alle opties ter plekke te bekijken, konden we de meeste keuzes over de details van het boek maken.

Ook het papier voor de binnenpagina’s kiezen bracht een hoop afwegingen met zich mee: gewicht, structuur en formaat. De pagina’s moesten dik genoeg zijn om stevig aan te voelen, maar niet zo dik dat ze niet open bleven liggen of vervelend omsloegen, als een stapel aan elkaar geplakt karton.

De grote 9x12-boeken voelden veel meeslepender en steviger dan kleinere, maar maakten alles ook een stuk duurder. Ik dacht dat de betere ervaring dat voor klanten waard zou zijn. We overwogen kort een vierkant formaat, passend bij de kaarten in de iPhone-app, maar besloten dat het belangrijker was dat het als een echt boek voelde.

Er waren allerlei opties voor de structuur van de pagina’s: glanzend of mat, gelakt of ongelakt. Op basis van de kwaliteit van de foto’s en de kleurweergave neigden we naar een zijdeglans, maar het gevoel van een ruwe matte structuur was ook heel aantrekkelijk.

Codenaam Jubilee

Met genoeg geïnteresseerde leden en de eerste voorbestellingen die binnenkwamen, begonnen we uit te zoeken hoe we voor al deze mensen echt boeken zouden maken.

Eerst keken we naar de klassieke gereedschappen zoals InDesign, waarmee boeken vaak worden ontworpen. Veel van de functies draaien om manieren om paginanummers automatisch toe te voegen of tekst over pagina’s te laten lopen.

Zo’n beetje alles in die branche is gericht op veel exemplaren van één boek drukken. Wij wilden het omgekeerde: veel boeken tegelijk ontwerpen en van elk maar één exemplaar drukken.

Ik vond een interessante gids over boeken bouwen met CSS3, en dat leek een veelbelovend idee. Ik vond het idee mooi om dit met webtechnologie en JavaScript te bouwen, zeker omdat we daar al veel van hadden voor de webversie van de jaarverslagen.

Er stonden nuttige tips in over een boek opmaken met CSS-eigenschappen, maar uiteindelijk was de aanpak verkeerd: dure tools als Antenna House of Prince om een PDF van HTML-pagina’s te maken. Ik las de documentatie en probeerde ze kort, maar ze werkten niet goed, waarschijnlijk alleen bedoeld voor heel simpele boeken met tekst en niet voor JavaScript of rijke inhoud zoals onze grafieken en beelden.

Er waren ook een paar commandoregeltools die met Webkit PDF’s maakten, maar ook die waren wat vreemd en kwamen niet door onze basistests om bruikbare PDF’s te maken.

Toch vond ik het idee om met JavaScript en CSS een boek te drukken vanaf een reeks webpagina’s heel mooi. We hebben die techniek al voor van alles gebruikt: sites, klokken, apps, dus waarom niet voor een boek?

Onze eerste iPhone-app had de codenaam Magneto, en sindsdien zijn al onze projecten en kanalen vernoemd naar X-Men-personages.

De hardloopapp was Quicksilver, onze database heet Cerebro, en dit boek werd natuurlijk Jubilee.

We begonnen met een fork van wat code uit de oorspronkelijke jaarverslagen, maar als een nieuw onderdeel met speciale eisen voor drukwerk. De eisen voor print zijn in veel opzichten het tegenovergestelde van internet: laadsnelheid doet er niet toe, animaties bestaan niet, en het paginaformaat en de resolutie liggen altijd vast.

In plaats van rekening houden met verschillende apparaten en mogelijk mobiel gebruik, zou elke pagina een vast aantal inches worden, met een bekende verhouding, zodat alle maten hard konden worden ingebakken. En anders dan bij webdesign kon je de eenheden in inches opgeven.

En dit boek werd natuurlijk Jubilee.

Het duurde even om aan die andere beperkingen te wennen, en aan CSS schrijven in inches, maar het maakte het ook heel leuk om aan te werken en mogelijk wat op het web of in een app normaal niet kan.

Met basispagina’s die op de site stonden en op drukformaat waren gezet, moesten we uitzoeken hoe we ze in een formaat kregen dat naar een drukker kon, en zien hoe deze ontwerpen er gedrukt uitzagen.

Zoals gezegd waren er tools die beloofden webpagina’s in boeken te veranderen. Die waren allemaal verschrikkelijk en duur, en leken niet eens goed te werken.

Gelukkig hebben browsers al een makkelijke manier om een PDF te maken: afdrukken.

Na een hoop verschillende browsers en afdrukinstellingen te hebben geprobeerd, bleek Google Chrome de beste manier. Veel browsers halen bij het afdrukken beelden of achtergrondkleuren weg, wat de pagina’s zou verpesten. Chrome had een handig vinkje om ze mee te nemen, zodat de gedrukte pagina leek op wat je op het scherm zag.

De laatste stap na exporteren uit de browser was de bestanden klaarmaken met Adobe Acrobat: samenvoegen en bijsnijden tot het eindresultaat.

De pagina’s waren 9x12, maar we moesten er een beetje afloop omheen zetten, dus de eigenlijke PDF’s waren groter: precies 9.687"x12.750".

In werkelijkheid was het boek maken niet zo simpel als op afdrukken klikken en een vinkje zetten. Later zaten we weken op kleine details: cirkels goed laten renderen met een border radius, emoji op de pagina krijgen (de vectorset van Twitter was daar handig voor), of de juiste tint zwart vinden. Maar voor de eerste proef was dit goed genoeg.

De eerste versie rolde op 27 december om 19:53 uur uit de machine, in Adobe Acrobat samengesteld uit een hoop losse PDF’s (een per pagina). Het ontwerp was niet best, maar het begon een beetje op een boek te lijken, met een inleiding, een inhoudsopgave en een paar hoofdstukken.

Ik stuurde de (heel) simpele PDF van mijn boek naar de drukker om te zien of ze echt met dit formaat konden werken. Het idee was dat we ze uiteindelijk tientallen of honderden vergelijkbare PDF’s zouden geven, en dat zij ons op de een of andere manier boeken zouden geven.

De eerste proef

Om zeker te weten dat onze aanpak, de boeken vanaf de site genereren, echt zou werken, stuurden we de proef-PDF naar de digitale pers. Een paar dagen later kregen we de proef terug in een grote envelop met 32 ongesneden vellen, compleet met afloop- en snijtekens.

Het voelde nog niet echt als een boek, maar het was een mooi begin. Deze eerste versie was gewoon een stapel enorme pagina’s, maar op papier zag je welke elementen het goed deden in print en hoe alles naar CMYK vertaalde.

Ik leerde snel om vroeg & vaak te testen: drukproeven bestellen in plaats van alleen naar de pagina op de computer kijken. Print is een heel ander medium dan een scherm en kan genadeloos zijn. Het goede nieuws was dat de kaarten en foto’s, een groot deel van de ervaring, mooi overkwamen op het papier dat we gebruikten. We experimenteerden met mat, onafgewerkt papier, dat lekker aanvoelde, maar helaas verloren de beelden veel contrast en diepte.

Veel elementen waar we op de site op leunden, zoals felgroene lijnen voor hardlopen of gloed op een kaart, kwamen niet hetzelfde over in print, waar geen achtergrondlicht is.

Op het web kunnen kleuren meestal subtiele grijstinten zijn, of licht getint in plaats van overal volledig #000 en #fff. In print zag tekst er juist vaak beter uit in vol zwart. Lichtgrijze details en subtiele lijnen kwamen minder goed over en werden vaag zodra de inktpuntjes zichtbaar werden. We speelden met een compleet nieuwe set regels, maar hadden al snel een goede stylesheet die het in print goed deed en mooie kleuren had.

Op advies van Peter voegden we ook een preflight-stap toe om de effen zwarte vlakken van gewone zwarte inkt om te zetten naar een techniek die rich black heet, waarbij er andere gekleurde inkten over het zwart gaan zodat het nog dieper oogt.

De boeken vastleggen & opslaan

Toen de basispagina’s werkten, moesten we uitzoeken hoe we ze zouden opslaan en samenstellen. Elk boek telde 64 pagina’s, dus we moesten voor elk boek de inhoud bepalen.

Een mogelijkheid was ze in de database zetten, maar de exacte structuur veranderde nog constant. Bovendien ging het maar om een paar dozijn boeken, dus ze wat handmatiger opslaan was niet zo erg.

Uiteindelijk sloegen we ze op als een lijst met pagina’s in een pythonbestand genaamd pages.py, dat inmiddels zo’n 6.000 regels lang is. Het bevat de samengestelde details van ieders boek: elke pagina kan opties hebben, zoals of hij in de inhoudsopgave komt. De pagina’s waren per twee gegroepeerd, zodat we wisten welke twee pagina’s naast elkaar zouden komen en bij elkaar pasten.

Voorbestellingen

Tot dan toe wist ik niet of dit haalbaar was. Met een ruwe proef terug van de drukker en een paar offertes begon het mogelijk te lijken. Veel werk, en erg duur, maar iets wat we konden aanbieden.

We zetten een pagina online met wat conceptfoto’s en foto’s van de laatste proeven, en een bestelknop. Bij een kleine oplage zouden de drukkosten extreem hoog zijn, dus we zetten de prijs op $299, met $50 korting voor Pro-leden.

Het waren er niet veel, maar er kwamen bestellingen binnen, van mensen die dit al lang wilden of gewoon heel enthousiast waren over Gyroscope. Anderen zeiden dat ze het gaaf vonden maar het volgend jaar zouden kopen, als ze genoeg data hadden.

De omslag ontwerpen

Al heel vroeg wist ik dat ik een of andere vorm van zilverfolie wilde. Dit hele project was waarschijnlijk gewoon een excuus om met metallic folie te mogen werken.

Een van de compromissen voor de omslag was dat er niets persoonlijks op kwam, zoals iemands naam of andere unieke inhoud. Er zou alleen “Annual Report” en het jaartal 2016 op staan.

Iemands gezicht of andere persoonlijke informatie op de omslag was mooi geweest, maar het zou alles veel ingewikkelder hebben gemaakt. Door ze allemaal identiek te maken, konden we ze samen als een partij van 100 vellen op een heel mooie pers drukken, wat een (iets) goedkoper en veel behapbaarder project was.

Naast het zilverfolie gebruikten we spot-UV, een effect waarbij alleen bepaalde delen van de pagina glanzend zijn. Het is technisch gezien kleurloos, maar het weerkaatst het licht anders en je voelt het ook.

Ik had het gebruikt op de visitekaartjes van April Zero lang geleden. Je kunt er subtielere tekst mee doen (zoals “limited edition”) of de omslag meer structuur geven, zodat hij makkelijker vastpakt en interessanter aanvoelt. Elke stip is los geplaatst, zodat het een beetje geometrisch maar ook natuurlijk en organisch voelt.

Samen met de basislaag leverden die twee zoiets als dit op, dat om de harde kaft werd gevouwen.

We twijfelden of de omslag van speciaal gekleurd papier moest zijn, of gewoon van mooi wit papier met het ontwerp erop gedrukt. Uiteindelijk kozen we voor dat laatste, zodat we meer detail in het Gyroscope-logo konden laten zien en gewoon witte tekst op de rug konden zetten. De G van het logo en de tekst 2016 zouden in zilverfolie komen.

We deden eerst een paar gesimuleerde proeven, waarbij we het ontwerp in CMYK op een vlakke pagina drukten. Dat leek op het eindresultaat, maar zonder folie of andere speciale effecten. Zo konden we de maat en de vorm verbeteren en zorgen dat het goed uitkwam op de echte omslag.

Het vasthouden en doorbladeren was een belangrijk deel van het proces, om een realistisch beeld van het eindproduct te krijgen en de nodige aanpassingen te doen. De tekst 2016 leek in het oorspronkelijke bestand bijvoorbeeld goed uitgelijnd, maar gedrukt moest hij naar rechts omdat de rug zoveel ruimte innam.

Toen het ontwerp goed was uitgelijnd en op maat was, keurden we het definitieve ontwerp goed en drukten we honderd omslagen op een mooie offsetpers. Het ging als drie losse lagen mee: kleur, zilver en UV.

In april waren alle definitieve omslagen gedrukt en opgeslagen, klaar voor de uiteindelijke boeken. Een ervan gebruikten we voor de volgende proef van het boek. Dit 3e prototype kwam dichter bij hoe het eindproduct zou aanvoelen, met bijgewerkte ontwerpen voor de 64 pagina’s en het folie op de kaft. Het werd echt mooi en begon als een echt product te voelen. Het enige wat nog restte, waren de 2.304 unieke pagina’s die erin moesten.

Afwegingen & drukkosten

2016 op de omslag drukken was een grote keuze met veel gevolgen. Het zag er mooi uit en gaf ons een groot vlak voor folie, maar betekende ook dat we ze niet konden hergebruiken voor 2017 of iets anders.

Het idee was dat een unieke rug en omslag per jaargang een mooi detail zou zijn, de extra kosten waard. Hoeveel kost dat? Ongeveer $30–40 meer dan wanneer we iets generieks hadden gekozen. Met deze aanpak kostte het drukken van 100 omslagen zo’n $4.000, oftewel ongeveer $50 aan omslag per boek.

Veel meer omslagen drukken, zelfs 1.000, zou nauwelijks duurder zijn geweest, want de meeste kosten zitten in het opzetten. Maar er waren niet zoveel bestellingen, dus dat was weggegooid geweest. Een van de lessen hier is dat materialen van hoge kwaliteit met schaal veel betaalbaarder worden. Online geldt dat ook: meer gebruikers en betalende klanten betekent een beter product voor iedereen, maar in print kan dat verschil nog extremer zijn.

Het formaat van het boek was ook lastig: 9x12 zou veel duurder zijn dan 8x11 of iets kleiners, maar voelde ook zoveel mooier en maakte de kaarten flink groter.

Andere afwegingen gingen niet over kosten, maar over duurzaamheid of stijl. We hebben weken zitten twijfelen tussen papierstructuren: de ruwe versie van het boek voelde geweldig aan, maar liet de kaarten minder goed tot hun recht komen dan de licht glanzende afwerking die het uiteindelijk werd. Toch blader ik soms door dat oude prototype en vraag ik me af hoe het geworden zou zijn.

Digitaal drukken tegenover offsetdruk

De hoogste kwaliteit voor een boek krijg je met offsetdruk, waarbij CMYK-platen worden gebruikt om veel pagina’s efficiënt te drukken.

De opstartkosten zijn erg hoog, want voor elke pagina moeten losse platen worden gemaakt, de pers moet worden ingesteld enzovoort. Maar als dat eenmaal staat, is duizenden exemplaren drukken behoorlijk efficiënt en kan het heel goedkoop worden. De techniek is vaak bedoeld voor honderden of duizenden exemplaren, dus de prijs per stuk wordt heel laag als je er veel bestelt.

Onze belangrijkste beperking was dat we heel kleine oplages drukten (meestal precies 1) van totaal verschillende boeken, dus elk boek moest apart worden gedrukt en toch van hoge kwaliteit zijn. Offsetdruk zou dus onbetaalbaar zijn, en we moesten digitaal drukken gebruiken, wat meer lijkt op hoe je printer thuis werkt en geen speciaal gemaakte platen nodig heeft.

Niet zo mooi als klassieke offsetdruk, maar de kwaliteit van digitaal drukken lijkt met de nieuwste techniek flink vooruitgegaan. Er is nog steeds een merkbaar verschil, vooral in kleinere details en bij het zo scherp mogelijk krijgen van kleine tekst, maar het zou goed genoeg zijn voor wat wij wilden.

De grootste beperking van digitaal drukken was niet de kwaliteit, maar de grootte van de pers en het papier dat erin kon. De ideale bindwijze heet smyth-sewn, een hoogwaardige manier om een boek te binden die heel duurzaam is en waarbij de pagina’s makkelijk open blijven liggen.

Maar daarvoor moeten meerdere pagina’s op enorme vellen worden gedrukt, die daarna tot één katern worden gevouwen om te worden genaaid.

Helaas kon de digitale pers alleen vellen aan die groot genoeg waren voor een paar van onze pagina’s, dus die techniek viel af.

In plaats daarvan moesten we de boeken lijmbinden, waarbij de pagina’s aan de zijkant aan elkaar worden gelijmd. Voor eenzelfde uitstraling kwamen er stoffen kapitaalbandjes op, zodat het er vergelijkbaar uitzag. Zo begonnen we bij het eerste prototype. Het werkte goed, maar er was een probleem met de duurzaamheid: na een tijdje lieten de eindpagina’s los. Om dat op te lossen voegden we extra zijsteken toe als versteviging.

De pagina’s ontwerpen

Onze aanpak was om mijn eerste boek met maximale curatie met de hand te maken, gericht op de best mogelijke 64 pagina’s zonder me veel om automatisering of schaal te bekommeren. Als dat goed genoeg was, konden we het proces stroomlijnen en de pagina’s doortrekken naar de rest van de boeken.

De kaarten uit de app of van de site gaven een goed vertrekpunt voor wat de pagina’s konden worden, bijvoorbeeld de plattegronden of de hardlooproutes.

Zo konden we de pagina’s gaan vullen met vertrouwde ontwerpen, met kleine aanpassingen om het in print beter te laten werken. De felgroene lijnen die op een scherm gloeien, zagen er in print bijvoorbeeld vlak en slecht zichtbaar uit, zeker boven op een satellietbeeld. Die konden wit en feller worden. Gemiddeld ging het bij de meeste aanpassingen om veel meer contrast en meer nadruk.

Het moest vertrouwd blijven voelen, maar we wilden ook nieuwe ideeën voor print die nog nooit waren gedaan, met de boekvorm als voordeel. Mensen gaven hier veel geld aan uit, dus het mocht niet voelen alsof we hun Gyroscope-webprofiel hadden gepakt en op afdrukken hadden geklikt.

Een interessante eigenschap van een boek is dat er altijd twee pagina’s naast elkaar te zien zijn, dus we konden de ervaring als spreads van twee pagina’s ontwerpen. Het grootste deel van het boek is per twee pagina’s bedacht: aan de ene kant bijvoorbeeld de foto’s of de kaarten van een maand, aan de andere kant meer gedetailleerde cijfers. Of we konden grote grafieken en kaarten over beide pagina’s laten lopen voor een meeslepender effect.

In dit voorbeeld staat een grafiek van het computergebruik over het hele jaar, uitgesmeerd over twee pagina’s.

Een grote beperking op de site en in de app is snelheid. Elk datapunt van een heel jaar laden is meestal niet praktisch: het zou te traag zijn en te veel belasting op onze servers geven. In print kunnen gekke dingen als elk uur van het jaar laden wel. Het duurt misschien 5–10 seconden om die data van de server te halen, maar gelukkig hoeft dat niet elke keer dat je het boek openslaat.

Deze weergave laat zien op welke tijdstippen van de dag apps door het jaar heen het vaakst werden gebruikt, op basis van RescueTime-data die naar Gyroscope is gesynchroniseerd.

Vaak probeerde ik de eerste versie met mijn eigen data, maar daarna ging ik testen met iedereen die een boek had besteld. Soms was ik een uur zoet met alleen maar naar de verschillende pagina’s kijken en hoe ze voor iedereen uitpakten. Dat was meestal een goed teken en betekende dat de pagina klaar was.

Mind Map

Een van onze populairste kaarten in de app is de wekelijkse Mind Map, met een mooi overzicht van wanneer je aan het werk was, muziek luisterde of offline was, en hoe dat door de week verandert.

Op dezelfde manier konden we een heel jaar gebruik op één pagina laden en in kaart brengen, maand voor maand. Weekenden werden uitgelicht om weekpatronen te tonen en te verklaren waarom sommige dagen anders zijn dan andere.

In de eerste versies hadden de stippen geen labels en wisten mensen niet goed wat de pagina liet zien. Voor de laatste versie voegden we een paginatitel toe en labels voor elke maand, met het totaal erbij en uitleg over het verschil tussen groene en rode cirkels.

Reizen & plezier

We zijn niet alleen werkbijen met algemene cijfers als stappen en productiviteit. Een belangrijk deel van het boek was uitzoeken hoe we het persoonlijk en vermakelijk konden maken, met dingen die je dat jaar deed en die laten zien wie je bent.

De plekken waar je bent geweest waren heerlijk om opnieuw te bekijken, en met een heel jaar data laten ze betekenisvolle patronen over iemand zien. Ik zit bijvoorbeeld veel in koffiezaken, zowel voor de cafeïne als om te werken.

Vooral bij mensen met kinderen was Disneyland een populaire bestemming. Sommigen hadden zelfs check-ins bij specifieke attracties.

Muziek bijhouden

Muziek bijhouden was iets anders dat we al een paar jaar verzamelden, en een mooie kans om elke maand memorabeler te maken.

Mijn ervaring is dat liedjes vaak als tijdmachines werken en je terugbrengen naar het moment waarop je ze luisterde.

Ik dacht: als we je meest beluisterde nummers op een rij zetten, hebben sommige daarvan betekenisvolle associaties en zeggen ze veel meer dan “dat was de maand met 100.000 stappen”.

Kaarten

We hadden al veel kaarttechnologie gebouwd voor de site en de app, die clusters maakt en de plekken labelt waar je bent geweest. Voor wie Moves trouw gebruikte, lichtte hij de reislijnen ertussen uit. Die kwamen in print heel mooi uit, na wat aanpassingen om de drukresolutie en de kleuren te verbeteren.

Feedback van gebruikers & eigen gebeurtenissen

De boeken zijn natuurlijk sterk toegespitst op ieders eigen data. Naast het tonen van die data hadden we ook een paar persoonlijke opties, zoals een opdracht voorin of de keuze van een accentkleur.

Het boek had een tijdlijngedeelte met een overzicht van wat er in 2016 gebeurde. Veel details, zoals reizen naar andere steden, konden we uit de opgeslagen data afleiden.

We hadden ook een manier om eigen gebeurtenissen aan de tijdlijn toe te voegen, vooral belangrijke momenten in een leven, zoals trouwen, een kind krijgen of een nieuwe baan. We benaderden klanten om hun eigen gebeurtenissen voor de tijdlijn door te geven, en om te vragen of ze het boek aan iemand wilden opdragen.

Die kwamen in het JSON-bestand terecht en verschenen automatisch in het boek.

Andere gebruikers hadden meer feedback op de losse pagina’s in hun concept en hielpen ons allerlei bugs opsporen en oplossen.

Een paar boeken waren bijna klaar en goed getest, maar veel bestellingen moesten nog worden verwerkt en gemaakt. We hadden een hoop techniek gebouwd om het proces te stroomlijnen en de pagina’s te genereren, maar een heel boek maken was in het begin nog behoorlijk handwerk: een dag of twee werk om de curatie af te ronden.

Toen we van mijn boek naar dat van anderen gingen, liepen we tegen veel problemen met de datakwaliteit en ontbrekende stukken aan, en dat vertraagde alles.

Gaten in de data of maanden zonder registratie waren een grote uitdaging, en we moesten manieren bedenken om sommige mensen van 30 of 40 pagina’s naar de volle 64 te krijgen, want alle boeken zijn even lang. De meesten hadden wel mooie data verstopt in hun account, maar hun leven moest worden geanalyseerd om te bepalen wat die gebeurtenissen waren en om de inhoud zo samen te stellen dat het goed op de pagina’s terechtkwam.

Ik ging tientallen eerste-concept-PDF’s op mijn computer door en noteerde welke stukken interessant waren en welke pagina’s er per persoon uit moesten.

Sommige mensen liepen bijvoorbeeld helemaal niet hard, dus die pagina’s waren niet van toepassing, maar misschien fietsten ze wel en konden we dat laten zien. Anderen hielden hun computergebruik niet bij via RescueTime en konden de mindmap en de bijbehorende pagina’s niet krijgen. Reizen was ook belangrijk: uitzoeken wanneer iemand op reis was en dat als eigen pagina uitlichten.

Met de eerste 10 boeken klaar moest ik alleen de rest nog afmaken en de overige concepten naar 64 pagina’s brengen. Ik sloot mezelf ongeveer een week op in een hotelkamer in Florence en kwam alleen naar buiten voor een snelle pasta of om te gaan hardlopen. De meeste boeken voelden zo’n 90% af, maar hadden nog wat laatste details nodig om echt goed te zijn. Dit was het moment voor die laatste 10%, die ze hopelijk van best goed naar heerlijk zou tillen tegen de tijd dat ze de deur uitgingen.

Toen de definitieve JSON-structuur was geschreven, kostte het laden en exporteren van elk boek ongeveer 10 minuten: alle pagina’s en beeldbestanden laden, de laatste controles doen en de PDF opslaan.

Uiteindelijk waren ze allemaal af, als een reeks genummerde PDF-bestanden met namen op mijn computer. Eind augustus stuurde ik de drukkerij alle PDF’s, met een bijbehorend overzicht van alle bezorggegevens. Nu hoefden we alleen nog te wachten tot ze werden gemaakt en verstuurd.

Versturen

Deze oktober, bijna precies een jaar nadat ik de eerste regels code voor het boek schreef, waren de boeken eindelijk klaar & onderweg naar iedereen die er een had besteld.

Met 80 exemplaren in de gelimiteerde oplage duurde het wat langer dan verwacht om de ontwerpen voor iedereen klaar te maken. Er waren nog steeds veel verbeteringen mogelijk, maar we wilden ze ook op een redelijke termijn echt versturen.

Om het versturen in goede banen te leiden en te zorgen dat iedereen het juiste boek kreeg, gaven we de drukker een overzicht van alle PDF-bestanden met de bijbehorende adressen. Veel bestellingen bleven in de Bay Area, maar sommige gingen naar andere landen, met een paar naar Canada en Nederland.

“Real artists ship” –Steve Jobs

Een paar dagen later zat ik tientallen verschillende trackingnummers te verversen en volgde ik hun reis over de wereld terwijl de bezorgingen begonnen.

De meeste gingen soepel, maar voor een paar moest ik UPS bellen en de bezorging regelen om te zorgen dat ze goed aankwamen. Dingen doen in de echte wereld is lastig!

De verkeerde boeken bij de verkeerde mensen bezorgen was een scenario waar ik ’s nachts wakker van lag, dus we hielden ze allemaal apart gelabeld en gevolgd. Omdat ze vanbinnen allemaal anders waren maar op de omslag hetzelfde, was het heel belangrijk dat iedereen zijn eigen boek kreeg.

Omdat dit een gelimiteerde oplage was die nooit meer zou worden gemaakt, liet ik 10 extra exemplaren van mijn eigen boek maken, en die kwamen op een woensdagmiddag in een doos aan.

Ik had de ontwerpen al gezien, maar dit was ook voor mij de eerste keer dat ik het uiteindelijke boek in het echt zag. 2016 voelde zo lang geleden, en ik was een hoop dingen vergeten waar het boek naar verwees.

In het wild

Het leukste was de reacties van mensen zien toen ze hun boek kregen, met foto’s die ze plaatsten en waarmee ze bij vrienden pronkten.

Instagram Stories waren ook een populaire plek, waar mensen hun uitpakvideo’s deelden en voor het eerst door de pagina’s bladerden.

Een van de boeken werd besteld door Nicholas Felton zelf, die zo de traditie van de Feltron Annual Reports voortzette, maar zonder al dat werk.

Onderhoudstips

De meeste pagina’s spreken voor zich en zijn in de derde persoon geschreven, dus je kunt ze makkelijk aan iemand laten zien om te vertellen wat je vorig jaar deed. De omslag kan wel vuil of vetvlekken oplopen, dus als je hem aan iemand geeft, raden we aan even te vragen of zijn handen schoon zijn.

Bestel je eigen boek!

De boeken zijn aan het eind van het jaar vooruit te bestellen op de site in beperkte oplage.