Bangun aplikasi Kacamata AI Anda menggunakan framework UI Glimmer Jetpack Compose untuk pengalaman yang ditingkatkan yang berfungsi di seluruh Kacamata AI. Jetpack Compose Glimmer adalah salah satu framework UI pertama yang dioptimalkan untuk layar transparan dan faktor bentuk kacamata AI.
1. Menentukan perjalanan pengguna
Berfokuslah pada perjalanan penting pengguna (CUJ) yang kompatibel dengan prinsip sekilas faktor bentuk kacamata AI. Hal ini dapat dinyatakan dengan UI minimal atau hanya audio sambil memungkinkan pengguna tetap hadir di lingkungan sekitarnya. Untuk menemukan peluang, pertimbangkan untuk memulai titik entri di aplikasi Anda saat ini yang akan diuntungkan dari Glasses.
Misalnya, pengguna dapat memanfaatkan petunjuk jalan kaki belokan demi belokan handsfree untuk membantu mereka menuju tujuan.
Perjalanan pengguna yang dipilih juga harus memperhitungkan prinsip keamanan, kenyamanan, dan performa. Misalnya, jangan memilih tugas yang akan memerlukan kamera pengguna dalam jangka waktu yang terlalu lama atau melanggar privasi mereka.
Pelajari prinsip dasar.
Anjuran
Larangan
2. Meminimalkan & Menerjemahkan
Untuk UI mode tampilan, mulailah dengan CUJ dari aplikasi inti Anda:
Mengoptimalkan tata letak untuk fokus: Tata letak memprioritaskan informasi penting, mengurangi jumlah tindakan dan elemen visual untuk mempertahankan fokus pengguna.
Menggunakan kedalaman untuk hierarki: Kedalaman digunakan untuk menyampaikan prioritas elemen.
Desain dari bawah ke atas: Saat membuat tiruan, mulailah dari bawah, tata komponen ke atas.
Terjemahkan komponen visual: Untuk kacamata AI tampilan, gunakan komponen Glimmer Jetpack Compose dan pola tata letak.
Baca selengkapnya tentang komponen dan tampilan aplikasi.
Komponen yang dioptimalkan
B. Garis Batas & Sorotan: Warna Garis Batas dioptimalkan untuk kontras. Penggunaan sorotan memberikan ekspresi visual dan dapat digunakan untuk menunjukkan beberapa jenis input.
C. Bentuk: Sistem bentuk yang lebih lembut digunakan untuk meningkatkan keterbacaan sekilas dengan mengurangi ketajaman sudut dan meningkatkan kenyamanan. Warna On Surface: Warna konten On Surface adalah putih untuk memaksimalkan kontras dengan dunia.
D. Tipografi: Skala tipografi Glimmer menggunakan serangkaian kecil gaya Isi dan Judul yang disempurnakan yang mengoptimalkan kerning, ukuran, dan ketebalan untuk keterbacaan & kejelasan yang optimal.
E. Ikonografi: Penggunaan Simbol Material bulat sesuai dengan skala tipografi bulat.
3. Alur & isyarat audio
Berinteraksi dengan Audio. Meskipun audio harus menjadi bagian besar dari aplikasi Kacamata AI Anda tanpa membebani pengguna, Anda juga harus memperhitungkan pengalaman khusus audio untuk perangkat tertentu. Anda dapat melakukannya dengan membuat peta alur khusus audio untuk mendeskripsikan pengalaman ini. Mencatat interaksi dan masukan dengan isyarat audio dan dialog.
4. Kontrol input peta
Pastikan untuk memetakan input untuk kontrol dan gestur perangkat. Anda dapat memulai dengan menerjemahkan interaksi aplikasi dasar, seperti ketuk, ke ketuk trackpad.
5. Mempertimbangkan SysUI
Memperhitungkan antarmuka sistem lainnya.
Aplikasi Anda akan muncul di fitur rumah dan sistem lainnya, seperti notifikasi jika digunakan. Notifikasi ini dapat muncul di kolom sistem.
6. Negara bagian tambahan
Aplikasi Anda akan mengalami berbagai skenario di kacamata AI, seperti masalah koneksi atau izin. Perhitungkan berbagai status ini baik dalam aplikasi inti maupun aplikasi kacamata Anda.
Pastikan untuk meminta izin fitur perangkat.
Ingat, Anda harus mempertimbangkan hal ini melalui UI visual dan audio. Misalnya, memberikan masukan audio untuk mengomunikasikan bahwa pengguna harus menyelesaikan alur pemberian izin di perangkat seluler mereka atau untuk membacakan error.
