- Bahasa visual aplikasi Gemini dirancang agar pengguna dapat memahami dan memercayai kemampuan asisten AI yang terus berevolusi secara intuitif
- Untuk membantu pengguna memahami dan memercayai AI, intuisi, imersi, keakraban, dan keandalan ditetapkan sebagai tujuan utama
- Gradasi, bentuk berbasis lingkaran, dan motion yang disengaja digabungkan untuk mengekspresikan proses berpikir dan energi Gemini secara visual
- Berdasarkan logo Google dan warisan desain Material, dibangun sistem visual baru yang terasa familier namun tetap cair
- Melalui gerakan dan perubahan warna, ditunjukkan bagaimana Gemini berpikir dan merespons, sekaligus memperkuat rasa bahwa pengguna sedang berkolaborasi dengan sistem
- Pendekatan ini menghadirkan model desain yang menghubungkan interaksi AI dan manusia secara mulus dan dapat dipercaya, sekaligus menunjukkan arah antarmuka evolusioner di masa depan
Eksplorasi visual aplikasi Gemini
- Gemini adalah asisten AI yang terus belajar dan beradaptasi, sehingga memerlukan bahasa visual baru yang melampaui pendekatan desain linear tradisional
- Tujuannya adalah menghadirkan pengalaman yang intuitif, imersif, dan dapat dipercaya
- Mendorong pengguna menjelajahi kemampuan yang berubah-ubah dan membangun rasa percaya diri
- Selain ikon “sparkle” yang ikonis, berbagai elemen visual seperti gradasi, kontainer responsif, dan motion yang disengaja juga diintegrasikan
- Elemen-elemen ini berpadu membentuk kejelasan dan keakraban yang terasa magis
Sejarah fluiditas dan peran gradasi
- Seperti desain ikon Susan Kare pada antarmuka Macintosh di masa lalu, Gemini juga menghadapi tantangan untuk menghubungkan konsep AI yang abstrak secara visual
- Jika ikon Kare menjadi jembatan pemahaman antara manusia dan mesin, Gemini menjalankan peran serupa melalui gradasi
- Gradasi menyampaikan aliran energi dan arah, sekaligus menarik perhatian pengguna ke elemen-elemen penting
- Saat input suara digunakan, gradasi yang terfokus dan menyebar dipakai untuk memvisualisasikan proses berpikir AI
- Berbeda dari asisten masa lalu seperti Clippy, Gemini mengarah pada ekspresi yang adaptif dan mudah ditemukan
Bentuk dasar dan warisan desain Google
- Bahasa visual Gemini terinspirasi dari struktur logo melingkar Google untuk mengekspresikan kesederhanaan dan harmoni
- Logo Gemini terbentuk dari ruang bayangan yang diciptakan oleh empat lingkaran
- Dengan memodifikasi empat titik berwarna dan bentuk-bentuk desain Material, Gemini mempertahankan bahasa visual Google yang familier sambil berkembang menjadi ekspresi AI yang lebih cair
- Elemen UI seperti tombol dan kontainer juga menerapkan sudut membulat untuk menjaga konsistensi
- Bentuk lingkaran melambangkan konsentrasi dan penyebaran energi, serta secara visual menggambarkan bagaimana Gemini memproses dan mengembangkan ide
- Design lead Anna Sera Garcia menjelaskan bahwa ilustrasi harus memiliki kualitas yang hangat dan terasa memiliki kedalaman ruang
- Dengan tujuan menghadirkan kesan “optimistis, menyenangkan, namun tetap canggih”, desain ini mencerminkan proses berpikir non-linear
Motion yang disengaja dan interaksi
- Gerakan Gemini bukan sekadar dekorasi, melainkan elemen panduan inti yang menghubungkan tindakan pengguna dan respons sistem
- Setiap animasi memiliki awal dan akhir yang jelas untuk memberikan arah dan rasa kolaborasi
- Gerakan internal mengekspresikan pemikiran, analisis, dan kecerdasan, sehingga meningkatkan transparansi AI
- Contoh:
- Kecepatan gerakan menyampaikan antisipasi dan rasa lega
- Riak gradasi radial merepresentasikan gelombang suara
- Animasi ikon memberi tahu adanya fitur baru
- Garcia menyebut bahwa “seperti teknologi telah mengubah cara kita berbicara, Gemini mengeksplorasi prinsip dasar interaksi intuitif”
Kelembutan dan kepercayaan di tengah perubahan
- Solusi visual Gemini menghadirkan kesan tenang dan canggih, sambil menyembunyikan kompleksitas proses pembuatannya
- Ilustrasi onboarding terus disempurnakan, dengan ekspresi baru yang ditumpuk di atas elemen yang sudah ada
- Desain menekankan kelembutan yang menoleransi kesalahan dan mendorong eksplorasi
- Melalui gradasi yang berdenyut, bahasa yang jelas, dan sinyal yang transparan, pengguna dibuat merasa stabil dan nyaman
- Gradasi menjadi bahasa visual yang penuh harapan, mengarahkan, dan lembut, sekaligus terhubung dengan identitas merek Google
Peran desainer: pembuat peta perubahan
- Desain Gemini lebih dekat pada proses pemetaan yang terus diperbarui, bukan hasil akhir yang tetap
- Desainer perlu membangun ketidaksempurnaan yang dipikirkan dengan matang, bukan sistem yang sepenuhnya sempurna
- Dalam sistem AI yang terus berubah, desainer harus berperan dalam merancang pengalaman yang bersifat relasional
Belum ada komentar.