Catatan desain
Bagaimana lipatan menjadi punggung buku
Setiap ponsel lipat punya garis di tengahnya. Bagi kebanyakan aplikasi, garis itu sesuatu yang harus diakali. Bagi buku, itu hal paling wajar di dunia: buku sejak dulu punya satu. Beginilah pembaca Tomelet belajar memperlakukan lipatan sebagai punggung buku, beserta aturan desain di baliknya.
Gratis, tanpa akun. Halaman berhadapan adalah bagian dari pembaca gratis.
Masalahnya: halaman ponsel yang direntangkan
Buka ponsel lipat, dan aplikasi berbentuk ponsel sekadar menjadi lebih lebar. Baris terlalu panjang untuk dibaca, teks melintasi garis lipatan, dan sebuah tombol bisa mendarat tepat di lipatan. Tutup ponselnya dan layar dibangun ulang, satu halaman atau satu bab jauhnya dari tempat Anda tadi.
Apple menerbitkan panduan desain bersama iPhone Duo; Android punya panduannya sendiri untuk ponsel lipat. Keduanya lebih banyak sepakat daripada berbeda, dan Tomelet mengikuti keduanya dengan satu pembaca, di iPhone Duo maupun di Galaxy Z Fold. Lima aturan membentuknya.
1. Lipatan adalah wilayah yang dicadangkan
Apple menyebut lipatan sebagai wilayah yang dicadangkan: bagian layar yang harus dibiarkan kosong oleh aplikasi. Android memberi tahu aplikasi persis di mana lipatannya berada, dan Tomelet menempatkan margin dalam di antara kedua halaman tepat di sana, sambil menjauhkan zona ketuk, tombol, dan pegangan seleksi darinya. Goresan pena yang melintasi lipatan dibagi di antara kedua halaman, sehingga setiap halaman menyimpan tinta miliknya.
Di iPhone Duo, Flutter, perangkat pengembangan yang dipakai untuk menulis Tomelet, belum meneruskan posisi lipatan ke aplikasi (flutter/flutter#192515), jadi Tomelet menempatkan margin dalam di tengah layar.
Itulah langkah dari lipatan menjadi punggung buku. Di buku cetak pun tak ada yang dicetak di margin dalam. Di situlah dua halaman bertemu.
2. Melipat bukan berarti pergi
Apple meminta pengalaman yang berkesinambungan saat perangkat dibuka dan ditutup. Samsung meminta aplikasi mempertahankan posisi gulir dan teks apa pun yang sedang diketik. Tomelet memperlakukan lipatan sebagai perubahan ukuran layar, tak pernah sebagai navigasi.
Nomor halaman tak bisa bertahan dari itu: layar luar menampilkan satu halaman dengan ukuran berbeda, sehingga jumlah halaman buku berubah setiap kali dilipat. Maka Tomelet mengingat posisi baca Anda sebagai letak di dalam teks: karakter pertama di halaman kiri. Tomelet menata ulang buku dan membuka halaman yang memuat karakter itu, dan tampilan sebelumnya tetap di layar sampai yang baru siap. Sorotan, catatan, dan tinta ditambatkan pada kata-kata, sehingga ikut bergerak bersamanya.
Tak ada yang dibuka ulang dan tak ada iklan yang muncul: melipat tak pernah mengeluarkan Anda dari buku.
3. Ukuran, bukan rotasi
Layar dalam iPhone Duo mengabaikan kunci rotasi aplikasi, dan Android 17 melakukan hal yang sama di layar besar. Jadi arah ponsel dipegang tak bisa menentukan tata letak. Tomelet melihat seberapa banyak ruang yang dimiliki halaman: dua halaman bila masing-masing tetap nyaman dibaca, satu bila tidak. Aturan yang sama berlaku di tablet, ponsel yang dipegang menyamping, dan jendela desktop.
Pasangan halamannya berasal dari dunia cetak, bukan dari carousel foto. Halaman pertama berdiri sendiri, lalu 2–3, 4–5, sehingga bentang yang dirancang penerbit selalu tampil utuh. Buku berbahasa Arab, Ibrani, dan Jepang vertikal dimulai dari kanan dan dibalik ke kiri. Buku tata letak tetap yang menyatakan orientasi mendapat petunjuk satu baris yang bisa Anda tutup; pembaca tak pernah memutar layar ponsel atas kehendaknya sendiri.
4. Postur mengubah susunan, bukan bukunya
Panduan Apple menyatakan bahwa sudut engsel adalah “untuk interaksi dan efek… bukan untuk tata letak”. Tomelet sepakat, jadi tak ada efek halaman yang mengikuti engsel. Yang diubah oleh postur, di Android, adalah komposisi di sekitar buku.
Di ponsel lipat Android yang melaporkan bahwa ia setengah terbuka dan dipegang seperti buku, Anda mendapat satu halaman di tiap sisi lipatan dengan kontrol di tepi luar. Letakkan ponsel lipat Android setengah terbuka di atas meja, dan halaman naik ke lantai atas sementara kontrol turun ke lantai bawah: penggeser halaman, daftar isi, catatan, tampilan. Itulah gagasan Flex Mode, dibangun langsung ke dalam pembaca di Android.
Di iPhone Duo, Tomelet mempertahankan tata letak buku terbuka di setiap sudut, siap untuk hari ketika Flutter meneruskan status engsel ke aplikasi.
5. Papan ketik
Lipat ponsel saat papan ketik terbuka, dan kolom pencarian atau catatan yang sedang Anda ketik tetap menyimpan teksnya, fokusnya, dan kursornya.
Berbagi layar
Di samping aplikasi lain, dalam Split View di iPhone Duo atau layar terpisah di Android, Tomelet menampilkan satu halaman, tidak menebak-nebak letak lipatan, dan menjaga kontrolnya di tepi luar.
Pena di margin
Apple menghadirkan Apple Pencil (USB-C) ke kedua layar iPhone Duo, dan alat pena Tomelet siap menyambutnya: menulis di margin EPUB maupun PDF, menyorot satu baris dengan satu goresan, menulis dengan Pencil sementara jari Anda membalik, menggeser, dan memperbesar. Tinta ditambatkan pada teks, sehingga catatan di margin tetap di samping paragrafnya saat lipatan menata ulang halaman. Goresan yang melintasi garis lipatan dibagi di antara kedua halaman.
Yang tidak kami buat
Efek halaman yang mengikuti sudut engsel
Halaman tak seharusnya bergoyang saat Anda mengubah genggaman.
Jendela Tomelet kedua di iPhone
Satu jendela yang pandai berbagi layar sudah cukup.
Mengapa punggung buku
Buku adalah layar lipat tertua yang ada. Punggungnya adalah tempat ia menekuk, tempat tak ada yang dicetak, dan tempat dua halaman sepakat untuk bertemu. Memperlakukan lipatan sebagai punggung buku bukanlah metafora yang ditempelkan di atas rekayasa. Itulah jalan terpendek menuju pembaca yang berperilaku seperti buku sejak dulu.