Saya mereka bentuk pada lebar yang salah

Yang mula-mula sampai bukan ayat, tetapi sekeping foto. E, rakan kami, memotret skrin telefonnya sendiri menggunakan peranti lain lalu menghantarnya. Pada skrin untuk merekod perbelanjaan, butang simpan yang sepatutnya berada di paling bawah hanya kelihatan separuh bahagian atasnya; selebihnya jatuh ke luar tepi skrin. Satu-satunya ayat yang disertakan ialah soalan: ini boleh ditekan tak? Dia tinggal di sebuah pekan kecil agak jauh dari Jakarta, dan skrin itu digunakannya setiap hari.

Sehingga saat itu saya tidak pernah meragui cara kerja saya sendiri. Saya membangunkan aplikasi pada skrin 27 inci, dan apabila ingin melihat rupanya pada telefon, saya sempitkan tetingkap pelayar — kira-kira sehingga 390px — dan jika tiada yang rosak, saya anggap selesai. Tetingkap yang disempitkan memang kelihatan seperti segi empat tegak. Cuma, ia segi empat di atas meja saya, bukan yang berada di tapak tangan seseorang.

Saya minta dia mengukur perantinya. Lebarnya 360px dalam unit CSS. Bezanya dengan 390px hanya 30px, tidak sampai selebar dua jari. Namun di dalam 30px itulah terletak garis tempat beberapa skrin kami berhenti muat. Lebar yang selama ini saya semak bukan yang paling sempit, sebaliknya sedikit di luarnya.

Saya kunci tetingkap pada 360px lalu membuka skrin KAZENA Books satu demi satu. Kesemuanya ada 48 skrin. Sebanyak 11 skrin mengeluarkan skrol ke sisi, dan 3 daripadanya meletakkan tindakan terpenting — simpan, eksport, seterusnya — sepenuhnya di luar skrin. Skrol ke sisi masih boleh dicapai jika ditarik dengan jari. Bagi orang yang tidak tahu ia boleh ditarik, di situ sama sahaja seperti tiada apa-apa.

Hampir semuanya berpunca daripada 1 komponen: susun atur yang meletakkan medan jumlah dan pemilih kategori cukai bersebelahan dalam 2 lajur. Kedua-dua lajur itu memerlukan 372px termasuk jidarnya. Pada skrin 360px, lebihannya 12px. Hanya 12px, tetapi apabila yang tergantung di luar tepi itu pemilihnya, skrin tersebut tidak lagi boleh digunakan untuk memilih apa-apa. Dan kerana komponen yang sama digunakan semula pada 11 skrin, 1 kecuaian menjadi 11.

Yang lebih merumitkan bukan lebarnya, tetapi tingginya. Sebaik medan jumlah disentuh, papan kekunci timbul dari bawah skrin. Pada peranti E, papan itu menutupi hampir 300px daripada ketinggian 640px. Kami melekatkan butang simpan pada dasar skrin, jadi butang itu berakhir di sebalik papan kekunci, dan menatal tidak menggerakkan sesuatu yang dilekatkan. Itulah tepat yang terpapar dalam fotonya. Butang itu bukan tidak boleh ditekan; ia tidak berada di tempat yang boleh ditekan.

Ada 1 lagi perkara yang tidak kami lihat: saiz huruf. Ramai orang membesarkan saiz huruf sistem. Dengan tetapan 1,3 kali dan skrin yang sama, tulisan di dalam butang melipat kepada 2 baris, butangnya meninggi, dan nota di bawahnya tertolak keluar. Kami sentiasa hanya melihatnya pada 100%. Membesarkan huruf ialah perkara biasa yang dilakukan orang apabila tulisan sukar dibaca. Jika susun atur rosak sebaik mereka melakukannya, itu kesilapan kami, bukan kesilapan mereka.

Saya perlu jujur tentang selebihnya. Laporan serupa sudah sampai kepada saya pada bulan Jun — pesanan pendek daripada seseorang di Filipina yang menggunakan KAZENA Books, yang menyebut ada butang terpotong. Ketika itu saya menyimpulkan bahawa ia khusus pada perantinya, lalu saya tutup, kerana menyempitkan tetingkap saya sendiri tidak menghasilkannya semula. Ia tidak berulang bukan kerana telefonnya, tetapi kerana cara saya menyempitkan tetingkap itu salah. Selama 2 bulan kami mengedarkan sesuatu yang sebenarnya boleh dibetulkan.

Suatu petang musim panas ini, sambil menunggu giliran membayar di sebuah warung di Jakarta, saya melihat orang di sebelah saya memegang pinggan dengan sebelah tangan dan menyelesaikan pembayaran hanya dengan ibu jari tangan yang satu lagi. Di bawah cahaya siang skrinnya memutih, dan bahagian yang dapat dicapai ibu jari hanyalah separuh bawah. Keadaannya langsung berbeza daripada pemeriksaan yang saya lakukan di meja. Sambil menerima resit tulisan tangan, saya terfikir sama ada butang simpan kami boleh ditekan dengan cara memegang sebegitu.

Beginilah urutan pembetulannya. Pertama, tindakan utama yang kami lekatkan pada dasar skrin dikembalikan ke dalam aliran halaman. Setelah borang ditatal sampai hujung, butangnya ada di situ; walaupun papan kekunci terbuka, halaman mengangkatnya ke atas papan kekunci dengan sendirinya. Kedua, susun atur 2 lajur kini runtuh menjadi 1 lajur sebaik lebarnya di bawah 380px. Di tempat yang sempit, cara paling selamat ialah tidak menjajarkan apa-apa.

Kemudian kami mengubah cara menyemak. Daripada bergantung pada mata saya sendiri, kini kami merakam tangkapan skrin bagi 12 skrin utama secara automatik pada 360px kali 640px, lalu merakam 12 skrin yang sama sekali lagi pada saiz huruf 130%. Apa-apa yang terkeluar akan kelihatan pada gambarnya. Sekali gus, kami menemui 2 tempat dengan kawasan sentuh di bawah 44px lalu membesarkannya; kedua-duanya ialah label kecil untuk memilih kategori cukai.

Apa yang saya pelajari daripada kejadian ini bukan perkara teknikal. Lebar skrin yang saya gunakan untuk bekerja bukan soal citarasa — ia keputusan tentang untuk siapa saya membina. Kini pelayar saya terbuka pada 360px secara lalai, dan saya melebarkannya hanya apabila memang sengaja mahu melihat lebih banyak. Jika pada skrin anda ada butang yang terpotong atau tulisan yang terpangkas, cukup 1 foto sahaja; tolong hantarkan. Kerana E berbuat demikian, akhirnya saya dapat meragui meja saya sendiri.