जहां ऐप डेवलपर अपने मीडिया ऐप्स के लिए मुख्य सामग्री, आइकन और कस्टम एक्शन प्रदान करते हैं, वहीं कार निर्माताओं के पास समग्र दृश्य अनुभव को अनुकूलित करने की सुविधा होती है। इससे यह सुनिश्चित होता है कि थर्ड-पार्टी मीडिया ऐप्स वाहन के इंफोटेनमेंट अनुभव का अभिन्न अंग प्रतीत हों।
कार निर्माता क्या अनुकूलित कर सकते हैं
- ऐप बार को कॉन्फ़िगर करें : मीडिया ऐप बार की स्थिति, स्टाइलिंग और विशिष्ट कार्यात्मक तत्व।
- ब्राउज़िंग दृश्यों की शैली : ऐप हेडर (स्थिति और शैली), साथ ही ग्रिड और सूची आइटमों की दृश्य शैली।
- प्लेबैक लेआउट की शैली : प्लेबैक दृश्य का लेआउट और स्टाइलिंग, जिसमें न्यूनतम नियंत्रण बार भी शामिल है।
- खोज ओवरले डिज़ाइन करें : कीबोर्ड का स्वरूप, ओवरले तत्व और खोज परिणामों की शैली।
- ऐप ब्रांडिंग प्रदर्शित करना : ऐप आइकन को कंटेंट स्क्रीन पर कैसे रखा जाता है और ऐप के एक्सेंट कलर को यूआई में कैसे एकीकृत किया जाता है।
ऐप बार को कॉन्फ़िगर करें
गूगल के बिल्ट-इन ऐप्स वाली कारों में मीडिया ऐप्स के लिए ऐप बार मुख्य नेविगेशन और ब्रांडिंग एलिमेंट है। यह उपयोगकर्ताओं को ऐप में उनकी स्थिति के बारे में जानकारी देता है और उन्हें सर्च और ब्राउज़िंग जैसी आवश्यक सुविधाओं तक त्वरित पहुंच प्रदान करता है।
आप डिज़ाइन टोकन का उपयोग करके ऐप बार की दिखावट, लेआउट और कार्यक्षमता को संशोधित करके इसे अपनी कार के ब्रांड के अनुरूप बना सकते हैं।
शरीर रचना
मीडिया ऐप बार में आमतौर पर निम्नलिखित तत्व शामिल होते हैं:
- नेविगेशन आइकन: आमतौर पर पिछली स्क्रीन पर वापस जाने के लिए एक बैक एरो होता है।
- ऐप ब्रांडिंग: आपके ऐप का लोगो या नाम।
- टैब: शीर्ष-स्तरीय श्रेणियों के लिए नेविगेशनल लिंक, जैसे "ब्राउज़ करें" या "खोजें"।
- एक्शन आइकन: सर्च आइकन जैसे प्रासंगिक एक्शन।
दिखावट को अनुकूलित करें
ऐप बार को अपनी कार के सिस्टम थीम से मेल खाने के लिए डिज़ाइन टोकन का उपयोग करें। टोकन आपको ऐसे रंग और टाइपोग्राफी परिभाषित करने की अनुमति देते हैं जो यूआई में स्वचालित रूप से अपडेट हो जाते हैं।
- पृष्ठभूमि: उपयुक्त सरफेस टोकन का उपयोग करके ऐप बार का पृष्ठभूमि रंग और अपारदर्शिता सेट करें।
- टाइपोग्राफी: ऐप के शीर्षक और टैब लेबल के लिए अपने ब्रांड के फ़ॉन्ट और वेट का उपयोग करें, उन्हें सिस्टम टाइपोग्राफी टोकन से मैप करके।
- आइकन: सुनिश्चित करें कि नेविगेशन और एक्शन आइकन ड्राइविंग के दौरान पठनीयता के लिए एक समान आकार और रंग के टोकन का उपयोग करते हैं।
कार्यात्मक विन्यास
टैब प्रबंधित करें
आप अपने ऐप की संरचना के आधार पर यह चुन सकते हैं कि ऐप बार में कौन से टैब दिखाई देंगे। सामान्य कॉन्फ़िगरेशन में शामिल हैं:
- सामान्य ब्राउज़िंग: प्लेलिस्ट, कलाकार और एल्बम जैसी श्रेणियों के लिए टैब।
- खोज एकीकरण: कीबोर्ड या वॉइस सर्च तक त्वरित पहुंच के लिए ऐप बार में एक समर्पित खोज टैब या आइकन।
डिस्प्ले ब्रांडिंग
एकरूपता बनाए रखने के लिए, आप तय कर सकते हैं कि ऐप बार में ऐप का लोगो या ब्रांडिंग कैसे प्रदर्शित हो। आप निम्न विकल्प चुन सकते हैं:
- लोगो दिखाएं: ऐप का लोगो नेविगेशन आइकन के बगल में रखें।
- शीर्षक दिखाएं: यदि कोई लोगो प्रदान नहीं किया गया है, तो ऐप के नाम के लिए टेक्स्ट का उपयोग करें।
स्टाइल ब्राउज़िंग दृश्य
ब्राउज़िंग व्यू उपयोगकर्ताओं को ग्रिड और सूचियों के माध्यम से मीडिया सामग्री का पता लगाने की अनुमति देते हैं। कार निर्माता इन व्यू को अनुकूलित कर सकते हैं ताकि मीडिया अनुभव वाहन की ब्रांडिंग और सिस्टम-व्यापी डिज़ाइन के अनुरूप हो।
हेडर अनुकूलन
ब्राउज़िंग हेडर सामग्री पदानुक्रम में उपयोगकर्ता की वर्तमान स्थिति के लिए संदर्भ प्रदान करता है। आप हेडर के निम्नलिखित पहलुओं को अनुकूलित कर सकते हैं:
- स्थिति और शैली: हेडर की ऊर्ध्वाधर स्थिति और दृश्य डिजाइन को समायोजित करें, जिसमें ऊंचाई और पृष्ठभूमि का संयोजन शामिल है।
- हेडर तत्व: शीर्षक पाठ की शैली और द्वितीयक आइकनों की उपस्थिति जैसे विशिष्ट घटकों को अनुकूलित करें।
ग्रिड और सूची आइटम
मीडिया सामग्री को ग्रिड या सूचियों में व्यवस्थित किया जाता है ताकि उपयोगकर्ता आसानी से ब्राउज़ कर सकें। आप पठनीयता और अवलोकन क्षमता को बेहतर बनाने के लिए इन लेआउट को अनुकूलित कर सकते हैं:
- आइटम स्टाइलिंग: व्यक्तिगत आइटमों की दृश्य उपस्थिति को अनुकूलित करें, जिसमें थंबनेल का आकार और आकृति तथा शीर्षक और उपशीर्षकों के लिए टाइपोग्राफी शामिल है।
- लेआउट चयन: प्रदर्शित की जा रही सामग्री के प्रकार के आधार पर ग्रिड या सूची प्रारूपों में से चुनें (उदाहरण के लिए, एल्बम आर्ट के लिए ग्रिड और ट्रैक नामों के लिए सूचियों का उपयोग करना)।
- फोकस स्टेट्स: यह परिभाषित करें कि उपयोगकर्ता द्वारा आइटम का चयन या हाइलाइट किए जाने पर वे कैसे दिखाई देंगे।
प्लेबैक लेआउट को स्टाइल करें
प्लेबैक व्यू उपयोगकर्ताओं को उनके वर्तमान में चल रहे मीडिया के लिए नियंत्रण और मेटाडेटा प्रदान करता है। कार निर्माता इस व्यू और मिनिमाइज्ड कंट्रोल बार के स्वरूप को अनुकूलित कर सकते हैं ताकि एक ऐसा सुसंगत अनुभव बनाया जा सके जो वाहन के ब्रांड के अनुरूप हो।
प्लेबैक दृश्य शरीर रचना
प्लेबैक दृश्य में आमतौर पर निम्नलिखित घटक शामिल होते हैं:
- एल्बम आर्ट: वर्तमान मीडिया का दृश्य निरूपण।
- मेटाडेटा: ट्रैक का शीर्षक, कलाकार का नाम और एल्बम का शीर्षक जैसी जानकारी।
- प्लेबैक नियंत्रण: प्ले, पॉज़, स्किप और शफ़ल जैसी आवश्यक क्रियाएँ।
- प्रोग्रेस बार: वर्तमान ट्रैक की प्रगति का एक दृश्य संकेतक, जिसमें अक्सर एक खोजी जा सकने वाली उंगली का निशान शामिल होता है।
अनुकूलन विकल्प
आप प्लेबैक अनुभव की दृश्य शैली को संशोधित करने के लिए डिज़ाइन टोकन का उपयोग कर सकते हैं।
मुख्य प्लेबैक स्क्रीन
- बैकग्राउंड और ओवरले: अपने सिस्टम थीम से मेल खाने के लिए बैकग्राउंड का रंग, ग्रेडिएंट या अपारदर्शिता स्तर को अनुकूलित करें।
- टाइपोग्राफी: सिस्टम टाइपोग्राफी टोकन का उपयोग करके ट्रैक शीर्षकों और कलाकार की जानकारी के लिए फ़ॉन्ट, आकार और मोटाई परिभाषित करें।
- नियंत्रण शैली: प्लेबैक बटनों (जैसे, प्ले, पॉज़, नेक्स्ट) के आकार, रंग और आइकन शैली को अनुकूलित करें ताकि यह सुनिश्चित हो सके कि वे अन्य सिस्टम नियंत्रणों के साथ संगत हैं।
- प्रोग्रेस बार: ब्रांड-विशिष्ट रंगों का उपयोग करके प्रोग्रेस बार के ट्रैक और थंबनेल को स्टाइल करें।
न्यूनतम नियंत्रण पट्टी (एमसीबी)
मिनिमाइज्ड कंट्रोल बार उपयोगकर्ताओं को सिस्टम के अन्य भागों में नेविगेट करते समय मीडिया को नियंत्रित करने की अनुमति देता है। आप इसे कस्टमाइज़ कर सकते हैं:
- स्थिति और लेआउट: यह निर्धारित करें कि एमसीबी स्क्रीन पर कहाँ दिखाई देता है और इसके भीतर तत्वों को कैसे व्यवस्थित किया जाता है।
- एलिमेंट विजिबिलिटी: चुनें कि मिनिमाइज्ड स्थिति में कौन से कंट्रोल (जैसे प्ले/पॉज या स्किप) प्रदर्शित होंगे।
- स्टाइलिंग: एकसमान रंगों और गोल कोनों का प्रयोग करें ताकि एमसीबी सिस्टम यूआई का एक अभिन्न अंग जैसा महसूस हो।
खोज ओवरले को डिज़ाइन करें
ऐप के अंदर खोज सुविधा एक महत्वपूर्ण विशेषता है जो उपयोगकर्ताओं को वाहन में रहते हुए मीडिया को शीघ्रता से खोजने में सक्षम बनाती है। ऐप डेवलपर खोज सामग्री प्रदान करते हैं, जबकि कार निर्माता कीबोर्ड और परिणामों की प्रस्तुति सहित खोज ओवरले को डिज़ाइन करने के लिए जिम्मेदार होते हैं।
कीबोर्ड डिज़ाइन
सुरक्षा और उपयोग में आसानी सुनिश्चित करने के लिए, सर्च ओवरले वाहन की ड्राइविंग स्थिति के आधार पर विभिन्न कीबोर्ड कॉन्फ़िगरेशन का उपयोग करता है।
- मानक कीबोर्ड: वाहन पार्क होने पर प्रदर्शित होता है। यह मैन्युअल टेक्स्ट एंट्री के लिए एक पूर्ण-सुविधा वाला कीबोर्ड है।
- ड्राइव-अनुकूलित कीबोर्ड: वाहन के चलने पर प्रदर्शित होता है। यह संस्करण आमतौर पर वॉइस इनपुट को प्राथमिकता देता है और ड्राइवर का ध्यान भटकने से बचाने के लिए सरल मैनुअल एंट्री या सुझाव प्रदान कर सकता है।
कार निर्माता सिस्टम डिजाइन टोकन का उपयोग करके इन कीबोर्ड की दृश्य शैली - जैसे कि कुंजी का आकार, पृष्ठभूमि का रंग और टाइपोग्राफी - को वाहन की ब्रांडिंग से मेल खाने के लिए अनुकूलित कर सकते हैं।
शैली खोज परिणाम
उपयोगकर्ता द्वारा क्वेरी दर्ज करने के बाद, परिणाम एक ओवरले में प्रदर्शित होते हैं। आप इस दृश्य के निम्नलिखित पहलुओं को अनुकूलित कर सकते हैं:
- लेआउट और स्पेसिंग: यह परिभाषित करें कि खोज परिणामों को कैसे समूहित किया जाए और बेहतर पठनीयता के लिए आइटमों के बीच कितनी जगह दी जाए।
- आइटम का स्वरूप: खोज परिणामों में सूची आइटम की शैली को अनुकूलित करें, जिसमें शीर्षक और उपशीर्षक के लिए फ़ॉन्ट शैली और संबंधित थंबनेल का आकार शामिल है।
- खाली और त्रुटि की स्थिति: जब कोई परिणाम नहीं मिलता है या कनेक्शन त्रुटि होती है तो ओवरले का स्वरूप डिज़ाइन करें।
ऐप ब्रांडिंग प्रदर्शित करें
Google के साथ बिल्ट-इन कारों में एक सुसंगत मीडिया अनुभव बनाने के लिए, आप सिस्टम UI में थर्ड-पार्टी ऐप ब्रांडिंग को एकीकृत करने के तरीके को कस्टमाइज़ कर सकते हैं। इससे यह सुनिश्चित होता है कि उपयोगकर्ता को पता रहे कि वे कौन सा ऐप इस्तेमाल कर रहे हैं, साथ ही विज़ुअल प्रस्तुति वाहन के समग्र डिज़ाइन के अनुरूप बनी रहे।
ब्रांड तत्व
आप निम्नलिखित ऐप-विशिष्ट तत्वों के स्थान निर्धारण और एकीकरण को अनुकूलित कर सकते हैं:
- ऐप आइकन: मीडिया सेवा का प्राथमिक दृश्य पहचानकर्ता।
- एक्सेंट कलर: ऐप डेवलपर द्वारा प्रदान किया गया ब्रांड-विशिष्ट रंग।
- ऐप का नाम: मीडिया सेवा का टेक्स्ट-आधारित नाम।
अनुकूलन विकल्प
इन ब्रांडिंग तत्वों को विभिन्न मीडिया स्क्रीन पर कैसे प्रदर्शित किया जाए, यह परिभाषित करने के लिए डिज़ाइन टोकन का उपयोग करें।
आइकन की स्थिति और शैली
मीडिया इंटरफेस के भीतर ऐप आइकन को प्रदर्शित करने के तरीके में आपके पास लचीलापन है:
- स्थान निर्धारण: यह निर्धारित करें कि ऐप आइकन सामग्री स्क्रीन पर कहाँ दिखाई देगा, जैसे कि ऐप बार के भीतर या प्लेबैक दृश्य पर।
- आकार और मापन: सिस्टम टोकन का उपयोग करके आइकन के आकार और कोने की त्रिज्या को परिभाषित करें ताकि यह सुनिश्चित हो सके कि यह अन्य सिस्टम-स्तरीय आइकनों से मेल खाता हो।
एक्सेंट रंगों को एकीकृत करें
ऐप के एक्सेंट रंगों का उपयोग वाहन के यूआई को अत्यधिक प्रभावित किए बिना ऐप के ब्रांड का सूक्ष्म संकेत प्रदान करने के लिए किया जा सकता है:
- एडैप्टिव स्टाइलिंग: आप चुन सकते हैं कि ऐप के एक्सेंट कलर को प्रोग्रेस बार, एक्टिव टैब इंडिकेटर या बटन जैसे यूआई कंपोनेंट्स में कैसे शामिल किया जाए।
- रंग मानकीकरण: सिस्टम द्वारा परिभाषित रंग रूपांतरणों को लागू करके यह सुनिश्चित करें कि ऐप द्वारा प्रदान किए गए रंग सुरक्षा और पठनीयता के लिए कंट्रास्ट आवश्यकताओं को पूरा करते हैं।
डिजाइन के सर्वोत्तम तरीके
- सिस्टम में सामंजस्य बनाए रखें: सुनिश्चित करें कि ऐप की ब्रांडिंग मुख्य ड्राइविंग कार्य से ध्यान न भटकाए या वाहन के सिस्टम-व्यापी थीम से मेल न खाए।
- पठनीयता को प्राथमिकता दें: यदि आप टेक्स्ट या आइकन के लिए ऐप के एक्सेंट कलर का उपयोग कर रहे हैं, तो सुनिश्चित करें कि यह आपके द्वारा चुने गए बैकग्राउंड के साथ आवश्यक कंट्रास्ट अनुपात को पूरा करता है।
- एकसमान अनुप्रयोग: एक अनुमानित उपयोगकर्ता अनुभव प्रदान करने के लिए सभी तृतीय-पक्ष मीडिया ऐप्स में ब्रांडिंग नियमों को एकसमान रूप से लागू करें।
- सिस्टम टोकन का उपयोग करें: भविष्य के सिस्टम अपडेट के साथ अनुकूलता बनाए रखने के लिए हमेशा ब्रांडिंग अनुकूलन को दिए गए डिज़ाइन टोकन से मैप करें।