Gubuku – Bayangin kamu lagi jalan-jalan, terus notifications, petunjuk arah Google Maps, sampai lirik lagu yang lagi kamu dengerin muncul langsung di depan mata—tanpa perlu pegang HP atau pakai kacamata VR yang berat.

Kedengeran kayak teknologi fiksi ilmiah di film Cyberpunk atau Black Mirror, kan? Tapi nyatanya, Smart Contact Lenses (lensa kontak pintar) berbasis Augmented Reality (AR) udah makin dekat jadi kenyataan!

Nah, yang jadi pertanyaan besar para desainer masa kini: gimana caranya bikin tampilan visual (UI/UX) di layar super mikro yang nempel langsung di kornea mata tanpa bikin mata capek atau pusing?

Apa Itu Micro-Visual System pada Lensa Kontak Pintar?

Secara sederhana, Micro-Visual System adalah sistem perancangan elemen visual (huruf, ikon, grafik, warna) yang disesuaikan khusus untuk layar berukuran sangat kecil (micro-display) yang diproyeksikan langsung ke mata pengguna.

Beda banget sama bikin desain feed Instagram atau aplikasi HP yang layarnya luas, mendesain buat lensa kontak punya tantangan ekstrem: ruang visual yang super terbatas dan gerakan bola mata yang dinamis.

4 Aturan Emas Merancang UI Lensa Kontak Pintar biar Gak Bikin Pusing

Bikin desain di dalam mata gak boleh asal keren. Ada estetika, kenyamanan, dan keselamatan mata yang harus diperhitungkan. Ini dia prinsip utamanya:

1. Konsep Glanceable UI (Informasi Sekilas Sepersekian Detik)

Pengguna gak bisa dan gak boleh membaca teks panjang di dalam lensa kontak.

• Solusi Desain: Gunakan ikonografi yang intuitif, angka yang tegas, dan teks maksimal 2–3 kata.

• Contoh: Daripada nulis “Arahkan perjalanan Anda 200 meter ke kanan”, cukup tampilkan ikon panah belok kanan + teks “200m”.

2. Pencahayaan & Kontras Adaptif (Context-Aware)

Layar mikro harus bisa menyesuaikan diri dengan kondisi pencahayaan sekitar secara otomatis.

• Kalau kamu lagi di luar ruangan yang terik (siang bolong), visual harus otomatis menebal (bold) dengan kontras tinggi biar kelihatan.

• Kalau lagi di kamar remang-remang, intensitas cahaya UI harus meredup biar mata gak “kebutaan” mendadak.

3. Minimalist Hierarchy & Area Bebas (Safe Zone)

Pupil mata kita terus berubah ukurannya sesuai cahaya dan fokus.

• Hindari menumpuk elemen visual di tengah-tengah pusat penglihatan (focus area) karena bisa menghalangi pandangan nyata pengguna (bisa bahaya kalau lagi menyeberang jalan!).

• Letakkan elemen informasi utama di area perifer (pinggiran sudut pandang) dan cuma membesar saat dibutuhkan.

4. Tipografi Khusus Ukuran Mikro (Micro-Typography)

Menggunakan font biasa yang ada di Canva atau Figma bakal bikin tulisan pecah atau buram di skala mikro.

• Gunakan font jenis Sans-Serif dengan letter-spacing (jarak antarhuruf) yang sedikit lebih renggang.

• Hindari font yang terlalu tipis (hairline/thin) atau terlalu dekoratif.

Tantangan Terbesar Desainer Masa Depan: Visual Fatigue

Salah satu musuh utama dari Smart Contact Lenses adalah Visual Fatigue (kelelahan mata). Kalau UI terlalu banyak animasi yang gerak-gerak atau warnanya terlalu mencolok (seperti neon berlebihan), otak akan cepat lelah dan memicu pusing.

Oleh karena itu, prinsip utama merancang Micro-Visual System adalah “Less is More”. Desain terbaik adalah desain yang “tak terlihat” sampai pengguna benar-benar membutuhkannya.

penulis: zahra dari smkss2