Notas de diseño
Cómo el pliegue se convirtió en lomo
Todo móvil plegable tiene una línea en el centro. Para la mayoría de las apps es algo que sortear. Para un libro es lo más natural del mundo: los libros siempre la han tenido. Así aprendió el lector de Tomelet a tratar el pliegue como un lomo, y estas son las reglas de diseño que hay detrás.
Gratis y sin cuenta. La doble página forma parte del lector gratuito.
El problema: una página de móvil, estirada
Abre un plegable y una app pensada para móvil simplemente se ensancha. Las líneas se vuelven demasiado largas para leerlas, el texto cruza la doblez y un botón puede acabar sobre el pliegue. Cierra el móvil y la pantalla se reconstruye, a una página o a un capítulo de donde estabas.
Apple publicó directrices de diseño junto con el iPhone Duo; Android tiene las suyas para plegables. Coinciden en más de lo que difieren, y Tomelet sigue ambas con un solo lector, en un iPhone Duo y en un Galaxy Z Fold. Cinco reglas le dieron forma.
1. El pliegue es una zona reservada
Apple llama al pliegue zona reservada: una parte de la pantalla que una app debe dejar libre. Android le dice a una app exactamente dónde está su pliegue, y Tomelet coloca justo ahí el medianil entre las dos páginas, sin zonas táctiles, botones ni tiradores de selección. Un trazo de lápiz que cruza el pliegue se reparte entre las dos páginas, así que cada página conserva la tinta que le corresponde.
En el iPhone Duo, Flutter, el kit de herramientas con el que está escrito Tomelet, todavía no comunica a las apps la posición del pliegue (flutter/flutter#192515), así que Tomelet centra el medianil en la pantalla.
Ese es el paso del pliegue al lomo. En un libro impreso tampoco se imprime nada en el medianil: es donde se encuentran las dos páginas.
2. Plegar no es salir
Apple pide una experiencia continua mientras el dispositivo se abre y se cierra. Samsung pide a las apps que conserven la posición de desplazamiento y cualquier texto que se esté escribiendo. Tomelet trata un pliegue como un cambio de tamaño de pantalla, nunca como una navegación.
Los números de página no sobreviven a eso: la pantalla exterior muestra una página de otro tamaño, así que el libro tiene un número de páginas distinto después de cada pliegue. Por eso Tomelet recuerda tu posición como un punto del texto: el primer carácter de la página izquierda. Vuelve a componer el libro y abre la página que contiene ese carácter, y el fotograma anterior se queda en pantalla hasta que el nuevo está listo. Resaltados, notas y tinta están anclados a las palabras, así que se mueven con ellas.
Nada se vuelve a abrir y no aparece ningún anuncio: plegar nunca te saca del libro.
3. Tamaño, no rotación
La pantalla interior del iPhone Duo ignora el bloqueo de rotación de una app, y Android 17 hace lo mismo en pantallas grandes. Así que la orientación del móvil no puede decidir la disposición. Tomelet mira cuánto espacio tiene la página: dos páginas cuando cada una sigue siendo cómoda de leer, una cuando no lo sería. La misma regla se aplica en una tableta, un móvil en horizontal y una ventana de escritorio.
Las parejas vienen de la imprenta, no de un carrusel de fotos. La primera página va sola y luego 2–3, 4–5, de modo que una doble página diseñada por la editorial siempre cae entera. Los libros en árabe, hebreo y japonés vertical empiezan por la derecha y avanzan hacia la izquierda. Un libro de diseño fijo que declara una orientación muestra un aviso de una línea que puedes descartar; el lector nunca gira el móvil por ti.
4. La postura cambia la disposición, no el libro
Las directrices de Apple dicen que el ángulo de la bisagra es «para interacciones y efectos… no para la disposición». Tomelet está de acuerdo, así que ningún efecto de página sigue a la bisagra. Lo que cambia una postura, en Android, es la composición alrededor del libro.
En un plegable Android que indica que está medio abierto, sostenido como un libro, tienes una página a cada lado del pliegue y los controles en los bordes exteriores. Apoya el plegable Android medio abierto en una mesa y la página sube al piso de arriba mientras los controles bajan al de abajo: control deslizante de páginas, índice, notas, apariencia. Es la idea de Flex Mode, integrada en el lector en Android.
En el iPhone Duo, Tomelet mantiene la disposición de libro abierto en cualquier ángulo, listo para el día en que Flutter comunique a las apps el estado de la bisagra.
5. El teclado
Pliega el móvil con el teclado abierto y el campo de búsqueda o la nota que estabas escribiendo conserva su texto, su foco y su cursor.
Compartir la pantalla
Junto a otra app, en Split View en el iPhone Duo o en pantalla dividida en Android, Tomelet muestra una sola página, no intenta adivinar dónde está el pliegue y mantiene sus controles en los bordes exteriores.
Un lápiz en el margen
Apple lleva el Apple Pencil (USB-C) a las dos pantallas del iPhone Duo, y las herramientas de lápiz de Tomelet están listas para recibirlo: escribe en los márgenes de EPUB y PDF por igual, resalta una línea de un solo trazo, escribe con el Pencil mientras tus dedos pasan página, desplazan y hacen zoom. La tinta está anclada al texto, así que una nota al margen se queda junto a su párrafo cuando un pliegue vuelve a componer la página. Un trazo dibujado sobre la doblez se reparte entre las dos páginas.
Lo que no hicimos
Efectos de página que siguen el ángulo de la bisagra
Una página no debería tambalearse cuando cambias la forma de sujetar el móvil.
Una segunda ventana de Tomelet en iPhone
Basta con una ventana que comparta bien la pantalla.
Por qué un lomo
Un libro es la pantalla plegable más antigua que existe. Su lomo es donde se dobla, donde no se imprime nada y donde dos páginas acuerdan encontrarse. Tratar el pliegue como un lomo no fue una metáfora pegada encima de la ingeniería. Fue el camino más corto hacia un lector que se comporta como ya lo hace un libro.