Artikel ini ditulis pada 6 November 2026.
Alat AI berubah pantas. Keputusan sama ada mahu menghentikan langkah pengguna, meluncur di sisi paparan, atau mengangkat helaian dari bawah skrin tidak pernah berubah. Dialog, laci (drawer), helaian bawah (bottom sheet), lungsur turun (dropdown), tab, akordion (accordion) — ini semua ialah cara meminta maklumat daripada pengguna. Menu produk akan terus beralih tempat. Bacalah artikel ini sebagai panduan memilih jenis gangguan, bukannya senarai katalog untuk dihafal.
Satu section pada halaman boleh memuatkan maklumat tetap: alamat, harga, atau waktu operasi. Namun, sesetengah maklumat menjadi semak jika sentiasa ditayangkan pada halaman utama, tetapi sukar dicari jika dipindahkan ke halaman baharu. Penapis carian, pengesahan ringkas, atau jawapan panjang yang jarang dibaca orang ialah contohnya. Perkataan harian yang sering digunakan untuk semua elemen ini ialah “popup”. Istilah umum itulah yang membuatkan model AI membuat tekaan acak. Bahagikan keputusan ini kepada tiga soalan: Adakah pengguna mesti berhenti seketika? Bolehkah halaman utama kekal kelihatan? Atau adakah ini sekadar sudut paparan berbeza untuk senarai maklumat yang sama?
Hentikan, kongsi, atau tukar
Dialog (juga dipanggil modal) terletak di tengah-tengah skrin dan memalapkan kandungan di belakangnya. Gunakan dialog cuma apabila pengguna wajib memberi jawapan sebelum tindakan lain selamat dilakukan: memadam rekod penting, mengesahkan tempahan, atau membetulkan medan wajib yang kosong. Dialog ialah tempat yang buruk untuk artikel panjang, menu navigasi, atau pengumuman mengejut. Semasa dialog terbuka, tumpuan papan kekunci (keyboard focus) mesti terkunci di dalamnya. Tombol Escape atau butang pembatalan yang jelas mesti boleh menutup dialog dan mengembalikan tumpuan papan kekunci kepada butang pemicunya. Jika anda tidak menyatakan syarat ini, model AI sering melukis kotak tanpa akses navigasi papan kekunci, menyebabkan pengguna tanpa tetikus tersekat. Syarat penutup ini bukannya butiran susulan, tetapi sebahagian daripada spesifikasi utama.
Laci (drawer) meluncur masuk dari tepi permulaan (start edge) dan membiarkan halaman utama kekal kelihatan di sisinya. Gunakan laci untuk kerja yang merujuk kepada kandungan halaman: penapis senarai, rincian maklumat lanjutan, atau tetapan yang bukan krisis. Tutup laci dengan tombol Escape atau ketukan di luar panel. Pada halaman bahasa Arab atau bahasa lain dari kanan ke kiri (RTL), tepi permulaan terletak di sebelah kanan. Gunakan istilah “start edge” bukannya “sentiasa dari kanan”, supaya laci tidak terbuka bertentangan dengan arah penulisan teks.
Helaian bawah (bottom sheet) ialah panel yang naik dari bahagian bawah skrin telefon bimbit. Helaian bawah merupakan ‘sepupu’ kepada laci yang direka khas untuk keselesaan ibu jari semasa memegang telefon di bahagian bawah. Gunakan helaian bawah untuk beberapa pilihan tindakan pantas pada item yang baru diketuk: panggil, simpan, atau kongsi. Jangan gunakan helaian bawah untuk borang panjang dengan puluhan medan. Helaian sebaiknya berhenti pada kedudukan sepertiga atau separuh skrin, dan mesti boleh ditutup dengan menyeretnya ke bawah atau menekan tombol Escape. Jika bahasa anda tiada istilah khusus yang stabil, jangan cipta perkataan baharu yang janggal. Penjelasan “panel yang naik dari bawah” bersama istilah bottom sheet sudah cukup menyampaikan maksudnya.
Ruang yang sama, paparan berbeza
Lungsur turun (dropdown) membuka senarai pilihan pendek di sebelah butang kawalan dan terus menutup sebaik sahaja pilihan dibuat. Penggunaan lungsur turun sesuai untuk memilih bahasa, urutan isihan, atau kuantiti barang. Lungsur turun bukannya navigasi kedua dan bukan tempat menampung teks perenggan. Jika senarai pilihan mempunyai lebih daripada sepuluh baris, gunakan halaman baharu atau laci (drawer) bukannya menu terapung yang terpotong pada skrin telefon bimbit.
Tab mengekalkan beberapa paparan berbeza di satu lokasi yang sama. Pengguna boleh beralih ke sisi untuk melihat sudut paparan yang sejajar: minggu ini dan minggu depan, penerangan dan ramuan. Semua label tab hendaklah kekal kelihatan. Menyembunyikan label tab di dalam menu lungsur turun menghilangkan tujuan asal fungsi tab itu sendiri.
Akordion (accordion) menyusun deretan soalan dan membuka kandungannya ke bawah — nyatakan sama ada akordion terbuka satu demi satu atau boleh beberapa sekaligus. Gunakan akordion untuk maklumat terperinci yang kebanyakan orang langkau: syarat penghantaran atau soalan lazim (FAQ) yang panjang. Jangan sekali-kali menyembunyikan maklumat harga utama di dalam akordion yang tertutup. Keadaan tertutup mengandaikan pengguna tidak memerlukannya, sedangkan harga bukannya jenis fakta yang patut disembunyikan.
Tab dan akordion sering dikelirukan kerana kedua-duanya dianggap “menjimatkan ruang”. Tab menggantikan paparan kandungan utama sambil mengekalkan label lain dalam pandangan. Akordion menolak kandungan halaman ke bawah dan menyembunyikan jawapan sehingga ia dibuka. Jika anda sekadar memberitahu model AI untuk “menjimatkan ruang”, anda akan mendapat salah satu daripadanya secara rawak. Namakan elemen yang sepadan dengan cara pengguna mencari maklumat.
Dua bentuk salah pada meja kerja yang sama
Senarai kelas memerlukan dua jenis interaksi berbeza. Satu tindakan berisiko tinggi: membatalkan tempat pelajar ini. Satu tindakan biasa: menunjukkan kelas malam sahaja. Versi asal meletakkan kedua-duanya ke dalam “popup” yang sama kerana itu sahaja istilah dalam taklimat. Akibatnya, butang pembatalan mudah diketuk secara tidak sengaja, dan penapis kelas malam menyembunyikan senarai yang masih dibaca oleh guru. Perkataan yang sama digunakan untuk dua tugas berbeza, dan kedua-duanya berakhir dengan teruk.
Penyelesaiannya ialah memisahkan istilah tersebut. Pembatalan membuka dialog yang memalapkan bahagian lain halaman. Ayat di dalamnya menyatakan siapa yang bakal kehilangan tempat. Tombol Escape dan butang pembatalan yang kelihatan kedua-duanya menutup dialog, lalu mengembalikan tumpuan papan kekunci kepada butang pemicu. Sementara itu, penapis kelas malam membuka laci (drawer) dari tepi permulaan (start edge), menjadikan senarai utama kekal kelihatan di sisinya dan boleh ditutup dengan ketukan di luar. Pada telefon bimbit, penapis yang sama boleh bertukar menjadi helaian bawah (bottom sheet) kerana kedudukan tangan pengguna berada di bawah. Guru tidak perlu mempelajari tiga sistem baharu; mereka cuma perlu memahami saat mana yang dibenarkan untuk menghentikan aliran kerja mereka.
Tulis perbezaan fungsi ini dalam bahasa Melayu supaya mudah difahami rakan sepasukan, lalu tampal nama istilah bahasa Inggeris supaya model AI tidak menggabungkannya semula menjadi satu popup umum. Jika bahasa Melayu tiada perkataan harian untuk laci (drawer), gunakan definisi “panel dari tepi skrin yang tidak menyembunyikan senarai utama”. Jangan habiskan masa mencipta kata nama formal yang kaku. Tingkah laku elemen itulah inti pelajarannya.
Satu arahan taklimat
On the list page, put filters in a drawer from the start edge, not in a dialog. Close the drawer with Escape or a tap outside. Keep focus inside the drawer while it is open, and return focus to the filter button when it closes.
Di bawah arahan tersebut, tuliskan perincian penapis yang anda inginkan dalam bahasa anda. Model AI boleh membina laci (drawer) tanpa perlu tahu bahawa penapis anda mengandungi lokasi dan julat harga. Sebaliknya, anda tidak boleh memutuskan perincian perniagaan dalam bahasa Inggeris yang tidak anda tuturkan. Bentuk antaramuka dikongsi bersama, manakala maklumat perniagaan kekal ditulis dalam bahasa tempatan.
Orang ramai sering berdebat tentang elemen mana yang kelihatan moden. Perdebatan yang lebih berguna ialah elemen mana yang menghormati tugas pengguna. Menghentikan langkah pengguna cuma untuk bertanya susunan isihan ialah tindakan yang tidak sopan. Sebaliknya, menyembunyikan pengesahan pembatalan di dalam menu lungsur turun yang senyap ialah sesuatu yang berbahaya. Apabila anda mahir menjelaskan kedua-dua keadaan tersebut, anda telah melepasi bahagian penting dalam merangka antaramuka. Bahagian seterusnya lebih ringkas tetapi mudah dilangkau: memberitahu pengguna sama ada tindakan mereka telah berjaya tanpa memindahkan mereka ke halaman baharu.