Gubuku – Pernah kebayang gak, gimana rasanya mengendalikan baju robotik ala Iron Man? Di dunia nyata, teknologi ini udah ada dan namanya eksoskeleton. Bedanya, eksoskeleton gak cuma buat gaya-gayaan, tapi dipake di dunia medis (buat bantu pasien kelumpuhan belajar jalan lagi) dan dunia industri (buat bantu pekerja pabrik ngangkat beban berat ratusan kilo tanpa bikin pinggang encok).

Nah, yang sering dilupakan orang: gimana cara pilot atau operator mengontrol perangkat futuristik ini? Jawabannya ada di Visual Interface (UI).

Bikin UI buat antarmuka eksoskeleton itu gak sama kayak bikin UI aplikasi pesan makanan online. Dosis kecanggihannya harus dibarengi sama faktor keselamatan nyawa! Yuk, kita bedah cara merancang UI eksoskeleton yang catchy, intuitif, dan user-friendly buat medis maupun industri.

1. UI Medis vs UI Industri: Beda Lapangan, Beda Vibe!

Sebelum asal design, kamu wajib paham dulu kalau kebutuhan user di rumah sakit sama di pabrik itu beda 180 derajat.

Fitur	Eksoskeleton Medis 🏥	Eksoskeleton Industri 🏭
User Utama	Pasien rehab & Terapis	Pekerja pabrik / Warehouse operator
Fokus Utama	Kenyamanan, kejelasan progress, & empati	Kecepatan respons, daya tahan, & efisiensi
Vibe Visual	Clean, menenangkan, warna lembut (biru/hijau pastel)	High-contrast, kontras tinggi, warna tegas (kuning/oranye/hitam)
Indikator Penting	Detak jantung, Postur tubuh, Kecepatan jalan	Sisa baterai, Load capacity (beban), Suhu mesin

2. ‘Rule of Thumb’ Merancang Visual Interface Eksoskeleton

Gak mau kan gara-gara tombol UI kekecilan, pekerja pabrik salah pencet terus kejatuhan kargo? Atau pasien terapi malah panik karena grafisnya kerumitan? Ini dia kuncinya:

A. Minimalisir Cognitive Load (Jangan Bikin Otak Pusing!)

Orang yang pake eksoskeleton itu energinya udah terkuras buat aktivitas fisik. UI kamu gak boleh nambah beban pikiran mereka.

• Gunakan hierarki visual yang jelas: Angka atau status paling krusial wajib berukuran paling besar.

• Tampilkan informasi yang diperlukan saja saat itu (progressive disclosure). Jangan obral semua grafik di satu layar.

B. Desain khusus Glanceability (Sekilas Pandang Langsung Paham)

Pekerja industri atau terapis gak punya waktu 5 detik cuma buat membaca teks panjang.

• Pakaikan ikon yang universal dan sistem kode warna (Color-coding):

  • 🟢 Hijau: Aman / Sistem Normal

  • 🟡 Kuning: Peringatan / Baterai Lemah

  • 🔴 Merah: Bahaya / Overload / Darurat

• Gunakan elemen visual berbentuk gauge atau progress bar ketimbang tulisan teks panjang.

C. Kontras Ekstrem & Elemen Berukuran Chunky

• Buat Industri: Layar UI bakal terekspos matahari langsung atau area pabrik yang redup. Desain UI wajib pake mode High-Contrast (latar gelap dengan teks menyala/neon). Tombol di layar sentuh juga harus besar-besar biar tetap bisa dipencet meski pake sarung tangan tebal!

• Buat Medis: Gunakan visual kontras moderat dengan warna yang ramah mata (misal: soft cyan atau medical blue) supaya gak bikin pasien yang lagi sakit tambah tegang.

3. Kombinasikan Visual Interface dengan Haptic Feedback

UI yang sukses buat teknologi wearable kayak eksoskeleton gak cuma ngandelin mata. Tambahkan respon fisik atau audio:

• Visual: Layar berkedip merah kalau ada beban berlebih.

• Haptic: Ada getaran (vibration) lembut di area lengan saat mode latihan berhasil diselesaikan.

• Audio: Suara “Beep” pendek sebagai konfirmasi saat mode berpindah.

PENULIS : AQLAH – SMKN 1 MERANGIN