Panduan desain kartu

Kartu adalah salah satu platform yang paling mudah diakses di Wear OS.

Kartu menyediakan akses cepat ke informasi dan tindakan yang diperlukan pengguna untuk menyelesaikan berbagai aktivitas. Dengan menggeser dari tampilan jam, pengguna dapat melihat progres kebugaran mereka, memeriksa cuaca, dan lainnya. Meluncurkan aplikasi atau menyelesaikan tugas penting dengan cepat dari kartu.

Pengguna dapat memilih kartu yang ingin dilihat di smartwatch mereka. Wear OS memungkinkan pengguna mengelola kartu di smartwatch dan dari aplikasi pendamping.

Prinsip UX

Tabel berikut menjelaskan prinsip UX Kartu.

Segera

Dapat diprediksi

Relevan
Kartu dirancang untuk membantu pengguna menyelesaikan tugas rutin dengan cepat. Tampilkan konten penting dengan hierarki informasi yang jelas sehingga konten mudah dipahami. Konten dalam setiap kartu harus selalu berfokus pada satu tugas pengguna saja. Dengan begitu, pengguna dapat memprediksi informasi yang akan mereka temukan di kartu dan lebih mudah mengingatnya. Pengguna membawa smartwatch ke mana pun mereka pergi. Pertimbangkan relevansi konten di kartu dengan konteks pengguna.

Panduan

Perhatikan panduan berikut saat membuat Kartu.

Fokuskan ke satu tugas

Anjuran

Memfokuskan setiap Kartu pada satu tugas, seperti mulai berlari.

Larangan

Mendukung terlalu banyak tugas yang berbeda dalam satu Kartu.

Membuat kotak terpisah untuk setiap tugas

Jika aplikasi Anda mendukung beberapa tugas, sebaiknya buat beberapa kartu untuk setiap tugas yang didukung aplikasi. Misalnya, aplikasi kebugaran dapat memiliki kartu sasaran dan kartu aktivitas olahraga.

Kartu

Tampilkan representasi grafik dan diagram yang mudah dilihat

Anjuran

Menampilkan representasi informasi numerik atau statistik singkat yang mudah dilihat, dan memungkinkan pengguna mengetuk untuk melihat informasi selengkapnya di aplikasi jika perlu.

Larangan

Menampilkan informasi numerik atau statistik yang mendetail di Kartu.

Menunjukkan pembaruan data terbaru

Pastikan pengguna mengetahui cara data terbaru ditampilkan di smartwatch mereka. Tampilkan data yang di-cache dengan indikator waktu pembaruan terakhirnya jika relevan bagi pengguna.

Kartu

Menggunakan kecepatan refresh data yang sesuai

Pilih kecepatan update yang sesuai untuk kartu Anda, dengan mempertimbangkan dampak terhadap masa pakai baterai perangkat. Jika Anda menggunakan sumber data platform seperti detak jantung dan jumlah langkah, Wear OS akan mengontrol kecepatan update untuk Anda.

Status kosong

Kartu memiliki dua jenis status kosong. Untuk keduanya, sebaiknya gunakan PrimaryLayout.

Error atau izin

Beri tahu pengguna bahwa mereka perlu memperbarui setelan atau preferensinya dari kartu.

Login

Berikan pesan ajakan (CTA) yang jelas di kartu login.

Contoh dialog

Tampilkan dialog untuk error, izin, dan setelan.

Kartu

Tampilkan aktivitas yang sedang berlangsung

Saat aplikasi melakukan aktivitas yang berjalan lama, seperti melacak olahraga atau memutar musik, aplikasi akan menampilkan progres aktivitas yang sedang berlangsung di salah satu kartu.

Jika aplikasi Anda juga mendukung kartu yang memungkinkan pengguna memulai aktivitas ini, lakukan hal berikut untuk meminimalkan kebingungan pengguna:

  • Menunjukkan bahwa aktivitas yang sedang berlangsung sedang berlangsung.
  • Jika pengguna mengetuk kartu tersebut, luncurkan aplikasi Anda dan tampilkan aktivitas yang sedang berlangsung. Jangan memulai instance baru dari aktivitas yang sedang berlangsung.

Kartu

Persyaratan

Data utama
Konten utama yang mendeskripsikan aktivitas.

Label
Menampilkan status aktivitas.

Gerakan pada Kartu

Saat Anda menambahkan animasi ke kartu, perhatikan prinsip-prinsip berikut:

Membantu pengguna memahami perubahan

Anjuran

Tekankan jika Anda memperbarui informasi pada kartu, seperti progres pada diagram jumlah langkah.

Larangan

Beralih di antara nilai secara tidak terduga.

Pratinjau

Tambahkan pratinjau kartu untuk membantu pengguna melihat konten yang ditampilkan di pengelola kartu di smartwatch dan ponsel. Setiap kartu dapat memiliki satu gambar pratinjau yang mewakilinya. Gambar tersebut harus memenuhi persyaratan berikut.

Persyaratan

  • Ekspor aset dengan ukuran 400 x 400 piksel.
  • Berikan gambar pratinjau bundar.
  • Gunakan latar belakang hitam solid.
  • Simpan sebagai PNG atau JPEG.
  • Tambahkan aset yang dilokalkan untuk bahasa populer aplikasi Anda.
Pratinjau kartu yang ditampilkan dalam pengelola kartu di smartwatch. Pratinjau kartu yang ditampilkan dalam pengelola kartu di ponsel.

Anjuran

Menampilkan pratinjau dengan kartu yang berisi konten.

Larangan

Menampilkan status kosong, menampilkan ikon kartu di UI penomoran halaman, atau menempatkan goresan di sekitar kartu.

Contoh tata letak

Berikut ini beberapa kasus penggunaan umum untuk kartu, yang memanfaatkan praktik terbaik desain kami. Untuk mengetahui informasi selengkapnya, lihat Kartu.

Pelacakan sasaran

Mulai latihan

Mulai latihan

Mulai latihan

Ringkasan latihan

Mulai timer

Detak jantung saat ini

Detak jantung

Alarm berikutnya

Meditasi

Meditasi

Berita

Cuaca

Peristiwa berikutnya

Media sosial

Memutar media