Dokumen ini membahas beberapa praktik terbaik untuk desain dan pengiriman informasi. Ikuti panduan ini jika berlaku untuk memastikan pengalaman pengguna terbaik.
Desain terlebih dahulu, kode kedua
Pelajari prinsip dan pola desain sebelum Anda mulai mengembangkan aplikasi di Glass. Untuk informasi selengkapnya, baca panduan Desain.
Untuk mendapatkan masukan desain awal, buat dan kirimkan desain Glassware Flow Anda ke tim peninjau.
Jangan gunakan item linimasa yang disematkan sebagai peluncur
Dua cara utama bagi pengguna untuk memanggil Glassware dan fiturnya adalah dengan menggunakan perintah suara atau sentuh dari menu utama ok Glass atau melalui menu kontekstual dari kartu linimasa.
Anda tidak boleh memaksa pengguna untuk menyematkan kartu linimasa dengan item menu untuk tujuan meluncurkan Glassware. Mirror API dirancang untuk notifikasi berkala berdasarkan setelan yang dikonfigurasi pengguna.
Menyediakan item menu untuk meluncurkan GDK Glassware atau memanggil Mirror API tidak masalah selama pengalaman sesuai dengan pola desain notifikasi berkala dan tidak menggunakan Mirror API untuk interaktivitas langsung.
Misalnya, adopsi hewan peliharaan Glassware tidak boleh memasukkan kartu linimasa dan memaksa pengguna untuk menyematkannya agar dapat mengakses fitur di lain waktu (misalnya, "Telusuri", "Telusuri kucing", "Telusuri burung", dan sebagainya). Sebagai gantinya, Glassware harus memungkinkan pengguna menetapkan kriteria untuk hewan peliharaan yang mereka inginkan dan mengirimkan kartu yang memenuhi kriteria ini secara berkala. Kartu ini kemudian dapat berisi item menu untuk melakukan tindakan seperti "Baca bio" dan "Mengadopsi hewan peliharaan".
Mengikuti template dan desain kartu standar
Jika memungkinkan, gunakan desain kartu dan template yang disetujui. Jika template tidak berfungsi:
- Gunakan gaya dalam base_style.css jika Anda menggunakan Mirror API.
- Ikuti aturan umum untuk padding dan spasi sebagai template bawaan.
Patuhi persyaratan media
Jika menyampaikan media, ikuti panduan berikut:
- Semua video publik di-streaming dan tidak dilampirkan ke item linimasa.
- Rasio lebar tinggi video adalah 16:9.
- Resolusi video adalah 640×360 piksel.
- Format H.264
Paket dan penomoran halaman dengan benar
Paket dan penomoran halaman memungkinkan Anda mengelompokkan kartu, tetapi Anda harus menggunakannya dengan benar dalam situasi berikut.
Paket
- Gunakan paket untuk grup kartu yang serupa, tetapi tidak boleh ada pada kartu yang sama.
- Rancang kartu sampul paket sebagai ringkasan yang berbeda secara visual dengan kartu yang ada dalam paket.
- Beri tahu pengguna dengan suara notifikasi hanya sekali untuk setiap paket.
Kasus ketika paket berfungsi dengan baik:
- Rangkaian email atau pesan singkat
- Tiga pesan SMS antara orang yang sama
- Lima foto diambil satu jam satu sama lain
- Artikel terkait disisipkan sekaligus
- Daftar acara penting dan update skor untuk pertandingan olahraga yang sedang berlangsung
Kasus ketika paket tidak berfungsi dengan baik:
- Semua konten dari layanan Anda
- Banyak judul yang dikirim ke Glass dalam sehari
Penomoran halaman
Gunakan penomoran halaman untuk item linimasa yang tidak muat pada satu kartu karena batasan ruang, tetapi seharusnya berada pada kartu yang sama.
Kasus saat penomoran halaman berfungsi dengan baik:
- Satu email, artikel berita, atau konten serupa yang tidak muat di satu kartu
Kasus saat penomoran halaman tidak berfungsi dengan baik:
- Sekelompok kartu yang berbeda, misalnya beberapa artikel berita atau email
Mengikuti desain menu standar
Item menu kustom
- Setiap tindakan item menu harus memiliki ikon 50 × 50 terkait. Gunakan ikon menu Glass untuk tetap konsisten dengan UI Glass.
- Batasi nama tampilan menjadi beberapa kata jika memungkinkan. Gunakan kata kerja imperatif dengan atau tanpa objek.
- Gunakan ikon default dan nama tampilan untuk item menu bawaan, kecuali jika Anda menggunakan item menu untuk sesuatu yang sangat berbeda.
- Ikon berwarna putih sepenuhnya dan latar belakang transparan.
- Gunakan nama tampilan item menu yang singkat dan dapat ditindaklanjuti. Kata kerja imperatif dengan atau tanpa objek berfungsi dengan baik, seperti dalam contoh berikut.
- Item menu "Tolak" akan menghapus kartu linimasa dari linimasa saja, jadi buat item menu khusus hanya untuk ini jika Anda memerlukannya. Secara umum, Anda harus mengizinkan item linimasa berkurang secara alami dari waktu ke waktu dan tidak mengharuskan pengguna mengelola aplikasi secara aktif.
- Panjang nama maksimal 15 karakter atau kurang. Contoh:
| Buruk | Baik |
|---|---|
| Perpanjang perekaman | Perpanjang video |
| Kirim pesan ke Joko | Kirim pesan |
Item menu bawaan
Balas atau Balas Semua - Balasan suara ditujukan untuk menangkap input bentuk bebas dengan suara. Jangan gunakan balasan suara untuk merekam serangkaian opsi terbatas, seperti kemungkinan gerakan dalam game.
Delete - Menutup kartu linimasa dan menghapus konten yang sesuai dengan kartu linimasa di mana pun kartu disimpan (penyimpanan lokal dan server). Jangan membingungkan pengguna dengan menawarkan item menu "Hapus" jika fungsi yang Anda tawarkan adalah "Tutup".
Jangan gunakan Mirror API untuk interaktivitas segera
Mirror API tidak dirancang untuk menerima permintaan dari pengguna dan merespons secara real time atau dengan latensi rendah. Jika ini adalah persyaratan, gunakan GDK.
Misalnya, Mirror API Glassware berfungsi dengan baik dengan perintah "note a", karena pengguna tidak perlu menunggu respons dari Glassware setelah memanggil perintah.
Sebaliknya, "menemukan resep, spageti" tidak berfungsi dengan baik pada Glassware Mirror API, karena pengguna berharap hasil penelusuran segera ditampilkan. Dengan Mirror API, pengguna harus menunggu beberapa saat kartu dimasukkan ke linimasa untuk terus menggunakan Glasung, yang bukan pengalaman pengguna yang baik.
Batasan ini berlaku untuk perintah suara utama pada kartu Glass Home serta item menu pada kartu dan imersif.
Membuat konten yang tepat
Saat membuat konten untuk kartu, setiap kartu harus ringkas dan berisi satu informasi logis. Selain itu:
- Gunakan gambar sebagai ganti teks jika memungkinkan
- Tampilkan gambar dalam rasio aspek aslinya (dipangkas tidak masalah).
- Biarkan area tengah footer kartu kosong. Menu suara kontekstual ok kaca muncul di sini dan memblokir konten apa pun di bawahnya.
- Jika diinginkan, gunakan class CSS
auto-resizeuntuk otomatis mengubah ukuran ukuran font berdasarkan konten Anda. - Ikuti pedoman penulisan kami.
