Connecting...

Cancel

Die Geschichte von Gyroscope

Die Bücher zum Jahresbericht drucken

Die Geschichte, wie wir für alle unsere Nutzer personalisierte Bücher gestaltet und gedruckt haben

Die Bücher zum Gyroscope-Jahresbericht drucken

Wie wir für alle unsere Nutzer personalisierte Bücher gestaltet und gedruckt haben!

Gyroscope ist eine App, in der du alle Statistiken über dein Leben sehen kannst, bisher nur digital: auf der Website, auf dem iPhone, auf Android oder in Chrome. Jedes Jahr erstellen wir einen Jahresrückblick über alles, was du gemacht hast, aber die Idee eines Bildbands über dein Leben hat uns immer fasziniert: dein Leben als ein Produkt, das du wirklich anfassen oder jemandem in die Hand drücken kannst.

Letztes Jahr haben wir uns vorgenommen, das Wirklichkeit werden zu lassen. Wir wussten wenig über Druck, hatten aber seit ein paar Jahren Jahresberichte gemacht. Ende 2016 haben wir ein Bestellformular online gestellt, und ein paar Pro-Mitglieder haben ihr Buch vorbestellt.

Nach fast einem Jahr Gestaltung und Prototyping ist die limitierte Auflage von 80 Büchern produziert und an ihre Besitzer verschickt worden!

Am Ende jedes Jahres werden wir eine neue Auflage produzieren. Sie kosten 399 $ pro Stück, was ziemlich viel ist, aber dieser Beitrag erklärt, was in jedes einzelne hineingeht und warum die Druckkosten bei einer Auflage von 1 so hoch sind.

Wir hatten vorher noch nie Druckprodukte gemacht (und soweit ich weiß hat es so etwas noch nie als Produkt gegeben), deshalb wollte ich ein bisschen mehr darüber erzählen, wie sie entstanden sind…

In der Druckerei

Die frühe Inspiration

Nicholas Felton macht schon sehr lange Jahresberichte über sein Leben. Über ein Jahr hinweg sammelte er Daten über sich selbst und produzierte dann ein Buch, das all diese Details auswertet. Alle 10 seiner Berichte sind auf seiner Website online zu sehen, lassen sich aber auch als gedruckte Bücher bestellen. Ich habe mir ein paar davon vor einigen Jahren gekauft.

Ich kannte die Entwürfe zwar von seiner Seite, aber das Buch mit seinem besonderen Papier und den fluoreszierenden Farben tatsächlich durchzublättern war ein viel magischeres Erlebnis, das sich in einer App nicht nachbauen lässt.

Jedes Jahr hatte einen anderen Schwerpunkt, mit etwa 16 Seiten, die ein bestimmtes Thema vertiefen. Der Bericht von 2013 zum Beispiel drehte sich ganz um Kommunikation und analysierte im Detail, wie er mit Menschen sprach.

Das Schöne an einem ganzen Jahr voller Daten ist, dass Muster sichtbar werden, die über ein paar Tage oder Wochen vielleicht gar nicht interessant gewesen wären. Einfache Messwerte über ein ganzes Jahr können zugrunde liegende Trends zeigen oder den Blick auf die interessanten Ausreißer lenken.

Die quantitative Auswertung und die detaillierten Trends sind toll, aber die schönsten Teile des Berichts waren nicht die Statistiken, sondern die qualitativen Details über einen Menschen. Neben den großen Diagrammen geben die kleinen Datenpunkte, etwa die Sorten von Gurken oder Käse, die er gegessen hat, den Büchern viel mehr Persönlichkeit und machen sie zu einem intimeren Bericht.

Dinge wie die Anzahl der Burritos, die du isst, oder deine meistgegessene Eissorte sind schwer zu erfassen, aber es sind wirklich beeindruckende Details, bei denen Leute fragen: „Wow, woher weißt du das?“ Ein bisschen wie ein Zaubertrick.

Manchmal bekommt man sie nur, indem man das ganze Jahr über mühsam alles mitschreibt, in anderen Fällen lassen sie sich aber auch passiv ermitteln.

In solchen Büchern steckt viel Kuratierung und Filterung, fast ein Jahr Arbeit für jedes einzelne. Das für andere Menschen im großen Maßstab hinzubekommen wäre schwierig, aber es wäre ein wichtiger Schritt, damit diese Berichte ihre Besitzer wirklich berühren und ein Jahr ihres Lebens richtig abbilden.

2014 war das 10. und letzte Jahr der Feltron Annual Reports. Unsere Bücher müssten da weitermachen, wo diese aufgehört haben, und ihm ermöglichen, für jedes Jahr seines Lebens weiter Berichte zu haben, nur eben ohne die ganze Arbeit.

Die Online-Berichte von Gyroscope

Die ursprüngliche Webversion des Jahresberichts!

In unseren Online-Jahresberichten haben wir schon viele gute Daten für das Jahr ausgewertet und gezeigt, geordnet nach Bereichen: Reisen, Laufen, Fotos und so weiter.

Ein paar von Mahdis Workouts aus 2016

Digitale Aktivität und gehörte Musik summierten sich über das Jahr und ergaben einen schönen Überblick über die ganze geleistete Arbeit.

Auch die Reisekarten sahen mit einem Jahr an Daten richtig gut aus und zeigten Muster in einer Stadt und die häufig besuchten Orte.

Laufen und Radfahren sind bei vielen unserer Nutzer sehr beliebt, sie teilen ihre Workouts über das Jahr in der Gyroscope App. Mit einem ganzen Jahr an Daten kann man einen Überblick über die Veränderungen im Jahr sehen und seine Lieblingsrunden oder großen Rennen noch einmal erleben.

Die Idee prüfen

Über gedruckte Bücher hatten wir schon geredet, seit Gyroscope angefangen hat. Sie wirklich zu produzieren wäre allerdings ein riesiges Projekt und wahrscheinlich sehr teuer.

Ich wollte auf jeden Fall eins für mich selbst, aber wir waren neugierig, wie viele unserer Nutzer eins kaufen würden oder sich dafür interessieren. Die digitale Version des Jahresberichts gab es ja schon online, und sie war ziemlich gut.

Statt einfach loszulegen, haben wir eine Umfrage unter unseren Pro-Mitgliedern gemacht, um zu sehen, was sie interessiert und wie viel sie tatsächlich für ein hochwertiges Buch zahlen würden.

Der durchschnittliche Preis würde vieles davon bestimmen, was wir machen könnten. Ein einfaches Magazin oder ein Heft mit 10 Seiten wäre viel billiger als ein großes Hardcover-Buch. Schöne Details wie Folienprägung oder Premiumpapiere und -farben würden die Kosten erhöhen, das Buch aber auch viel schöner machen.

Eine der Fragen lautete „Was ist das Maximum, das du für dein Buch zahlen würdest?“, und ein paar Leute sagten, sie würden 200 bis 250 $ zahlen. Viele mehr lagen im Bereich von 100 bis 200 $, was wie ein guter Preis aussah, wenn wir die Kosten niedrig genug bekämen.

Ich hatte kein gutes Gefühl dafür, wie viel all diese Dinge im Druck kosten würden, aber ich ahnte, dass es am Ende sehr teuer werden würde.

Eine der größten Rückmeldungen war, dass Leute interessiert waren, aber für 2016 nicht genug Daten erfasst hatten. Viele von ihnen hatten vor, Gyroscope regelmäßiger zu nutzen, und wollten sich Ende 2017 ein gutes Buch holen.

Fehlendes vernünftiges Location-Tracking (über unsere Moves-Integration) war einer der größten Engpässe und einer der Gründe, warum wir das gerade selbst bauen.

Eine Druckerei finden

Um herauszufinden, was die Bücher kosten könnten, wollte ich Angebote von ein paar Druckereien einholen und erfahren, was Dinge wie Silberfolie und Hardcover kosten. Danach könnten wir mit Vorbestellungen anfangen und an den Büchern für alle arbeiten.

Die richtige Druckerei zu finden war überraschend schwierig.

Ich habe kurz gesucht und ein paar Dutzend Betriebe in der Bay Area angeschrieben. Die meisten waren sehr irritiert von unserer Anforderung, dass jeder Druck einen eigenen Inhalt hat statt einer großen Auflage. Fast einen Monat lang habe ich gesucht und Leute aus der Druckbranche nach Empfehlungen gefragt. Ein paar Online-Dienste für Fotobücher auf Abruf tauchten auf, etwa Blurb. Die schienen aber sehr teuer und in der Qualität begrenzt, eher gedacht für ein einzelnes Familienfotoalbum als für ein professionelles Projekt oder eine Serie von hunderten Büchern.

Schließlich fand ich eine lokale Druckerei in Potrero Hill namens Watermark Press, die auf Digitaldruck spezialisiert schien. Eines Tages bin ich hingelaufen, und wir haben eine Stunde lang Muster angeschaut, die sie gedruckt hatten, und über verschiedene Stile und Materialien für das Buch gesprochen.

Hinter den Kulissen in der Druckerei

Indem wir uns die Optionen persönlich angeschaut haben, konnten wir die meisten Entscheidungen über die Details des Buches treffen.

Auch die Wahl des Papiers für die Innenseiten brachte viele Abwägungen mit sich, bei Gewicht, Textur und Format. Die Seiten mussten dick genug sein, um sich wertig anzufühlen, aber nicht so dick, dass sie nicht leicht aufgeschlagen bleiben oder nervig zu blättern sind, wie ein Stapel zusammengeklebter Pappen.

Die großen Bücher im Format 9x12 wirkten viel immersiver und wertiger als kleinere, machten aber auch alles deutlich teurer. Ich dachte mir, dass den Kunden das bessere Erlebnis das wert wäre. Kurz haben wir überlegt, es quadratisch zu machen, passend zum Design der Karten in der iPhone App, entschieden dann aber, dass es wichtiger ist, sich wie ein echtes Buch anzufühlen.

Für die Textur der Seiten gab es verschiedene Optionen: glänzend oder matt, lackiert oder unlackiert. Wegen der Qualität der Fotos und der Farbwiedergabe tendierten wir zu einem Seidenfinish, aber das Gefühl einer rauen, matten Oberfläche hatte auch viel für sich.

Codename Jubilee

Mit genug interessierten Mitgliedern und den ersten eingehenden Vorbestellungen fingen wir an, herauszufinden, wie wir für all diese Leute tatsächlich Bücher machen.

Zuerst haben wir uns die klassischen Werkzeuge wie InDesign angesehen, mit denen Bücher oft gestaltet werden. Viele der Funktionen drehen sich darum, Seitenzahlen dynamisch zu setzen oder Text über Seiten fließen zu lassen.

So gut wie alles in dieser Branche ist darauf ausgerichtet, viele Exemplare eines Buches zu drucken. Wir wollten das Gegenteil: viele Bücher gleichzeitig gestalten und von jedem nur ein Exemplar drucken.

Ich fand diese interessante Anleitung zum Bücherbauen mit CSS3, was nach einer vielversprechenden Idee klang. Mir gefiel der Gedanke sehr, das mit Webtechnologien und JavaScript zu bauen, gerade weil wir davon für die Webversion der Jahresberichte schon viel hatten.

Es gab ein paar nützliche Tipps, wie man ein Buch mit CSS-Eigenschaften umbricht, aber am Ende empfahl der Text den falschen Weg, mit teuren Werkzeugen wie Antenna House oder Prince, um aus HTML-Seiten ein PDF zu machen. Ich habe mir die Dokumentation angesehen und sie kurz ausprobiert, aber sie schienen nicht gut zu funktionieren, vermutlich nur für sehr einfache Textbücher gedacht und nicht für JavaScript oder reichhaltige Inhalte wie unsere Diagramme und Bilder.

Es gab auch ein paar Kommandozeilen-Tools, die Webkit für PDFs nutzten, aber die waren ebenfalls etwas seltsam und bestanden unsere einfachen Tests für brauchbare PDFs nicht.

Trotzdem gefiel mir die Idee gut, ein Buch mit JavaScript und CSS aus einer Reihe von Webseiten zu drucken. Wir haben mit dieser Technik schon alles Mögliche gebaut: Websites, Uhren, Apps, warum also kein Buch?

Unsere erste iPhone App hatte den Codenamen Magneto, und seitdem sind alle unsere Projekte und Kanäle nach X-Men-Figuren benannt.

Die Lauf-App war Quicksilver, unsere Datenbank heißt Cerebro, und dieses Buch bekam natürlich den Namen Jubilee.

Wir haben angefangen, indem wir Teile des Codes der ursprünglichen Jahresberichte geforkt haben, aber als neuen Bereich mit besonderen Druckvorgaben. Die Anforderungen beim Drucken sind in vieler Hinsicht das Gegenteil vom Internet: Ladegeschwindigkeit spielt keine Rolle, Animationen gibt es nicht, und Seitenformat und Auflösung sind immer bekannt.

Statt uns mit verschiedenen Geräten und möglicher mobiler Nutzung herumzuschlagen, hatte jede Seite eine feste Größe in Zoll und ein bekanntes Seitenverhältnis, alle Maße konnten also fest eingetragen werden. Und anders als im Webdesign ließen sich die Einheiten in Zoll angeben.

Und dieses Buch bekam natürlich den Namen Jubilee.

Es hat eine Weile gedauert, sich an diese anderen Vorgaben und an CSS in Zoll zu gewöhnen, aber es hat die Arbeit auch richtig spaßig gemacht und Dinge ermöglicht, die im Web oder in einer App normalerweise nicht gehen.

Als die einfachen Seiten auf der Website standen und für den Druck bemaßt waren, mussten wir herausfinden, wie wir sie in ein Format bekommen, das an eine Druckerei geht, und sehen, wie diese Entwürfe gedruckt aussehen.

Wie schon erwähnt gab es ein paar Werkzeuge, die versprachen, aus Webseiten Bücher zu machen. Die waren aber alle furchtbar und teuer und schienen nicht einmal richtig zu funktionieren.

Zum Glück bringen Browser schon eine einfache Möglichkeit mit, ein PDF zu erzeugen: Drucken.

Nachdem wir verschiedene Browser und Druckeinstellungen ausprobiert hatten, war Google Chrome am Ende der beste Weg. Viele Browser entfernen beim Drucken Bilder oder Hintergrundfarben, was die Seiten kaputt gemacht hätte. Chrome hatte ein praktisches Häkchen, um sie mitzunehmen, sodass die gedruckte Seite ähnlich aussah wie auf dem Bildschirm.

Der letzte Schritt nach dem Export aus dem Browser war, die Dateien mit Adobe Acrobat vorzubereiten, sie zusammenzuführen und zu beschneiden, um die fertige Datei zu erzeugen.

Adobe Acrobat

Die Seiten waren 9x12, aber wir mussten drumherum ein bisschen Anschnitt hinzufügen, die tatsächlichen PDFs waren also größer: genau 9.687"x12.750".

In Wahrheit war das Buch zu machen nicht ganz so einfach wie auf Drucken zu klicken und ein Häkchen zu setzen. Später haben wir Wochen damit verbracht, Probleme mit kleinen Details zu lösen: Kreise korrekt mit Border-Radius zu rendern, Emoji auf der Seite darzustellen (der Vektorsatz von Twitter war dafür nützlich) oder auch nur den richtigen Schwarzton zu treffen. Für den ersten Andruck reichte es aber.

Der erste Entwurf entstand am 27. Dezember um 19:53 Uhr, in Adobe Acrobat aus einem Haufen einzelner PDFs zusammengesetzt (eines pro Seite). Er war nicht besonders gut gestaltet, fing aber schon an, ein bisschen wie ein Buch auszusehen, mit einer Einleitung, einem Inhaltsverzeichnis und ein paar Kapiteln voller Seiten.

Ich habe das (sehr) einfache PDF meines Buches an die Druckerei geschickt, um sicherzugehen, dass sie mit diesem Format wirklich arbeiten kann. Die Idee war, dass wir ihnen irgendwann Dutzende oder Hunderte ähnlicher PDFs liefern und sie uns daraus irgendwie Bücher machen.

Der erste Andruck

Um sicherzugehen, dass unser Weg, die Bücher aus der Website zu erzeugen, wirklich funktioniert, haben wir das PDF als Andruck auf der Digitaldruckmaschine machen lassen. Ein paar Tage später kam der Andruck in einem großen Umschlag zurück: 32 unbeschnittene Bogen, mit Anschnitt und Schnittmarken.

Es fühlte sich noch nicht ganz wie ein Buch an, aber es war ein toller Anfang. Diese erste Version war nur ein Stapel riesiger Seiten, doch auf Papier sah man, welche Elemente im Druck gut aussehen und wie sich die verschiedenen Sachen in CMYK übersetzen.

Ich habe schnell gelernt, früh & oft zu testen und Andrucke zu bestellen, statt die Seite nur am Computer anzuschauen. Druck ist ein ganz anderes Medium als ein Bildschirm und kann sehr unnachgiebig sein. Die gute Nachricht war, dass die Karten und Fotos, die einen großen Teil des Erlebnisses ausmachen, auf dem Papier, das wir benutzten, schön herauskamen. Wir haben mit einem matten, ungestrichenen Papier experimentiert, das sich gut anfühlte, aber leider verloren die Bilder viel Kontrast und Tiefe.

Viele Elemente, auf die wir auf der Website setzen, etwa leuchtende Farben für Laufstrecken oder das Glühen auf einer Karte, kamen im Druck nicht gleich rüber, wo es keine Hintergrundbeleuchtung gibt.

Im Web können Farben meist feine Grautöne sein oder leicht getönt, statt überall komplett #000 und #fff zu benutzen. Im Druck sah Text dagegen oft in vollem Schwarz besser aus. Hellgraue Details und feine Linien übertrugen sich nicht so gut und wurden unscharf, sobald die Rasterpunkte sichtbar wurden. Wir spielten nach einem komplett neuen Regelwerk, hatten aber bald ein gutes Stylesheet, das im Druck funktionierte und schöne Farben hatte.

Auf Peters Vorschlag hin haben wir außerdem einen Preflight-Schritt eingebaut, der die vollflächig schwarzen Bereiche von einfacher schwarzer Farbe in eine Technik namens Rich Black umwandelt, bei der andere Farben unter das Schwarz gelegt werden, damit es noch dunkler wirkt.

V2 des Buches mit Rich-Black-Farbe

Die Bücher abbilden & speichern

Als die einfachen Seiten liefen, mussten wir herausfinden, wie wir sie speichern und kuratieren. Jedes Buch hatte 64 Seiten, wir mussten also für jedes den Inhalt festlegen.

Eine Möglichkeit wäre gewesen, sie in die Datenbank zu legen, aber die genaue Struktur änderte sich noch ständig. Außerdem gab es nur ein paar Dutzend Bücher, sie manueller zu speichern war also nicht allzu schwer.

Am Ende haben wir sie als Array von Seiten gespeichert, in einer Python-Datei namens pages.py, die inzwischen etwa 6.000 Zeilen lang ist. Sie enthält die kuratierten Details für das Buch jedes Einzelnen, jede Seite kann Optionen haben, etwa ob sie im Inhaltsverzeichnis auftaucht. Die Seiten waren paarweise gruppiert, damit wir wussten, welche zwei Seiten nebeneinander stehen und zusammenpassen.

Vorbestellungen

Bis dahin war ich mir nicht sicher, ob das überhaupt möglich ist. Jetzt, mit einem groben Andruck von der Druckerei und ein paar Angeboten, sah es machbar aus. Viel Arbeit und sehr teuer, aber etwas, das wir anbieten könnten.

Wir haben eine Seite mit ein paar Konzeptfotos und Fotos der letzten Andrucke online gestellt, dazu einen Bestellbutton. Bei kleiner Stückzahl wären die Druckkosten extrem hoch, wir haben es also mit 299 $ ausgezeichnet, mit 50 $ Rabatt für Pro-Mitglieder.

Es waren nicht sehr viele, aber es kamen Bestellungen herein, von Leuten, die sich das schon lange gewünscht hatten oder einfach sehr begeistert von Gyroscope waren. Andere sagten, sie fänden es spannend, würden es aber im nächsten Jahr kaufen, wenn sie genug Daten haben.

Den Umschlag gestalten

Sehr früh war mir klar, dass ich irgendeine Art von Silberfolie haben wollte. Dieses ganze Projekt war wahrscheinlich nur ein Vorwand, um endlich mit Metallicfolien arbeiten zu dürfen.

Einer der Kompromisse beim Umschlag war, auf jede Personalisierung zu verzichten, also auf den Namen der Person oder andere individuelle Inhalte. Da würde nur „Annual Report“ und das Jahr 2016 stehen.

Es wäre schön gewesen, das Gesicht der Person oder andere dynamische Infos auf dem Umschlag zu drucken, aber das hätte alles viel komplizierter gemacht. Sie alle identisch zu machen erlaubte uns, sie zusammen als Auflage von 100 Bogen auf einer richtig guten Druckmaschine zu drucken, als (etwas) günstigeres und viel besser handhabbares Projekt.

Zusätzlich zur Silberfolie haben wir Spot-UV verwendet, ein Effekt, bei dem nur einzelne Teile der Seite eine glänzende Oberfläche haben. Technisch ist er transparent, aber er reflektiert das Licht anders und lässt sich auch fühlen.

Ich hatte das vor langer Zeit schon auf den Visitenkarten von April Zero benutzt. Man kann damit dezentere Texte setzen (etwa „limited edition“) oder dem Umschlag mehr Struktur geben, sodass er griffiger ist und interessanter wirkt. Jeder Punkt wurde einzeln platziert, damit es leicht geometrisch, aber auch ein bisschen natürlich und organisch wirkt.

UV- & Folienebenen

Zusammen mit der Grundebene ergaben die beiden so etwas wie das hier, das um den Hardcover-Deckel gelegt wurde.

Wir haben diskutiert, ob der Umschlag aus einem speziellen farbigen Papier sein soll oder einfach aus schönem weißem Papier mit aufgedrucktem Design. Am Ende haben wir uns für Letzteres entschieden, weil wir so mehr Details im Gyroscope Logo zeigen und auf dem Rücken schlichten weißen Text haben konnten. Das G des Logos und der Text 2016 kamen in Silberfolie.

Zuerst haben wir ein paar simulierte Andrucke gemacht und das Design in CMYK auf eine flache Seite gedruckt. Es sah ähnlich aus wie das finale, nur ohne Folie und Sondereffekte. So konnten wir Größe und Form verbessern und sicherstellen, dass alles auf dem echten Umschlag gut sitzt.

Es in der Hand zu halten und durchzublättern war ein wichtiger Teil des Prozesses, um eine realistische Vorschau auf das fertige Produkt zu bekommen und die nötigen Anpassungen zu machen. Der Text 2016 sah in der Datei zum Beispiel ausgerichtet aus, musste im Druck aber nach rechts geschoben werden, weil der Rücken so viel Platz einnahm.

Simulierter Andruck, nur mit Farbe, ohne Folie

Als das Design richtig ausgerichtet und bemaßt war, haben wir es freigegeben und hundert Exemplare des Umschlags auf einer schönen Offsetmaschine gedruckt. Er ging als drei getrennte Ebenen an die Druckerei: Farbe, Silber und UV.

V3, mit den finalen Folienumschlägen

Im April waren alle finalen Umschläge gedruckt und für die fertigen Bücher eingelagert. Einen davon haben wir für den nächsten Andruck des Buches genommen. Dieser 3. Prototyp kam dem, wie sich das fertige Produkt anfühlen würde, schon nahe, mit überarbeiteten Entwürfen für die 64 Seiten und der Folie auf dem Umschlag. Er ist richtig schön geworden und fing an, sich wie ein echtes Produkt anzufühlen. Blieben nur noch die 2.304 individuellen Seiten, die hineingehörten.

Abwägungen & Druckkosten

2016 auf den Umschlag zu drucken war eine große Entscheidung mit vielen Folgen. Es sah gut aus und gab uns eine große Fläche für Folie, hieß aber auch, dass die Umschläge sich nicht für 2017 oder etwas anderes wiederverwenden lassen.

Der Gedanke war, dass ein eigener Rücken und Umschlag für jede Jahresausgabe ein tolles Detail ist, den Aufpreis wert. Wie hoch ist dieser Aufpreis? Etwa 30 bis 40 $ mehr, als wenn wir etwas Generisches genommen hätten. Mit dieser Strategie kostete der Druck von 100 Umschlägen am Ende rund 4.000 $, der Umschlag jedes Buches also rund 50 $.

Viel mehr Umschläge zu drucken, selbst 1.000, wäre nicht viel teurer gewesen, weil die meisten Kosten in die Einrichtung gehen. Es gab aber nicht so viele Bestellungen für die Bücher, das wäre also verschwendet gewesen. Eine der Lektionen hier ist, dass hochwertige Materialien mit der Menge deutlich bezahlbarer werden. Online gilt das auch: mehr Nutzer und zahlende Kunden bedeuten ein besseres Produkt für alle, aber im Druck kann dieser Unterschied noch viel extremer sein.

Auch die Größe des Buches war heikel: 9x12 wäre viel teurer als 8x11 oder etwas Kleineres, fühlte sich aber so viel besser an und ließ die Karten deutlich größer werden.

Andere Abwägungen betrafen nicht die Kosten, sondern Haltbarkeit oder Stil. Wir haben wochenlang über verschiedene Papieroberflächen gestritten: die raue Version des Buches fühlte sich großartig an, brachte die Karten aber nicht so gut zur Geltung wie das leicht glänzende Finish, für das wir uns entschieden haben. Trotzdem blättere ich manchmal durch diesen alten Prototyp und frage mich, wie er wohl geworden wäre.

Digitaldruck vs. Offsetdruck

Der hochwertigste Weg, ein Buch zu drucken, ist der Offsetdruck, bei dem CMYK-Platten benutzt werden, um viele Seiten effizient zu drucken.

Die Einrichtungskosten sind sehr hoch, weil für jede Seite einzelne Platten gemacht und die Maschine eingerichtet werden muss. Ist die Einrichtung aber erst einmal fertig, ist der Druck von tausenden Exemplaren sehr effizient und kann richtig billig werden. Die Technik ist oft für hunderte oder tausende Exemplare gedacht, sie ergibt also einen sehr niedrigen Stückpreis, wenn man viele bestellt.

Unsere zentrale Einschränkung war, dass wir sehr kleine Mengen (meist genau 1) von vielen völlig verschiedenen Büchern druckten, jedes musste also einzeln gedruckt werden und trotzdem hochwertig sein. Damit wäre Offsetdruck unbezahlbar teuer geworden, und wir mussten eine Technik namens Digitaldruck nutzen, die eher funktioniert wie dein Drucker zu Hause und ohne eigens gefertigte Platten auskommt.

Nicht ganz so schön wie klassischer Offsetdruck, aber die Qualität des Digitaldrucks scheint sich mit der neuesten Technik stark verbessert zu haben. Es gibt immer noch einen sichtbaren Unterschied, gerade bei kleineren Details und dabei, kleine Schrift so scharf wie möglich zu bekommen, aber für unser Vorhaben würde es reichen.

Die größte Grenze beim Digitaldruck war nicht die Qualität, sondern die Größe der Maschine und des Papiers, das sich verwenden ließ. Die ideale Bindung heißt Fadenheftung, eine hochwertige Art, ein Buch zu binden, die sehr haltbar ist und die Seiten leicht aufschlagen lässt.

Dafür müssen aber mehrere Seiten auf riesige Bogen gedruckt und dann zu einer Lage gefalzt werden, die dann geheftet wird.

Leider konnte die Digitaldruckmaschine nur Bogen bedrucken, die für ein paar unserer Seiten reichten, diese Technik kam also nicht infrage.

Stattdessen mussten wir die Bücher klebebinden, wobei die Seiten am Rücken verleimt werden. Für einen ähnlichen Look wurden Kapitalbänder aus Stoff angebracht, damit es ähnlich aussieht. Beim ersten Prototyp haben wir so angefangen. Das funktionierte gut, hatte aber Probleme mit der Haltbarkeit, weil die äußeren Seiten sich nach einer Weile lösten. Zur Behebung haben wir zusätzlich eine seitliche Heftung ergänzt.

Die Seiten gestalten

Unser Ansatz war, mein erstes Buch von Hand mit maximaler Kuratierung zu machen, einfach mit dem Ziel, die bestmöglichen 64 Seiten hinzubekommen, ohne viel über Automatisierung oder Skalierung nachzudenken. Sobald das gut genug war, könnten wir den Prozess verschlanken und die Seiten auf die übrigen Bücher übertragen.

Die Karten aus der App oder von der Website gaben einen guten Ausgangspunkt dafür, was die Seiten sein könnten: die Landkarten zum Beispiel oder die Laufstrecken.

So konnten wir anfangen, die Seiten mit vertrauten Designs zu füllen, mit ein paar kleinen Änderungen, damit sie im Druck besser funktionieren. Die hellgrünen Linien, die auf dem Bildschirm leuchten, sahen im Druck zum Beispiel flach und schlecht erkennbar aus, besonders über einer Satellitenansicht. Die konnten wir auf Weiß umstellen und heller machen. Im Schnitt liefen die meisten Änderungen darauf hinaus, alles viel kontrastreicher und kräftiger zu machen.

Es sollte vertraut bleiben, aber wir wollten auch ein paar neue Ideen für den Druck einbauen, die es vorher nicht gab und die das Buchformat ausnutzen. Die Leute gaben dafür viel Geld aus, es sollte sich also nicht anfühlen, als hätten wir einfach ihr Gyrocope Webprofil genommen und auf Drucken geklickt.

Eine interessante Eigenschaft eines Buches ist, dass immer zwei Seiten nebeneinander liegen, wir können das Erlebnis also als Doppelseiten gestalten. Der Großteil des Buches war jeweils als zwei Seiten geplant: die eine Seite konnte zum Beispiel die Fotos oder Karten eines Monats zeigen, die andere ausführlichere Statistiken. Oder wir konnten große Diagramme und Karten über beide Seiten laufen lassen, für ein noch intensiveres Erlebnis.

In diesem Beispiel haben wir ein Diagramm der Computeraktivität des ganzen Jahres, über zwei Seiten gezogen.

Eine große Einschränkung auf der Website und in der App ist Geschwindigkeit. Jeden einzelnen Datenpunkt eines Jahres zu laden ist meist nicht praktikabel, es wäre zu langsam und würde außerdem unsere Server zu stark belasten. Im Druck sind verrückte Sachen wie jede Stunde des Jahres zu laden aber möglich. Es kann 5 bis 10 Sekunden dauern, diese Daten vom Server zu holen, aber zum Glück muss das nicht jedes Mal passieren, wenn du das Buch aufschlägst.

Diese Ansicht zeigt die häufigsten Tageszeiten, zu denen Apps über das Jahr genutzt wurden, basierend auf RescueTime-Daten, die zu Gyroscope synchronisiert wurden.

Shane ist eindeutig eine Nachteule und arbeitet, wenn die Kinder im Bett sind

Oft habe ich die erste Version mit meinen eigenen Daten ausprobiert und dann angefangen, sie mit allen anderen zu testen, die ein Buch bestellt hatten. Manchmal habe ich mich eine Stunde lang verloren und nur angeschaut, wie die verschiedenen Seiten bei allen geworden sind. Das war meist ein gutes Zeichen und hieß, dass die Seite fertig war.

GitHub bei Tag, Netflix bei Nacht

Mind Map

Eine unserer beliebtesten Karten in der App ist die wöchentliche Mind Map, die einen guten Überblick gibt, wann du gearbeitet, Musik gehört oder offline warst und wie sich das über die Woche verändert.

Genauso konnten wir ein ganzes Jahr an Nutzung auf eine Seite laden und alles darstellen, Monat für Monat. Wochenenden wurden hervorgehoben, um wöchentliche Muster zu zeigen und zu erklären, warum bestimmte Tage anders aussehen als andere.

In den frühen Versionen waren die Punkte nicht beschriftet, und die Leute wussten nicht genau, was die Seite zeigt. Für die letzte Fassung haben wir einen Seitentitel ergänzt und außerdem Beschriftungen für jeden Monat, die die Summe nannten und den Unterschied zwischen grünen und roten Kreisen erklärten.

Reisen & Freude

Wir sind nicht nur Arbeitsbienen mit generischen Statistiken wie Schritten und Produktivität. Ein wichtiger Teil des Buches war herauszufinden, wie es persönlich und unterhaltsam wird, mit Dingen aus deinem Jahr, die mehr davon zeigen, wer du als Mensch bist.

Die Orte, an denen du warst, waren richtig spannend wiederzusehen, und mit einem ganzen Jahr an Daten zeigen sie aussagekräftige Muster über einen Menschen. Ich verbringe zum Beispiel viel Zeit in Cafés, sowohl zur Koffeinbeschaffung als auch zum Arbeiten.

Besonders bei Leuten mit Kindern war Disneyland ein beliebtes Ziel. Manche hatten sogar Checkins bei einzelnen Fahrgeschäften.

Musik-Tracking

Musik-Tracking war etwas, das wir auch seit ein paar Jahren gesammelt hatten, und eine gute Gelegenheit, jeden Monat einprägsamer zu machen.

Meiner Erfahrung nach wirken Songs oft wie Zeitmaschinen und bringen dich zurück in den Moment, in dem du sie gehört hast.

Ich dachte mir, wenn wir deine meistgehörten Songs auflisten, hätten einige davon eine besondere Bedeutung und wären viel wichtiger als der Satz „das war der Monat mit deinen 100.000 Schritten“.

Karten

Einen Großteil der Kartentechnik hatten wir schon für Website und App gebaut, sie erzeugt Cluster und beschriftet die Orte, an denen du warst. Bei denen, die Moves regelmäßig nutzten, zeigte sie die Reiselinien dazwischen. Das wurde im Druck richtig schön, nach ein paar Anpassungen für bessere Druckauflösung und Farbgebung.

Nutzerfeedback & eigene Ereignisse

Die Bücher sind natürlich stark auf die Daten jeder einzelnen Person zugeschnitten. Neben den Daten hatten wir auch ein paar Personalisierungsoptionen, etwa eine Widmung im Buch oder die Wahl der Akzentfarbe.

Das Buch hatte einen Zeitstrahl-Bereich, der einen Überblick über das gab, was 2016 passiert ist. Viele Details, etwa Reisen in andere Städte, ließen sich aus den gespeicherten Daten ableiten.

Wir hatten außerdem eine Möglichkeit, eigene Ereignisse zum Zeitstrahl hinzuzufügen, vor allem für wichtige Lebensereignisse wie eine Hochzeit, ein Baby oder einen neuen Job. Wir haben Kunden angeschrieben, um ihre eigenen Ergänzungen für den Zeitstrahl zu bekommen und zu erfahren, ob sie das Buch jemandem widmen wollen.

Die wurden in der JSON-Datei abgebildet und tauchten automatisch im Buch auf.

Andere Nutzer hatten mehr Rückmeldungen zu einzelnen Seiten in ihrem Entwurf und haben uns geholfen, verschiedene Fehler zu finden und zu beheben.

Ein paar der Bücher waren fast fertig und ziemlich gut getestet, aber viele Bestellungen mussten noch bearbeitet und erzeugt werden. Obwohl wir viel Technik gebaut hatten, um den Prozess zu verschlanken und die Seiten zu erzeugen, war ein ganzes Buch anfangs immer noch ziemlich viel Handarbeit und brauchte ein bis zwei Tage für die Kuratierung.

Nach dem Wechsel von meinem Buch zu denen anderer Leute sind wir in viele Datenqualitätsprobleme und Lücken gelaufen, die alles verlangsamt haben.

Lücken in den Daten oder nicht erfasste Monate waren eine große Herausforderung, und wir mussten Wege finden, manche Leute von 30 oder 40 Seiten auf die vollen 64 zu bringen, weil alle Bücher gleich lang sind. Die meisten hatten großartige Daten in ihrem Konto versteckt, aber ihr Leben musste analysiert werden, um herauszufinden, was diese Ereignisse waren, und die Inhalte so zu kuratieren, dass sie richtig auf den Seiten landen.

Ich habe angefangen, Dutzende der ersten PDF-Entwürfe auf meinem Computer durchzugehen und mir zu notieren, welche Teile interessant sind und welche Seiten bei wem raus müssen.

Manche Leute hatten zum Beispiel gar kein Laufen, die zugehörigen Seiten fielen also weg, aber vielleicht hatten sie stattdessen Radfahren, das sich zeigen ließ. Andere haben ihre Computernutzung nicht über RescueTime erfasst und konnten die Mindmap und die zugehörigen Seiten nicht bekommen. Reisen war ein weiterer wichtiger Punkt: herauszufinden, wann jemand verreist war, und das als eigene Seite hervorzuheben.

Mit den ersten 10 fertigen Büchern musste ich nur noch den Rest abschließen und die übrigen Entwürfe auf 64 Seiten bringen. Ich habe mich etwa eine Woche lang in einem Hotelzimmer in Florenz eingeschlossen und bin nur für kurze Pastapausen oder zum Laufen aufgetaucht. Die meisten Bücher fühlten sich zu 90 % fertig an, brauchten aber noch ein paar letzte Details, um richtig gut zu sein. Das war der Moment für die letzten 10 %, die sie hoffentlich von ziemlich gut zu wunderbar machen, wenn sie endlich rausgehen.

Nachdem die finale JSON-Struktur geschrieben war, dauerte das Laden und Exportieren jedes Buches etwa 10 Minuten: alle Seiten und Bilddaten laden, letzte Qualitätsprüfungen machen und das PDF sichern.

Schließlich waren sie alle fertig, als eine Reihe benannter und nummerierter PDF-Dateien auf meinem Computer. Ende August habe ich der Druckerei alle PDFs geschickt, dazu eine Tabelle mit allen Lieferdaten für jedes einzelne. Jetzt blieb nur noch zu warten, bis sie produziert und verschickt sind.

Versand

In diesem Oktober, fast genau ein Jahr nach den ersten Codezeilen für das Buch, waren die Bücher endlich fertig & wurden an alle verschickt, die bestellt hatten.

Bei 80 Exemplaren in der limitierten Auflage hat es etwas länger gedauert als erwartet, die Entwürfe für alle vorzubereiten. Es gab immer noch viele Verbesserungen, die möglich gewesen wären, aber wir wollten sie auch wirklich zeitnah ausliefern.

Um den Versand zu steuern und sicherzugehen, dass jeder das richtige Buch bekommt, haben wir der Druckerei eine Tabelle mit allen PDF-Dateien und den Versandadressen gegeben. Viele Bestellungen gingen in die Bay Area, manche aber auch in andere Länder, ein paar nach Kanada und in die Niederlande.

„Echte Künstler liefern ab.“ –Steve Jobs

Ein paar Tage später habe ich Dutzende Sendungsnummern immer wieder aktualisiert und ihren Weg um die Welt verfolgt, während die Zustellungen losgingen.

Die meisten liefen glatt, aber bei ein paar musste ich UPS anrufen und die Zustellung begleiten, damit sie sauber ankommen. Dinge in der echten Welt zu machen ist schwer!

Die falschen Bücher an die falschen Leute zu schicken war das Szenario, das mich nachts wachhielt, deshalb haben wir sie einzeln beschriftet und nachverfolgt. Weil sie innen alle verschieden waren, außen aber gleich aussahen, war es sehr wichtig, dass jeder sein eigenes Buch bekommt.

Weil das eine limitierte Auflage war, die es nie wieder geben wird, habe ich 10 zusätzliche Exemplare meines eigenen Buches machen lassen, und sie kamen an einem Mittwochnachmittag in einer Kiste an.

Ich kannte die Entwürfe zwar, aber das war auch für mich das erste Mal, dass ich das fertige Buch in echt gesehen habe. 2016 fühlte sich so lange her an, und ich hatte viele der Dinge vergessen, auf die sich das Buch bezieht.

In freier Wildbahn

Am schönsten war es, die Reaktionen der Leute zu sehen, als sie ihre Bücher bekamen, Fotos posteten und sie ihren Freunden zeigten.

Auch Instagram Stories waren ein beliebter Ort, wo Leute ihre Unboxing-Videos geteilt und zum ersten Mal durch die Seiten geblättert haben.

Instagram-Beitrag
Nicholas Felton auf Instagram: „So pleased with my Gyroscope annual report…”

Eines der Bücher wurde von Nicholas Felton selbst bestellt und setzt so die Tradition der Feltron Annual Reports fort, nur ohne so viel Arbeit.

Pflegehinweise

Die meisten Seiten erklären sich von selbst und sind in der dritten Person geschrieben, du kannst sie also leicht jemandem zeigen, um zu erzählen, was du letztes Jahr gemacht hast. Auf dem Umschlag sieht man allerdings Schmutz oder Fettflecken, wenn du ihn also jemandem gibst, achte am besten darauf, dass die Hände sauber sind.

Bestell dein eigenes Buch!

Die Bücher können am Ende des Jahres in begrenzter Stückzahl auf der Website vorbestellt werden.