Jetpack Compose Glimmer kullanıcı arayüzü çerçevesini kullanarak, yapay zeka gözlüklerinde çalışan artırılmış deneyimler için Yapay Zeka Gözlüğü uygulamanızı oluşturun. Jetpack Compose Glimmer, şeffaf ekranlar ve yapay zeka gözlüğü form faktörü için optimize edilen ilk kullanıcı arayüzü çerçevelerinden biridir.
1. Kullanıcı yolculuklarına karar verme
Yapay zeka gözlüklerinin form faktörünün bir bakışta anlaşılabilen ilkeleriyle uyumlu olan kritik kullanıcı yolculuklarına (CUJ'ler) odaklanın. Bu, kullanıcıların çevreleriyle etkileşimini kesmeden minimum kullanıcı arayüzüyle veya yalnızca sesle ifade edilebilir. Fırsatları bulmak için mevcut uygulamanızda Glasses'tan yararlanacak giriş noktaları oluşturmayı düşünebilirsiniz.
Örneğin, bir kullanıcı, gideceği yere ulaşmasına yardımcı olmak için adım adım, eller serbest yürüme yol tariflerinden yararlanabilir.
Seçilen kullanıcı yolculuğu, güvenlik, rahatlık ve performans ilkelerini de hesaba katmalıdır. Örneğin, kullanıcının kamerasını gereksiz yere uzun süre kullanmasını gerektiren veya gizliliğini ihlal eden görevler seçmeyin.
Temel ilkeler hakkında bilgi edinin.
Yapılması gerekenler
Yapılmaması gerekenler:
2. Küçültme ve Çeviri
Ekran modu kullanıcı arayüzü için temel uygulamanızdaki bir CUJ ile başlayın:
Odaklanma için düzenleri optimize etme: Düzenler, kullanıcıların odaklanmasını sağlamak için gerekli bilgileri önceliklendirir, işlem sayısını ve görsel öğeleri azaltır.
Hiyerarşi için derinliği kullanın: Derinlik, öğe önceliğini belirtmek için kullanılır.
Alttan üste doğru tasarım: Mockup oluştururken alttan başlayın ve bileşenleri yukarı doğru yerleştirin.
Görsel bileşenleri çevirme: Görüntüleme amaçlı yapay zeka gözlükleri için Jetpack Compose Glimmer bileşenlerini ve düzen kalıplarını kullanın.
Bileşenler ve uygulama görünümü hakkında daha fazla bilgi edinin.
Optimize edilmiş bileşenler
B. Anahat ve Vurgu: Anahat rengi, kontrast için optimize edilmiştir. Vurgulama, görsel ifade sağlar ve bazı giriş türlerini belirtmek için kullanılabilir.
C. Şekil: Köşelerin keskinliğini azaltıp konforu artırarak bir bakışta anlaşılabilirliği iyileştirmek için daha yumuşak bir şekil sistemi kullanılır. Yüzeyde renk: İçeriğin yüzeyde rengi, dünyayla kontrastı en üst düzeye çıkarmak için beyazdır.
D. Tipografi: Glimmer'ın tipografi ölçeğinde, okunaklılığı ve okunabilirliği en iyi şekilde sağlamak için harf aralığını, boyutu ve ağırlığı optimize eden küçük bir grup Body ve Title stili kullanılır.
E. İkonografi: Yuvarlak Material Symbols kullanımı, yuvarlak tipografi ölçeğiyle uyumludur.
3. Ses akışı ve işaretleri
Ses ile sohbet edin. Ses, kullanıcının kafasını karıştırmadan Yapay Zeka Gözlüğü uygulamanızın büyük bir bölümünü oluşturmalıdır. Ayrıca, belirli cihazlarda yalnızca sesli bir deneyimi de hesaba katmanız gerekir. Bu deneyimi açıklamak için yalnızca ses içeren bir akış haritası oluşturarak bunu yapabilirsiniz. Sesli ipuçları ve diyaloglarla etkileşimleri ve geri bildirimleri not edin.
4. Harita giriş kontrolleri
Cihaz kontrolleri ve hareketleri için girişleri eşlediğinizden emin olun. Dokunma gibi temel uygulama etkileşimlerini dokunmatik yüzeyde dokunmaya çevirerek başlayabilirsiniz.
5. SysUI'yi göz önünde bulundurun
Diğer sistem arayüzlerini hesaba katın.
Uygulamanız, kullanılması durumunda ana sayfada ve bildirimler gibi diğer sistem özelliklerinde görünür. Bunlar sistem çubuğunda görünebilir.
6. Ek eyaletler
Uygulamanız, yapay zeka gözlüklerinde bağlantı veya izin sorunları gibi farklı senaryolarla karşılaşır. Hem temel uygulamanızda hem de gözlük uygulamanızda bu farklı durumları hesaba katın.
Cihaz özelliği izinlerini istediğinizden emin olun.
Bunları görsel kullanıcı arayüzü ve ses aracılığıyla değerlendirmeniz gerektiğini unutmayın. Örneğin, mobil cihazlarında izin akışını tamamlamaları gerektiğini bildirmek veya hataları okumak için sesli geri bildirim verin.
