एआई ग्लास के लिए, Jetpack Compose Glimmer यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क का इस्तेमाल करके, अपना एआई ग्लास ऐप्लिकेशन बनाएं. इससे आपको एआई ग्लास पर काम करने वाले बेहतर अनुभव मिलेंगे. Jetpack Compose Glimmer, पारदर्शी डिसप्ले और एआई चश्मे के फ़ॉर्म-फ़ैक्टर के लिए ऑप्टिमाइज़ किया गया पहला यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क है.
1. उपयोगकर्ता की गतिविधियों के बारे में फ़ैसला करना
उन क्रिटिकल यूज़र जर्नी (सीयूजे) पर फ़ोकस करें जो एआई चश्मे के फ़ॉर्म फ़ैक्टर के ग्लैंसबल सिद्धांतों के साथ काम करती हैं. इसे कम से कम यूज़र इंटरफ़ेस (यूआई) या सिर्फ़ ऑडियो के ज़रिए दिखाया जा सकता है. साथ ही, उपयोगकर्ता को अपने आस-पास की चीज़ों पर ध्यान देने की अनुमति दी जा सकती है. मौके ढूंढने के लिए, अपने मौजूदा ऐप्लिकेशन में ऐसे एंट्री पॉइंट जोड़ें जिनसे Glasses को फ़ायदा मिल सके.
उदाहरण के लिए, किसी उपयोगकर्ता को बिना हाथ लगाए, पैदल चलने के मोड़-दर-मोड़ निर्देश मिल सकते हैं. इससे उसे अपनी मंज़िल तक पहुंचने में मदद मिलेगी.
चुनी गई उपयोगकर्ता यात्रा में सुरक्षा, आराम, और परफ़ॉर्मेंस के सिद्धांतों का भी ध्यान रखा जाना चाहिए. उदाहरण के लिए, ऐसे टास्क न चुनें जिनके लिए उपयोगकर्ता को लंबे समय तक कैमरे का इस्तेमाल करना पड़े या जिनसे उनकी निजता का उल्लंघन हो.
बुनियादी सिद्धांतों के बारे में जानें.
यह करें
यह न करें
2. छोटा करें और अनुवाद करें
डिसप्ले मोड के यूज़र इंटरफ़ेस (यूआई) के लिए, अपने मुख्य ऐप्लिकेशन से कोई सीयूजे शुरू करें:
फ़ोकस के लिए लेआउट ऑप्टिमाइज़ करें: लेआउट में ज़रूरी जानकारी को प्राथमिकता दी जाती है. साथ ही, उपयोगकर्ता का ध्यान बनाए रखने के लिए, कार्रवाइयों और विज़ुअल एलिमेंट की संख्या कम की जाती है.
क्रम के लिए डेप्थ का इस्तेमाल करना: डेप्थ का इस्तेमाल, एलिमेंट की प्राथमिकता के बारे में बताने के लिए किया जाता है.
नीचे से ऊपर की ओर डिज़ाइन करना: मॉक बनाते समय, नीचे से शुरू करें और कॉम्पोनेंट को ऊपर की ओर ले जाएं.
विज़ुअल कॉम्पोनेंट का अनुवाद करना: एआई ग्लास पर कॉन्टेंट दिखाने के लिए, Jetpack Compose Glimmer कॉम्पोनेंट और लेआउट पैटर्न का इस्तेमाल करें.
कॉम्पोनेंट और ऐप्लिकेशन व्यू के बारे में ज़्यादा पढ़ें.
ऑप्टिमाइज़ किए गए कॉम्पोनेंट
B. आउटलाइन और हाइलाइट: आउटलाइन के रंग को कंट्रास्ट के लिए ऑप्टिमाइज़ किया गया है. हाइलाइट का इस्तेमाल करने से, विज़ुअल एक्सप्रेशन मिलता है. इसका इस्तेमाल कुछ तरह के इनपुट को दिखाने के लिए किया जा सकता है.
C. शेप: इसमें ज़्यादा गोल शेप का इस्तेमाल किया गया है. इससे, एक नज़र में जानकारी को समझने में आसानी होती है. इसके लिए, कोनों को कम शार्प किया गया है और स्क्रीन को ज़्यादा आरामदायक बनाया गया है. सरफ़ेस के रंग पर: कॉन्टेंट का सरफ़ेस कलर, सफ़ेद होता है, ताकि दुनिया के हिसाब से कंट्रास्ट को ज़्यादा से ज़्यादा किया जा सके.
D. टाइपोग्राफ़ी: Glimmer की टाइपोग्राफ़ी स्केल में, बॉडी और टाइटल के कुछ स्टाइल का इस्तेमाल किया जाता है. ये स्टाइल, पढ़ने में आसानी के लिए कर्लिंग, साइज़, और वेट को ऑप्टिमाइज़ करते हैं.
E. आइकनोग्राफ़ी: इसमें गोल मटीरियल सिंबल का इस्तेमाल किया गया है, जो गोल टाइपोग्राफ़ी स्केल के साथ काम करता है.
3. ऑडियो फ़्लो और संकेत
ऑडियो के साथ बातचीत करें. AI चश्मे वाले ऐप्लिकेशन में, ऑडियो का इस्तेमाल ज़्यादा से ज़्यादा किया जाना चाहिए, ताकि उपयोगकर्ता को बेहतर अनुभव मिल सके. हालांकि, आपको कुछ डिवाइसों के लिए सिर्फ़ ऑडियो की सुविधा भी देनी होगी. इसके लिए, सिर्फ़ ऑडियो वाला फ़्लो मैप बनाएं. ऑडियो क्लू और डायलॉग की मदद से, इंटरैक्शन और सुझाव/राय दें या शिकायत करें.
4. मैप में इनपुट कंट्रोल
पक्का करें कि डिवाइस कंट्रोल और जेस्चर के लिए इनपुट मैप किए गए हों. टैप जैसे ऐप्लिकेशन के बुनियादी इंटरैक्शन को ट्रैकपैड टैप में बदलकर, इसकी शुरुआत की जा सकती है.
5. SysUI को ध्यान में रखें
अन्य सिस्टम इंटरफ़ेस के लिए खाता.
अगर ऐप्लिकेशन का इस्तेमाल किया जाता है, तो यह होम और सिस्टम की अन्य सुविधाओं में दिखेगा. जैसे, सूचनाएं. ये सिस्टम बार में दिख सकते हैं.
6. अन्य राज्य
एआई चश्मे पर आपका ऐप्लिकेशन अलग-अलग स्थितियों में काम करेगा. जैसे, कनेक्शन या अनुमति से जुड़ी समस्याएं. अपने मुख्य ऐप्लिकेशन और चश्मे वाले ऐप्लिकेशन, दोनों में इन अलग-अलग स्थितियों को ध्यान में रखें.
डिवाइस की सुविधाओं के लिए अनुमतियां मांगना न भूलें.
ध्यान रखें कि आपको विज़ुअल यूज़र इंटरफ़ेस (यूआई) और ऑडियो के ज़रिए इन बातों को ध्यान में रखना होगा. उदाहरण के लिए, ऑडियो फ़ीडबैक की मदद से यह बताया जा सकता है कि उन्हें अपने मोबाइल डिवाइस पर अनुमति देने की प्रोसेस पूरी करनी चाहिए या गड़बड़ियों के बारे में पढ़कर सुनाया जा सकता है.
