Karo tasarımı yönergeleri

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

Kartlar, kullanıcıların yapmak için ihtiyaç duyduğu bilgilere ve işlemlere hızlı erişim sağlar. Kullanıcılar, kadrandan tek bir kaydırma hareketiyle fitness hedeflerine nasıl ilerlediklerini görebilir, hava durumunu öğrenebilir ve daha pek çok şey yapabilir. Bir uygulamayı başlatın veya karolardan önemli 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ını hem kol saatinden hem de tamamlayıcı uygulamadan yönetmelerine olanak tanır.

Kullanıcı deneyimi ilkeleri

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

Derhal

Tahmin edilebilir

Alakalı
Kartlar, kullanıcıların sık gerçekleştirilen görevleri hızlı bir şekilde tamamlamasına yardımcı olmak için tasarlanmıştır. İçeriğin kolay anlaşılması için kritik içerikleri açık bir bilgi hiyerarşisiyle görüntüleyin. Her karonun içindeki 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 hatırlanabilirliği iyileştirir. Kullanıcılar kol saatlerini gittikleri her yere götürür. Kutudaki içeriğin kullanıcının bağlamıyla ne açıdan 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 (ör. koşmayı başlatma) odaklayın.

Yapılmaması gerekenler:

Tek bir Kartta çok sayıda farklı görev desteklenir.

Her görev için ayrı bloklar oluşturun

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 aktivite kutusu bulunabilir.

Kartlar

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

Yapılması gerekenler

Sayısal veya istatistiksel bilgilerin bir bakışta, hızlı temsillerini gösterin ve gerektiğinde kullanıcının bir 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österin.

En son veri güncellemelerini belirtin

Kullanıcının, kol saatinde gösterilen yeni 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ğini göstererek 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, ayarlarını veya tercihlerini karodan güncellemesi gerektiğini söyleyin.

Oturum açma

Oturum açma kutucuğunda 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 takibi veya müzik çalma 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 belirtin.
  • Kullanıcı bu tür bir karoya 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.

Karolarda Hareket Etme

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) güncelliyorsanız bunu vurgulayın.

Yapılmaması gerekenler:

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

Önizlemeler

Kullanıcınızın kol saati ve telefonundaki Kart Yöneticisi'nde hangi içeriğin gösterildiğini görmesine yardımcı olmak için bir kart önizlemesi ekleyin. Her karonun temsili bir önizleme resmi olabilir. Görselin aşağıdaki koşulları karşılaması gerekir.

Şartlar

  • Öğeleri 400 piksele 400 piksel olarak dışa aktarın.
  • Dairesel bir önizleme resmi sağlayın.
  • Tamamen siyah bir 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 kart önizlemesi. Bir telefondaki kart yöneticisinde 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 fayanslarla ilgili bazı yaygın kullanım alanları gösterilmektedir. Daha fazla bilgi için Kartlar bölümüne 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 oynatma