Note di design
Come la piega è diventata un dorso
Ogni telefono pieghevole ha una linea nel mezzo. Per la maggior parte delle app è un ostacolo da aggirare. Per un libro è la cosa più naturale del mondo: i libri ne hanno sempre avuta una. Ecco come il lettore di Tomelet ha imparato a trattare la piega come un dorso, e le regole di design che ci stanno dietro.
Gratis, senza account. Le pagine affiancate fanno parte del lettore gratuito.
Il problema: una pagina da telefono, stirata
Apri un pieghevole e un’app pensata per il telefono si limita ad allargarsi. Le righe diventano troppo lunghe da leggere, il testo attraversa la piega e un pulsante può finirci proprio sopra. Chiudi il telefono e lo schermo viene ricostruito, a una pagina o a un capitolo da dove eri.
Apple ha pubblicato le sue linee guida di design insieme a iPhone Duo; Android ha le proprie per i pieghevoli. Concordano più di quanto divergano, e Tomelet le segue entrambe con un unico lettore, su iPhone Duo e su Galaxy Z Fold. Cinque regole gli hanno dato forma.
1. La piega è una zona riservata
Apple definisce la piega una zona riservata: una parte dello schermo che un’app deve lasciare libera. Android dice a un’app esattamente dove si trova la piega, e Tomelet mette proprio lì il margine interno tra le due pagine, tenendone fuori zone di tocco, pulsanti e maniglie di selezione. Un tratto di penna che attraversa la piega viene diviso tra le due pagine, così ogni pagina conserva l’inchiostro che le appartiene.
Su iPhone Duo, Flutter, il toolkit con cui è scritto Tomelet, non passa ancora alle app la posizione della piega (flutter/flutter#192515), quindi Tomelet centra il margine interno sullo schermo.
È questo il passo dalla piega al dorso. Anche in un libro stampato nel margine interno non si stampa nulla. È il punto in cui le due pagine si incontrano.
2. Piegare non è uscire
Apple chiede un’esperienza continua mentre il dispositivo si apre e si chiude. Samsung chiede alle app di conservare la posizione di scorrimento e qualsiasi testo in corso di digitazione. Tomelet tratta una piega come un cambio di dimensione dello schermo, mai come una navigazione.
I numeri di pagina non possono sopravvivere: lo schermo esterno mostra una pagina di dimensioni diverse, quindi dopo ogni piega il libro ha un numero di pagine diverso. Tomelet ricorda invece il punto in cui sei come una posizione nel testo: il primo carattere della pagina di sinistra. Reimpagina il libro e apre la pagina che contiene quel carattere, e il fotogramma precedente resta sullo schermo finché il nuovo non è pronto. Evidenziazioni, note e inchiostro sono ancorati alle parole, quindi si spostano con loro.
Niente si riapre e non compare nessuna pubblicità: piegare il telefono non ti fa mai uscire dal libro.
3. Dimensione, non rotazione
Lo schermo interno di iPhone Duo ignora il blocco della rotazione di un’app, e Android 17 fa lo stesso sui grandi schermi. Quindi non può essere il verso del telefono a decidere il layout. Tomelet guarda quanto spazio ha la pagina: due pagine quando ciascuna resta comoda da leggere, una quando non lo sarebbe. La stessa regola vale su un tablet, su un telefono in orizzontale e in una finestra desktop.
Le coppie vengono dalla stampa, non da un carosello di foto. La prima pagina sta da sola, poi 2–3, 4–5, così una doppia pagina progettata dall’editore arriva sempre intera. I libri in arabo, ebraico e giapponese verticale partono da destra e si sfogliano verso sinistra. Un libro a layout fisso che dichiara un orientamento riceve un suggerimento di una riga, che puoi chiudere; il lettore non ruota mai il telefono al posto tuo.
4. La postura cambia la disposizione, non il libro
Le linee guida di Apple dicono che l’angolo della cerniera è «per interazioni ed effetti… non per il layout». Tomelet è d’accordo, quindi nessun effetto di pagina segue la cerniera. Ciò che una postura cambia, su Android, è la composizione attorno al libro.
Su un pieghevole Android che segnala di essere semiaperto, tenuto come un libro, hai una pagina per lato della piega e i comandi sui bordi esterni. Appoggia il pieghevole Android semiaperto su un tavolo e la pagina sale al piano di sopra, mentre i comandi scendono al piano di sotto: cursore delle pagine, indice, note, aspetto. È l’idea di Flex Mode, integrata nel lettore su Android.
Su iPhone Duo, Tomelet mantiene il layout a libro aperto a ogni angolo, pronto per il giorno in cui Flutter passerà alle app lo stato della cerniera.
5. La tastiera
Chiudi il telefono con la tastiera aperta e il campo di ricerca o la nota che stavi scrivendo conserva il testo, il focus e il cursore.
Condividere lo schermo
Accanto a un’altra app, in Split View su iPhone Duo o a schermo diviso su Android, Tomelet mostra una sola pagina, non fa ipotesi su dove sia la piega e tiene i comandi sui bordi esterni.
Una penna a margine
Apple porta Apple Pencil (USB-C) su entrambi gli schermi di iPhone Duo, e gli strumenti penna di Tomelet sono pronti ad accoglierla: scrivi a margine di EPUB e PDF allo stesso modo, evidenzia una riga con un solo tratto, scrivi con la Pencil mentre le dita sfogliano, spostano e zoomano. L’inchiostro è ancorato al testo, così una nota a margine resta accanto al suo paragrafo quando una piega reimpagina la pagina. Un tratto tracciato attraverso la piega viene diviso tra le due pagine.
Cosa non abbiamo costruito
Effetti di pagina che seguono l’angolo della cerniera
Una pagina non dovrebbe ondeggiare mentre aggiusti la presa.
Una seconda finestra di Tomelet su iPhone
Basta una finestra che sappia condividere bene lo schermo.
Perché un dorso
Un libro è lo schermo pieghevole più antico che esista. Il suo dorso è dove si piega, dove non c’è nulla di stampato e dove due pagine si danno appuntamento. Trattare la piega come un dorso non è stata una metafora appoggiata sopra l’ingegneria. È stata la strada più breve verso un lettore che si comporta come un libro fa già.