Gubuku – Sadar gak sih, tren teknologi era sekarang tuh makin gila kecepatannya? Kalau dulu kita cuma ngetik di screen HP atau laptop, sekarang dunia digital dan dunia nyata udah mulai menyatu lewat teknologi Augmented Reality (AR).

Gara-gara perangkat kayak smart glasses atau spatial headset makin menjamur, cara kerja desainer UI/UX juga berubah total. Kalau biasanya kita kerja di dalam kotak pembatas (screen boundaries alias 2D), sekarang kita harus merancang tampilan UI di ruang 3D tanpa pembatas layar (spatial UI).

Pusing? Eits, tenang dulu, bestie! Biar lo gak gagap teknologi dan tetep slay pas dapet proyekan desain AR, yuk intip panduan dan cara merancang UI perangkat AR tanpa pembatas layar di bawah ini!

1. Pahami Konsep “Spatial Canvas” (Dunia Nyata Adalah Layarmu)

Langkah pertama: buang jauh-jauh pola pikir desain 2D. Di perangkat AR, layar lo adalah ruangan di sekitar pengguna—bisa kamar tidur, meja kafe, atau jalanan kota.

• Pikirkan Depth (Kedalaman): Elemen UI gak cuma punya lebar (x) dan tinggi (y), tapi juga jarak kedalaman (z-axis). Elemen penting bisa ditaruh lebih dekat ke mata, sedangkan informasi sekunder bisa sedikit di belakang.

• Gunakan Anchor Point: Tempelkan elemen UI ke objek dunia nyata (misal: menu dashboard yang nempel di atas meja), atau biarkan melayang (floating) tapi ikut pergerakan kepala pengguna secara halus (head-locked vs world-locked).

2. Utamakan “Ergonomi Visual” (Jangan Bikin Leher & Mata Pegal!)

Gak ada pembatas layar bukan berarti lo bebas nempatin ikon di mana aja. Kenyamanan fisik pengguna adalah hukum nomor satu di dunia AR.

• Comfort Zone View: Area pandang nyaman manusia itu sekitar 15–30 derajat di bawah garis mata. Jangan tumpuk elemen UI terlalu tinggi atau terlalu bawah biar leher pengguna gak gampang pegal.

• Ukuran & Jarak Teks: Pilih font yang bersih (sans-serif) dan pastikan ukurannya cukup besar. Teks di ruang 3D yang terlalu kecil bakal kelihatan kabur dan bikin mata gampang lelah.

3. Desain Interaksi Mulai Dari Pandangan sampai Gestur Tangan

Di AR, lo gak punya mouse atau touchscreen fisik. Jadi, gimana cara penggunanya nge-klik tombol?

• Gaze (Pandangan Mata): Gunakan eye-tracking. Pengguna cuma perlu ngelihatin sebuah ikon selama beberapa detik (atau dikombinasikan dengan gestur) buat milih elemen tersebut.

• Hand Gestures (Gestur Tangan): Pahami gestur intuitif kayak pinch (mencubit udara untuk memilih), swipe di udara, atau memutar pergelangan tangan.

• Voice Command (Suara): Integrasikan perintah suara buat navigasi cepat, misalnya bilang “Open Settings” atau “Close Window”.

4. Pencahayaan & Kontras Dinamis (Adaptasi Sama Lingkungan)

Tantangan terbesar AR adalah latar belakang ruangan yang selalu berubah. UI lo bisa aja dilihat di dalam kamar yang remang-remang, atau di luar ruangan yang kena sinar matahari terik.

• Gunakan Material Transparan & Glassmorphism: Gunakan latar belakang panel semi-transparan dengan efek blur (frosted glass). Ini ngebantu naskah/ikon tetap terbaca jelas tanpa menutupi pandangan pengguna ke dunia nyata.

• Dynamic Contrast: Bikin sistem UI yang otomatis menyesuaikan tingkat kecerahan (brightness) dan warna berdasarkan pencahayaan di sekitar pengguna.

5. Berikan Feedback Multisensori yang Jelas

Karena gak ada tombol fisik yang bisa ditekan, pengguna sering bingung: “Ini tombolnya udah tertekan belum, sih?”

Di sinilah lo butuh Micro-interactions:

• Visual Feedback: Tombol berubah warna, membesar sedikit, atau memancarkan cahaya (glow) pas ditunjuk atau ditekan.

• Audio Feedback: Bunyi click atau pop halus saat interaksi berhasil.

• Haptic Feedback: Vibrasi kecil jika perangkat mendukung (misal lewat sarung tangan haptic atau controller).

Kesimpulan

Merancang UI untuk perangkat AR tanpa pembatas layar emang menuntut kita buat berpikir lebih fleksibel dan empatik. Kita gak cuma mendesain piksel, tapi juga mendesain pengalaman hidup manusia di dalam ruang nyata.

penulis: asil – SMKN 8 Bungo