Bu dokümanda, tasarım ve bilgi dağıtımına ilişkin bazı en iyi uygulamalar açıklanmaktadır. En iyi kullanıcı deneyimini sağlamak için uygun durumlarda bu yönergeleri uygulayın.
Önce kod, sonra kod
Glass'ta geliştirmeye başlamadan önce tasarım ilkelerini ve kalıplarını öğrenin. Daha fazla bilgi için Tasarım kılavuzlarını okuyun.
Erken tasarım geri bildirimi almak için Glassware Stream tasarımınızı oluşturun ve inceleme ekibine gönderin.
Sabitlenmiş bir zaman çizelgesi öğesini başlatıcı olarak kullanma
Kullanıcıların Glassware'i ve özelliklerini çağırmasının iki temel yolu, ok cam ana menüsünden sesli veya dokunmatik bir komut kullanmak veya bir zaman çizelgesi kartındaki bağlama dayalı bir menü kullanmaktır.
Kullanıcıları hiçbir zaman Glassware'i başlatmak üzere menü öğeleri içeren bir zaman çizelgesi kartını sabitlemeye zorlamayın. Mirror API, kullanıcı tarafından yapılandırılan ayarlara dayalı perakende bildirimler için tasarlanmıştır.
GDK Glassware'i başlatmak veya Mirror API'yi çağırmak için menü öğeleri sağlanması, deneyim düzenli bildirimler tasarım kalıbıyla tutarlı olduğu ve etkileşimde anında etkileşim için Mirror API'yi kullanmadığı sürece sorun teşkil etmez.
Örneğin, evcil hayvan sahiplenen Glassware, bir zaman çizelgesi kartı eklememeli ve kullanıcıları daha sonra özelliklere (örneğin, "Köpek arama", "Kedi arama", "kuş arama" vb.) erişmek için bu kartı sabitlemeye zorlamamalıdır. Bunun yerine, Glassware'in, kullanıcıların istedikleri evcil hayvanlara yönelik ölçütler belirlemesine ve bu ölçütleri karşılayan kartları düzenli olarak teslim etmesine izin vermesi gerekir. Bu kartlar daha sonra, "Biyografiyi oku" ve "Evcil hayvanı sahiple" gibi işlemleri gerçekleştirmek için menü öğeleri içerebilir.
Standart kart tasarımını ve şablonlarını izleyin
Mümkün olduğunda onaylanmış kart tasarımlarını ve şablonları kullanın. Şablonlar çalışmıyorsa:
- Mirror API'sini kullanıyorsanız base_style.css içindeki stilleri kullanın.
- Yerleşik şablon olarak dolgu ve boşluk kullanma ile ilgili genel kuralları uygulayın.
Medya gereksinimlerine uyun
Medya iletiyorsanız aşağıdaki yönergeleri uygulayın:
- Herkese açık videoların tümü canlı yayınlanır ve zaman çizelgesi öğelerine eklenmez.
- Video en boy oranı 16:9'dur.
- Video çözünürlüğü 640 × 360 pikseldir.
- H.264 biçimi
Düzgün şekilde gruplandırın ve sayfalara ayırın
Gruplar ve sayfalara ayırma, kartları gruplandırmanıza olanak tanır ancak aşağıdaki durumlarda doğru şekilde kullanmanız gerekir.
Gruplar
- Benzer ancak aynı kartta olmaması gereken kart grupları için paketleri kullanın.
- Paket kapak kartlarını, paketin içerdiği kartlardan görsel olarak farklı bir özet şeklinde tasarlayın.
- Kullanıcıya her grup için yalnızca bir bildirim sesi ile bildirim gönderin.
Paketlerin düzgün şekilde kullanıldığı durumlar:
- Bir mesaj dizisi veya kısa mesaj
- Aynı kişiler arasında üç SMS mesajı
- Bir saat içinde beş fotoğraf çekildi
- İlgili makalelerin tümü tek seferde eklendi
- Devam eden bir spor karşılaşmasının önemli etkinlikleri ve skor güncellemeleri
Paketlerin düzgün çalışmadığı durumlar:
- Hizmetinizdeki tüm içerikler
- Gün içinde Glass'a çok sayıda başlık gönderildi
Sayfalara ayırma
Alan sınırlamaları nedeniyle tek bir karta sığmayan zaman çizelgesi öğeleri için sayfalara ayırma kullanın. Aksi takdirde aynı kartta yer almalıdır.
Sayfalara ayırmanın iyi sonuç verdiği durumlar:
- Tek karta sığmayan tek bir e-posta, haber veya benzer içerik
Sayfalara ayırmanın iyi çalışmadığı durumlar:
- Birden fazla haber veya e-posta gibi bir dizi ayrı kart
Standart menü tasarımını uygulayın
Özel menü öğeleri
- Her menü öğesi işleminin 50 × 50 simgesiyle ilişkilendirilmiş olması gerekir. Glass kullanıcı arayüzüyle tutarlı olmak için Cam menü simgelerini kullanın.
- Görünen adları mümkünse birkaç kelimeyle sınırlandırın. Nesneyle veya nesne olmadan zorunlu bir fiil kullanın.
- Menü öğesini çok farklı bir şey için kullanmıyorsanız yerleşik menü öğelerinin varsayılan simgesini ve görünen adını kullanın.
- Simgeler tamamen beyaz, şeffaf arka planlar üzerinde ise beyazdır.
- Kısa ve işlem yapılabilir menü öğesi görünen adlarını kullanın. Aşağıdaki örneklerde olduğu gibi, nesne içeren veya içermeyen nesnel fiiller çok iyi performans gösterir.
- "Kapat" menü öğeleri, zaman çizelgesi kartını yalnızca zaman çizelgesinden kaldırır. Bu nedenle, yalnızca ihtiyaç duyduğunuzda bunun için özel bir menü öğesi oluşturabilirsiniz. Genel olarak, zaman çizelgesi öğelerinin zaman içinde doğal bir şekilde azalmasına izin vermeli ve kullanıcıların uygulamanızı etkin bir şekilde yönetmesini gerektirmemelisiniz.
- Adların uzunluğu 15 karakteri geçmemelidir. Örneğin:
| Kötü | İyi |
|---|---|
| Kaydı uzatma | Videoyu genişlet |
| Can'a mesaj gönder | Mesajı gönder |
Yerleşik menü öğeleri
Yanıtla veya Tümünü Yanıtla - Sesli yanıtlar, sesli olarak serbest biçimde giriş yakalamak için kullanılır. Oyunda olası hareketler gibi sınırlı sayıda seçeneği yakalamak için sesli yanıtları kullanmayın.
Sil - Zaman çizelgesi kartını kapatır ve depolandığı her yerde zaman çizelgesi kartına karşılık gelen içeriği (yerel ve sunucu depolama alanı) siler. Sunduğunuz "İşlev" "Kapat" ise "Sil" menü öğesi sunarak kullanıcılarınızın kafasını karıştırmayın.
Anında etkileşim için Mirror API'yi kullanma
Mirror API, kullanıcılardan istek almak ve gerçek zamanlı olarak veya düşük gecikmeyle yanıt vermek için tasarlanmamıştır. Bu bir gereklilikse GDK'yı kullanın.
Örneğin, Mirror API Glassware "not al" komutuyla iyi çalışır, çünkü kullanıcıların komutu çağırdıktan sonra Glassware'den yanıt beklemeleri gerekmez.
Buna karşılık, "bir yemek tarifi bul, spagetti bul", Mirror API Glassware ile iyi çalışmaz; çünkü kullanıcılar arama sonuçlarının hemen görüntülenmesini bekler. Mirror API ile kullanıcıların, iyi bir kullanıcı deneyimi olmayan Glassware'i kullanmaya devam etmek için zaman çizelgesine bir kart eklemelerini beklemeleri gerekir.
Bu kısıtlama, Glass Home kartındaki ana sesli komutların yanı sıra kartlardaki ve sanal kartlardaki menü öğeleri için geçerlidir.
Uygun şekilde içerik oluşturma
Kartlarınız için içerik oluştururken her kartın kısa ve öz olması, tek bir mantıksal bilgi içermesi gerekir. Ayrıca:
- Mümkün olduğunda metin yerine görüntü kullanın
- Resimleri orijinal en boy oranında görüntüleyin (kırpma sorun yaratmaz).
- Kart altbilgisinin orta alanını boş bırakın. Ok cam bağlamsal ses menüsü burada görünür ve altındaki içerikleri engeller.
- İsterseniz yazı tipi boyutlarını içeriğinize göre otomatik olarak yeniden boyutlandırmak için
auto-resizeCSS sınıfını kullanın. - Yazım yönergelerimizi uygulayın.
