Mengenang Checkbox Persegi

• Kenangan manis tentang checkbox
  • Checkbox berbentuk persegi, memiliki tanda centang di dalamnya, dan memiliki karakteristik bisa memilih beberapa sekaligus.
  • Berbagai sistem operasi merender checkbox secara berbeda seiring waktu.
  • Tanda centang tidak selalu ada, tetapi fakta bahwa checkbox berbentuk persegi tidak berubah.
• Mengapa persegi?
  • Untuk membedakan checkbox dari radio button.
  • Radio button hanya memungkinkan satu pilihan, dan saat satu dipilih semua pilihan lainnya dibatalkan.
  • Pada tahun 90-an, perbedaan antara bentuk persegi dan lingkaran sudah ada.
• Datangnya web
  • Web, khususnya dengan kemunculan CSS, Flash, dan JavaScript, membuat kebiasaan lama diciptakan ulang dan didesain ulang.
  • Di web, radio button dengan tanda centang atau radio button berbentuk persegi sering terlihat.
  • Bahkan aplikasi native pun, karena pengaruh web, mulai mengadopsi checkbox berbentuk lingkaran.
• Tradisi para vendor sistem operasi
  • Para vendor sistem operasi telah mempertahankan konvensi bahwa checkbox berbentuk persegi dan radio button berbentuk lingkaran.
• Akhir dari sebuah tradisi
  • Apple meninggalkan tradisi checkbox persegi di visionOS dan memperkenalkan checkbox berbentuk lingkaran.
  • Karena itu, dinyatakan bahwa harapan agar tradisi checkbox persegi terus berlanjut telah hilang.
  • Tahun 2024 diumumkan secara resmi sebagai tahun ketika checkbox persegi akhirnya lenyap.

Pendapat GN⁺:

• Desain checkbox dan radio button memainkan peran penting dalam antarmuka pengguna. Bentuk keduanya secara intuitif membimbing cara pengguna membuat pilihan.
• Langkah Apple mematahkan tradisi dan memperkenalkan checkbox berbentuk lingkaran patut diperhatikan karena menunjukkan upaya menghadirkan perubahan baru dalam pengalaman pengguna.
• Tulisan ini menawarkan wawasan menarik tentang sejarah desain dan antarmuka pengguna, serta menunjukkan bagaimana evolusi teknologi memengaruhi interaksi pengguna.

[kuroneko]

RIP...

[bbulbum]

Jangan... rusak... pengalaman penggunaku...

[GN⁺]

Komentar Hacker News

• Saya terkejut mengetahui bahwa iOS sudah lama menggunakan kotak centang bulat. Di app Pengaturan macOS pun penggunaan sakelar toggle hidup/mati makin sering menggantikan kotak centang. Namun, tombol toggle yang tidak jelas tetap menjadi masalah. Misalnya, saat ikon mikrofon berwarna putih, membingungkan apakah itu berarti aktif atau nonaktif; jika ada garis melintang, apakah itu berarti sedang mute atau akan menjadi mute saat diketuk.
• Mungkin ini bukan berarti Apple mengabaikan aturan desain, melainkan upaya untuk meningkatkan keandalan pelacakan mata saat menangani kotak centang di VisionOS. Karena pandangan orang cenderung tertarik ke sudut, tombol berbentuk bulat lebih mudah menarik perhatian, dan saat menampilkan tombol secara mandiri mereka lebih menyukai bentuk kapsul.
• Pengguna web menganggap kontrol yang sudah ada itu membosankan, dan percaya bahwa kontrol standar harus ditemukan ulang dan didesain ulang. Akibatnya, tombol "OK" pada dialog ditempatkan di kiri, kanan, atau bahkan di bilah judul jendela sesuai preferensi desainer.
• Desain datar menghapus kemampuan bawaan dari sistem visual kita. Warna, batas, transparansi, tekstur, bayangan, dan gerakan halus membantu kita menafsirkan informasi visual dengan cepat. Elemen-elemen ini penting untuk menyampaikan informasi visual, tetapi tidak boleh digunakan secara berlebihan.
• Banyak desainer web tidak memahami perbedaan antara opsi inklusif dan opsi yang saling eksklusif. Ada kebingungan dalam penggunaan kotak centang dan tombol radio.
• Sulit menjelaskan kepada orang tua dengan kemampuan teknologi yang menurun area layar mana dalam Material Design yang merupakan tombol yang bisa ditekan. Hanya pengalaman penggunaan sebelumnya yang memberi tahu elemen mana yang aktif.
• Sejak 2013, para desainer Apple membuang banyak konvensi yang mereka bangun sendiri selama puluhan tahun. Steve Jobs peduli pada "cara kerjanya", dan Apple berubah dari pemimpin desain menjadi pengikut penyebut umum terendah. Desain buruk adalah masalah moral, dan dalam kasus terburuk bisa melukai atau membunuh orang. Ini adalah masalah yang bermula dari hal-hal kecil dalam desain/engineering. Semoga generasi Zoom menyadari hal ini, dan About Face karya Alan Cooper adalah titik awal yang baik.
• Motif (digunakan di X11) memakai persegi kecil miring untuk kotak centang dan bentuk berlian miring untuk tombol radio. Status aktif dibuat miring ke dalam, sedangkan nonaktif miring ke luar.
• Tombol radio pada mobil sungguhan kebanyakan berbentuk persegi panjang. Ada penjelasan yang bagus tentang cara kerjanya.
• Apple sudah lama meninggalkan kotak centang persegi di Apple Notes. Saya yakin beginilah caranya sejak iOS 7 diperkenalkan pada 2014.