शुरू करना

एआई ग्लास के लिए ऐप्लिकेशन बनाने के लिए, Jetpack Compose Glimmer यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क का इस्तेमाल करें. इससे आपको ऐसे बेहतर अनुभव मिलेंगे जो एआई ग्लास के साथ काम करते हैं. Jetpack Compose Glimmer, पहले यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क में से एक है. इसे पारदर्शी डिसप्ले और एआई चश्मे के फ़ॉर्म-फ़ैक्टर के लिए ऑप्टिमाइज़ किया गया है.

1. उपयोगकर्ता की गतिविधियों के बारे में फ़ैसला करना

उन क्रिटिकल यूज़र जर्नी (सीयूजे) पर फ़ोकस करें जो एआई चश्मे के फ़ॉर्म फ़ैक्टर के ग्लैंसबल सिद्धांतों के साथ काम करती हैं. इसे कम से कम यूज़र इंटरफ़ेस (यूआई) या सिर्फ़ ऑडियो के ज़रिए दिखाया जा सकता है. साथ ही, उपयोगकर्ता को अपने आस-पास के माहौल में मौजूद रहने की अनुमति दी जा सकती है. मौके ढूंढने के लिए, अपने मौजूदा ऐप्लिकेशन में ऐसे एंट्री पॉइंट जोड़ें जिनसे चश्मे का इस्तेमाल करने वाले लोगों को फ़ायदा मिले.

उदाहरण के लिए, किसी व्यक्ति को बिना हाथ लगाए, पैदल चलने के लिए मोड़-दर-मोड़ निर्देश मिल सकते हैं. इससे उसे अपनी मंज़िल तक पहुंचने में मदद मिलेगी.

चुनी गई उपयोगकर्ता यात्रा में सुरक्षा, आराम, और परफ़ॉर्मेंस के सिद्धांतों का भी ध्यान रखा जाना चाहिए. उदाहरण के लिए, ऐसे टास्क न चुनें जिनके लिए उपयोगकर्ता को लंबे समय तक कैमरे का इस्तेमाल करना पड़े या जिनसे उनकी निजता का उल्लंघन हो.

बुनियादी सिद्धांतों के बारे में जानें.

अपने मोबाइल ऐप्लिकेशन से ऐसी सुविधाएं निकालें जो चश्मे के फ़ॉर्म फ़ैक्टर के लिए फ़ायदेमंद हों. उदाहरण के लिए, एक नज़र में जानकारी पाने की सुविधा.
अपने पूरे फ़ोन ऐप्लिकेशन को चश्मे पर पोर्ट करें, क्योंकि वे चश्मे के फ़ॉर्म फ़ैक्टर के हिसाब से नहीं बढ़ते हैं.

2. छोटा करें और अनुवाद करें

डिसप्ले मोड के यूज़र इंटरफ़ेस (यूआई) के लिए, अपने मुख्य ऐप्लिकेशन से कोई सीयूजे चुनें:

  • ध्यान खींचने वाले लेआउट ऑप्टिमाइज़ करें: लेआउट में ज़रूरी जानकारी को प्राथमिकता दी जाती है. साथ ही, उपयोगकर्ता का ध्यान बनाए रखने के लिए, कार्रवाइयों और विज़ुअल एलिमेंट की संख्या कम की जाती है.

  • क्रम के लिए डेप्थ का इस्तेमाल करना: डेप्थ का इस्तेमाल, एलिमेंट की प्राथमिकता के बारे में बताने के लिए किया जाता है.

  • नीचे से ऊपर की ओर डिज़ाइन करें: मॉक बनाते समय, नीचे से शुरू करें और कॉम्पोनेंट को ऊपर की ओर ले जाएं.

  • विज़ुअल कॉम्पोनेंट का अनुवाद करना: एआई ग्लास पर कॉन्टेंट दिखाने के लिए, Jetpack Compose Glimmer कॉम्पोनेंट और लेआउट पैटर्न का इस्तेमाल करें.

कॉम्पोनेंट और ऐप्लिकेशन व्यू के बारे में ज़्यादा पढ़ें.

शॉपिंग लिस्ट ऐप्लिकेशन, लिस्ट व्यू को कम से कम लिस्ट व्यू में बदल देता है. साथ ही, इसे सिर्फ़ सुझाव देने वाले यूज़र इंटरफ़ेस (यूआई) की ज़रूरत होती है.
शॉपिंग लिस्ट वाले ऐप्लिकेशन को Display AI glasses के एलिमेंट में ट्रांसलेट किया गया है. सिस्टम बार अलग-अलग दिखते हैं. एआई चश्मे में आम तौर पर कुछ नहीं दिखता. यहां ऐप्लिकेशन बार को टाइटल चिप में बदला जा सकता है. वहीं, मटीरियल लिस्ट के एलिमेंट को Jetpack Compose Glimmer लिस्ट में बदला जा सकता है.

ऑप्टिमाइज़ किए गए कॉम्पोनेंट

A. सरफ़ेस का रंग: कॉम्पोनेंट के सरफ़ेस का रंग काला होता है, ताकि कार्ड के कॉन्टेंट का कंट्रास्ट ज़्यादा से ज़्यादा हो.

B. आउटलाइन और हाइलाइट: आउटलाइन के रंग को कंट्रास्ट के लिए ऑप्टिमाइज़ किया गया है. हाइलाइट का इस्तेमाल, विज़ुअल एक्सप्रेशन के लिए किया जाता है. इसका इस्तेमाल, कुछ तरह के इनपुट के बारे में बताने के लिए भी किया जा सकता है.

C. शेप: इसमें एक सॉफ्ट शेप सिस्टम का इस्तेमाल किया जाता है. इससे, एक नज़र में जानकारी को समझने में आसानी होती है. इसके लिए, कोनों की शार्पनेस को कम किया जाता है और आराम को बेहतर बनाया जाता है. सरफ़ेस के रंग पर: कॉन्टेंट का सरफ़ेस कलर, सफ़ेद होता है, ताकि दुनिया के हिसाब से कंट्रास्ट को ज़्यादा से ज़्यादा किया जा सके.

D. टाइपोग्राफ़ी: Glimmer की टाइपोग्राफ़ी स्केल में, बॉडी और टाइटल के स्टाइल का एक छोटा सेट इस्तेमाल किया जाता है. इससे, पढ़ने में आसानी होती है. साथ ही, इससे शब्दों के बीच की दूरी, साइज़, और वज़न को ऑप्टिमाइज़ किया जाता है.

E. आइकनोग्राफ़ी: इसमें गोल मटीरियल सिंबल का इस्तेमाल किया गया है, जो गोल टाइपोग्राफ़ी स्केल के साथ काम करता है.

Glimmer कॉम्पोनेंट को पारदर्शी डिसप्ले के लिए ऑप्टिमाइज़ किया जाता है.

3. ऑडियो फ़्लो और संकेत

ऑडियो के साथ बातचीत करें. आपके AI Glasses ऐप्लिकेशन में ऑडियो का इस्तेमाल ज़्यादा होना चाहिए, लेकिन इतना ज़्यादा नहीं कि उपयोगकर्ता को परेशानी हो. आपको कुछ डिवाइसों के लिए, सिर्फ़ ऑडियो की सुविधा भी देनी होगी. इसके लिए, सिर्फ़ ऑडियो वाला फ़्लो मैप बनाएं. ऑडियो के संकेत और बातचीत की मदद से, इंटरैक्शन और सुझाव/राय/शिकायत को नोट करें.

सिर्फ़ ऑडियो वाला फ़्लो मैप बनाएं, ताकि बातचीत वाले ऐसे अनुभव प्लान किए जा सकें जिनसे उपयोगकर्ता को परेशानी न हो.

4. मैप में इनपुट कंट्रोल

पक्का करें कि डिवाइस कंट्रोल और जेस्चर के लिए इनपुट मैप किए गए हों. टैप जैसे ऐप्लिकेशन के बुनियादी इंटरैक्शन को ट्रैकपैड पर टैप करने की सुविधा में बदलकर शुरुआत की जा सकती है.

इनपुट देना जारी रखें.

एक्सआर के लिए बनाए गए ऐप्लिकेशन में, उपयोगकर्ता अनुभव को खास तौर पर एक्सआर के लिए डिज़ाइन किया जाता है. साथ ही, इसमें ऐसी सुविधाएं लागू की जाती हैं जो सिर्फ़ एक्सआर पर उपलब्ध होती हैं.

5. SysUI को ध्यान में रखें

अन्य सिस्टम इंटरफ़ेस के लिए खाता.

अगर ऐप्लिकेशन का इस्तेमाल किया जाता है, तो यह होम और सिस्टम की अन्य सुविधाओं में दिखेगा. जैसे, सूचनाएं. ये सिस्टम बार में दिख सकते हैं.

सिस्टम यूज़र इंटरफ़ेस (यूआई) के बारे में ज़्यादा जानकारी

सिर्फ़ ऑडियो वाला फ़्लो मैप बनाएं, ताकि आपको बातचीत वाले ऐसे अनुभव प्लान करने में मदद मिल सके जिनसे उपयोगकर्ता को परेशानी न हो.

6. अन्य राज्य

एआई चश्मे पर आपका ऐप्लिकेशन अलग-अलग स्थितियों में काम करेगा. जैसे, कनेक्शन या अनुमति से जुड़ी समस्याएं. अपने मुख्य ऐप्लिकेशन और चश्मे वाले ऐप्लिकेशन, दोनों में इन अलग-अलग स्थितियों को ध्यान में रखें.

डिवाइस की सुविधाओं के लिए अनुमतियां मांगना न भूलें.

ध्यान रखें कि आपको विज़ुअल यूज़र इंटरफ़ेस (यूआई) और ऑडियो के ज़रिए इन बातों को ध्यान में रखना होगा. उदाहरण के लिए, ऑडियो फ़ीडबैक की मदद से यह बताया जा सकता है कि उन्हें अपने मोबाइल डिवाइस पर अनुमति देने की प्रोसेस पूरी करनी चाहिए या गड़बड़ियों के बारे में पढ़कर सुनाया जा सकता है.

अपने मुख्य ऐप्लिकेशन और चश्मे वाले ऐप्लिकेशन, दोनों में ऐप्लिकेशन की अलग-अलग स्थितियों को ध्यान में रखें.