Gubuku – Bayangin kamu lagi main game atau balas pesan WhatsApp tanpa perlu ngetik atau menggerakkan jempol sama sekali—cukup dipikirkan aja di otak, lalu tring! perintah langsung jalan. Kedengarannya kayak adegan di film sci-fi, kan? Padahal teknologi Brain-Computer Interface (BCI) ini udah beneran dikembangkan!

Tapi masalahnya, gimana caranya kita sebagai designer atau developer merancang tampilan visual (UI/UX) untuk sistem yang enggak dibaca pakai jari, melainkan dibaca langsung oleh sinyal otak?

Buat Gen Z yang mau siap-siap jadi pioneer UI/UX Designer masa depan, yuk bedah cara merancang visual interface untuk BCI yang simpel, responsif, dan gak bikin otak overheat!

Apa Bedanya UI Biasa dengan BCI Visual Interface?

Kalau di UI HP atau laptop biasa kamu mengandalkan sentuhan (touch) atau click, di BCI Visual Interface kamu mengandalkan reaksi elektrokimia otak terhadap rangsangan visual di layar.

Salah satu metode BCI paling populer adalah SSVEP (Steady-State Visually Evoked Potential), di mana elemen di layar berkedip pada frekuensi tertentu. Saat pengguna menatap elemen itu, otak akan memancarkan gelombang dengan frekuensi yang sama, dan komputer langsung tahu pilihan mana yang sedang dipikirkan pengguna!

4 Aturan Emas Merancang UI untuk BCI

1. Hindari Visual Clutter (Bikin Layar Super Minimalis)

Otak kita cepat lelah kalau melihat terlalu banyak stimuli sekaligus. Dalam BCI UI, jarak antar tombol harus lebih renggang dan jumlah elemen visual harus dipangkas habis. Kalau layarnya terlalu ramai, sinyal otak bakal keruh (noisy) dan bikin komputer salah baca perintah.

2. Gunakan Indikator Kedipan (Flicker) dan Kontras Tinggi

Supaya gelombang otak mudah mendeteksi elemen visual, tombol atau ikon interaktif biasanya dirancang memiliki efek berkedip (flicker) pada frekuensi aman (misal 8–15 Hz). Warna yang dipakai juga wajib punya kontras tinggi—hitam-putih atau warna neon di atas dark mode—supaya fokus mata pengguna terkunci dengan presisi.

3. Berikan Real-Time Feedback yang Jelas

Karena pengguna tidak meraba tombol secara fisik (gak ada efek haptic feedback), visual interface BCI wajib ngasih konfirmasi visual instan. Begitu sinyal otak berhasil dikonfirmasi, beri efek visual jelas seperti tombol menyala terang (glow), animasi pengisian bar (progress ring), atau perubahan warna yang kentara.

4. Utamakan Kemudahan Navigasi Berbasis Hirarki (Bukan Multi-tasking)

Jangan paksa pengguna membuat banyak keputusan sekaligus. Alur UI BCI paling efektif dibuat dengan sistem pilihan bertahap (decision tree). Misalnya: Pilih Kategori $\rightarrow$ Pilih Menu $\rightarrow$ Konfirmasi. Ini menjaga beban kognitif (cognitive load) pengguna tetap rendah dan mencegah pusing.

Tantangan Terbesar Designer Saat Merancang BCI UI

• Fatika Kognitif (Brain Fatigue): Menatap elemen berkedip terus-menerus bisa bikin mata dan otak capek. Jeda waktu (rest duration) harus disisipkan di dalam alur UX.

• Tingkat Akurasi Sinyal: Komputer tidak 100% selalu benar membaca pikiran. Selalu sediakan tombol “Cancel/Undo” yang mudah diakses cuma lewat lirikan mata.

Penulis kiki dari smkn 9 bungo