Designnotizen
Wie der Knick zum Buchrücken wurde
Jedes faltbare Smartphone hat eine Linie in der Mitte. Für die meisten Apps ist sie ein Hindernis, um das man herumbauen muss. Für ein Buch ist sie das Natürlichste der Welt: Bücher hatten schon immer eine. So hat der Reader von Tomelet gelernt, den Falz als Buchrücken zu behandeln – und das sind die Designregeln dahinter.
Kostenlos, ohne Konto. Doppelseiten gehören zum kostenlosen Reader.
Das Problem: eine Handyseite, in die Breite gezogen
Öffne ein faltbares Smartphone, und eine fürs Handy gebaute App wird einfach breiter. Zeilen werden zu lang zum Lesen, Text läuft über den Knick, und ein Button kann auf dem Falz landen. Klappst du es zu, wird der Bildschirm neu aufgebaut – und du landest eine Seite oder ein Kapitel von deiner Stelle entfernt.
Apple hat mit dem iPhone Duo Designrichtlinien veröffentlicht; Android hat eigene für faltbare Geräte. Sie stimmen in mehr überein, als sie sich unterscheiden, und Tomelet folgt beiden mit einem einzigen Reader – auf einem iPhone Duo wie auf einem Galaxy Z Fold. Fünf Regeln haben ihn geprägt.
1. Der Falz ist ein reservierter Bereich
Apple nennt den Falz einen reservierten Bereich: einen Teil des Bildschirms, den eine App freihalten sollte. Android teilt einer App genau mit, wo ihr Falz liegt, und Tomelet legt den Bundsteg zwischen den beiden Seiten genau dorthin – Tippzonen, Buttons und Auswahlgriffe bleiben draußen. Ein Stiftstrich, der den Falz kreuzt, wird zwischen den beiden Seiten aufgeteilt, sodass jede Seite die Tinte behält, die zu ihr gehört.
Auf dem iPhone Duo gibt Flutter, das Toolkit, in dem Tomelet geschrieben ist, die Position des Falzes noch nicht an Apps weiter (flutter/flutter#192515). Deshalb zentriert Tomelet den Bundsteg auf dem Bildschirm.
Das ist der Schritt vom Knick zum Buchrücken. Auch in einem gedruckten Buch steht im Bundsteg nichts. Dort treffen sich die beiden Seiten.
2. Zuklappen heißt nicht verlassen
Apple verlangt ein durchgehendes Erlebnis, während sich das Gerät öffnet und schließt. Samsung bittet Apps, die Scrollposition und jeden gerade getippten Text zu behalten. Tomelet behandelt das Zuklappen als Änderung der Bildschirmgröße, nie als Navigation.
Seitenzahlen überleben das nicht: Das Außendisplay zeigt eine Seite in anderer Größe, also hat das Buch nach jedem Zuklappen eine andere Seitenzahl. Tomelet merkt sich deine Stelle stattdessen als Position im Text: das erste Zeichen auf der linken Seite. Es setzt das Buch neu und öffnet die Seite, die dieses Zeichen enthält; bis die neue Ansicht fertig ist, bleibt die vorige auf dem Bildschirm. Markierungen, Notizen und Tinte sind an Wörtern verankert und wandern mit ihnen.
Nichts öffnet sich neu, und keine Werbung erscheint: Zuklappen holt dich nie aus dem Buch.
3. Größe, nicht Drehung
Das innere Display des iPhone Duo ignoriert die Rotationssperre einer App, und Android 17 macht es auf großen Bildschirmen genauso. Wie ein Smartphone gedreht ist, kann also nicht über das Layout entscheiden. Tomelet schaut, wie viel Platz die Seite hat: zwei Seiten, wenn jede bequem lesbar bleibt, eine, wenn nicht. Dieselbe Regel gilt auf einem Tablet, einem quer gehaltenen Smartphone und in einem Desktop-Fenster.
Die Paare kommen aus dem Buchdruck, nicht aus einem Fotokarussell. Die erste Seite steht allein, dann 2–3, 4–5 – so landet eine Doppelseite, die der Verlag gestaltet hat, immer zusammen. Arabische, hebräische und vertikale japanische Bücher beginnen rechts und blättern nach links. Ein Fixed-Layout-Buch, das eine Ausrichtung vorgibt, bekommt einen einzeiligen Hinweis, den du ausblenden kannst; der Reader dreht dein Smartphone nie für dich.
4. Die Haltung ändert die Anordnung, nicht das Buch
Laut Apples Richtlinien ist der Scharnierwinkel „für Interaktionen und Effekte … nicht für das Layout“ gedacht. Tomelet sieht das genauso, deshalb folgt kein Seiteneffekt dem Scharnier. Was eine Haltung unter Android ändert, ist die Anordnung rund um das Buch.
Auf einem faltbaren Android-Gerät, das meldet, dass es halb geöffnet ist, und das du wie ein Buch hältst, bekommst du auf jeder Seite des Falzes eine Buchseite, die Steuerung an den Außenrändern. Stell das faltbare Android-Gerät halb geöffnet auf den Tisch, und die Seite zieht nach oben, während die Steuerung nach unten wandert: Seitenregler, Inhaltsverzeichnis, Notizen, Darstellung. Es ist die Idee von Flex Mode, unter Android direkt in den Reader eingebaut.
Auf dem iPhone Duo behält Tomelet in jedem Winkel das Layout des aufgeschlagenen Buchs bei – bereit für den Tag, an dem Flutter den Scharnierzustand an Apps weitergibt.
5. Die Tastatur
Klapp das Smartphone bei eingeblendeter Tastatur zu, und das Suchfeld oder die Notiz, in der du getippt hast, behält Text, Fokus und Cursor.
Bildschirm teilen
Neben einer anderen App – in Split View auf dem iPhone Duo oder im geteilten Bildschirm unter Android – zeigt Tomelet eine Seite, rät nicht, wo der Falz liegt, und hält seine Steuerung an den Außenrändern.
Ein Stift am Rand
Apple bringt den Apple Pencil (USB-C) auf beide Displays des iPhone Duo, und die Stiftwerkzeuge von Tomelet sind bereit dafür: Schreib an den Rand von EPUB und PDF gleichermaßen, markiere eine Zeile mit einem einzigen Strich, schreib mit dem Pencil, während deine Finger blättern, verschieben und zoomen. Die Tinte ist am Text verankert, also bleibt eine Randnotiz neben ihrem Absatz, wenn ein Zuklappen die Seite neu setzt. Ein Strich quer über den Knick wird zwischen den beiden Seiten aufgeteilt.
Was wir nicht gebaut haben
Seiteneffekte, die dem Scharnierwinkel folgen
Eine Seite sollte nicht wackeln, nur weil du umgreifst.
Ein zweites Tomelet-Fenster auf dem iPhone
Ein Fenster, das sich den Bildschirm gut teilt, reicht.
Warum ein Buchrücken
Ein Buch ist der älteste faltbare Bildschirm, den es gibt. Sein Rücken ist die Stelle, an der es sich biegt, an der nichts gedruckt ist und an der sich zwei Seiten treffen. Den Knick als Buchrücken zu behandeln war keine Metapher, die man über die Technik gelegt hat. Es war der kürzeste Weg zu einem Reader, der sich so verhält, wie es ein Buch schon immer tut.