Karo tasarımı yönergeleri

Karolar, Wear OS'te en erişilebilir yüzeylerden biridir.

Kartlar, kullanıcıların işlerini tamamlamak için ihtiyaç duydukları bilgilere ve işlemlere hızlı erişim sağlar. Kullanıcılar, saat yüzünden bir hızlıca kaydırarak fitness hedeflerine nasıl ilerlediklerini görebilir, hava durumunu kontrol edebilir ve daha pek çok şey yapabilir. Bir uygulamayı başlatın veya kartları kullanarak temel görevleri hızlıca tamamlayın.

Kullanıcılar, kol saatlerinde görmek istedikleri kartları seçebilir. Wear OS, kullanıcıların kartları hem kol saatinden hem de tamamlayıcı uygulamadan yönetmelerine olanak tanır.

kullanıcı deneyimi ilkeleri

Aşağıdaki tabloda Karo kullanıcı deneyimi ilkeleri açıklanmaktadır.

Derhal

Tahmin edilebilir

Alakalı
Kartlar, kullanıcıların sık yapılan görevleri hızlı bir şekilde tamamlamasına yardımcı olmak için tasarlanmıştır. İçeriğin kolay anlaşılır olması için kritik içerikleri net bir bilgi hiyerarşisiyle görüntüleyin. Her kutudaki içerik her zaman bir kullanıcı görevine odaklanmalıdır. Bu, kullanıcıların karoda hangi bilgileri görebileceklerini tahmin etmelerini sağlar ve geri çağırmayı iyileştirir. Kullanıcılar, kol saatlerine gittikleri her yerde yaklaşırlar. Kutudaki içeriğin kullanıcının bağlamıyla ne kadar alakalı olduğunu düşünün.

Kurallar

Kart oluştururken aşağıdaki kuralları göz önünde bulundurun.

Tek bir göreve odaklanma

Yapılması gerekenler

Her Kart'ı tek bir göreve odaklayın (ör. koşuyu başlat).

Yapılmaması gerekenler:

Tek bir Kartta çok sayıda farklı görevi destekleyin.

Her görev için ayrı kutular oluşturma

Uygulamanız birden çok görevi destekliyorsa, uygulamanızın desteklediği her görev için birden fazla karo oluşturmayı düşünün. Örneğin, bir fitness uygulamasında hem hedefler kutusu hem de antrenman aktivitesi kutusu olabilir.

Kartlar

Grafik ve şemaların bir bakışta temsillerini gösterme

Yapılması gerekenler

Sayısal veya istatistiksel bilgilerin bir bakışta, hızlı bir şekilde temsil edilmesini sağlayın ve gerektiğinde kullanıcının uygulamada daha fazlasını görmek için dokunmasına izin verin.

Yapılmaması gerekenler:

Kartta ayrıntılı sayısal veya istatistiksel bilgiler gösterir.

En son veri güncellemelerini belirtme

Kullanıcının, kol saatinde gösterilen güncel verilerin ne kadar güncel olduğunu bildiğinden emin olun. Önbelleğe alınan verileri, kullanıcı açısından alakalı olduğunda en son ne zaman güncellendiğiyle birlikte gösterin.

Kartlar

Uygun bir veri yenileme hızı kullanın

Cihazın pil ömrü üzerindeki etkisini göz önünde bulundurarak karolarınız için uygun bir güncelleme hızı seçin. Nabız ve adım sayısı gibi platform veri kaynaklarını kullanıyorsanız Wear OS, güncelleme hızını sizin için kontrol eder.

Boş durumlar

Karolarda iki tür boş durum bulunur. Her ikisi için de PrimaryLayout kullanmanızı öneririz.

Hatalar veya izin

Kullanıcıya, karodan ayarlarını veya tercihlerini güncellemesi gerektiğini söyleyin.

Oturum açma

Oturum açma karosunda net bir harekete geçirici mesaj sağlayın.

İletişim kutusu örnekleri

Hatalar, izinler ve ayarlar için iletişim kutusu durumlarını kullanın.

Kartlar

Devam eden etkinlikleri göster

Bir uygulama, antrenmanı takip etmek veya müzik çalmak gibi uzun süreli bir etkinlik gerçekleştirdiğinde, devam eden etkinliğin ilerleme durumunu daha fazla karoda göstermelidir.

Uygulamanız, kullanıcıların bu etkinlikleri başlatmasına izin veren kartları da destekliyorsa kullanıcıların kafasını karıştırmak için aşağıdakileri yapın:

  • Devam eden bir etkinliğin devam ettiğini belirtme.
  • Kullanıcı bu tür bir karta dokunursa uygulamanızı başlatın ve devam eden etkinliği gösterin. Devam eden bir etkinliğin yeni bir örneğini başlatmayın.

Kartlar

Şartlar

Birincil veriler
Etkinliği açıklayan ana içerik.

Etiket
Etkinliğin durumunu görüntüler.

Fayans Üzerinde Hareket

Karolara animasyon eklerken aşağıdaki ilkeleri göz önünde bulundurun:

Kullanıcıların değişiklikleri anlamasına yardımcı olma

Yapılması gerekenler

Bir karodaki bilgileri (ör. adım sayısı grafiğindeki ilerleme durumu) güncelliyorsanız bunu vurgulayın.

Yapılmaması gerekenler:

Değerler arasında beklenmedik bir şekilde geçiş yapın.

Önizlemeler

Kullanıcınızın kol saati ve telefonundaki kart yöneticisinde hangi içeriğin yer aldığını görmesini sağlamak için kart önizlemesi ekleyin. Her karonun temsili bir önizleme resmi olabilir. Eklenen resim aşağıdaki koşulları karşılamalıdır.

Şartlar

  • Öğeleri 400 x 400 piksel boyutunda dışa aktarın.
  • Dairesel önizleme resmi sağlayın.
  • Düz siyah arka plan kullanın.
  • PNG veya JPEG olarak kaydedin.
  • Uygulamanızın popüler dilleri için yerelleştirilmiş öğeler ekleyin.
Kol saatindeki kart yöneticisinde gösterilen karo önizlemesi. Bir telefondaki Kart Yöneticisi'nde gösterilen karo önizlemesi.

Yapılması gerekenler

Karonun içerikle doldurulduğu yeri bir önizleme gösterir.

Yapılmaması gerekenler:

Boş bir durum gösterin, sayfalara ayırma kullanıcı arayüzünde karo simgesini gösterin veya karonun etrafına bir çizgi yerleştirin.

Örnek düzenler

Aşağıda, tasarıma yönelik en iyi uygulamalarımızdan yararlanarak karolarla ilgili bazı yaygın kullanım alanları gösterilmektedir. Daha fazla bilgi için Kartlar konusuna bakın.

Hedef izleme

Antrenman başlat

Antrenman başlat

Antrenman başlat

Antrenman özeti

Zamanlayıcıyı başlat

Şu anki nabız

Nabız

Sonraki alarm

Meditasyon

Meditasyon

News

Hava durumu

Sonraki etkinlik

Sosyal

Medya oynat