नेविगेशन टेंप्लेट

नेविगेशन टेंप्लेट बुनियादी मैप और वैकल्पिक रूटिंग जानकारी देता है.

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

शामिल हैं:

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

क्लस्टर में मैप का डिसप्ले

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

मैप क्लस्टर का वायरफ़्रेम

क्लस्टर में मैप को इस तरह से बनाया गया है:

  • अलग से रेंडर किया गया, लेकिन अगर ज़रूरी हो, तो मुख्य डिसप्ले को कॉपी किया जा सकता है.
  • नॉन-इंटरैक्टिव. बटन जैसे इंटरैक्टिव एलिमेंट हटा दिए जाते हैं.
  • गहरे रंग वाली थीम. क्लस्टर मैप की गहरे रंग की थीम वाला वर्शन बनाने की सलाह दी जाती है. इससे ड्राइवर का ध्यान सड़क से दूर जाने की संभावना कम हो जाती है.

क्लस्टर में ऐप्लिकेशन का मैप सिर्फ़ कुछ समय पर दिखेगा. यह कई बातों पर निर्भर करता है, जैसे कि नेविगेशन की स्थिति, वाहन के लिए OEM की प्राथमिकता (AAOS में), और मुख्य डिसप्ले (एएपी में) पर क्या दिख रहा है.

क्लस्टर से जुड़े यूज़र फ़्लो के सैंपल के लिए, क्लस्टर में मैप देखें देखें.

क्लस्टर और सेंटर स्क्रीन के उदाहरण

रूट की खास जानकारी देने वाले मैप के साथ, मैप क्लस्टर का वायरफ़्रेम
यहां, ऐप्लिकेशन क्लस्टर में क्लोज़-अप मैप दिखाता है. साथ ही, बीच की स्क्रीन में रास्ते की खास जानकारी देने वाला मैप दिखाता है.
सेटिंग के साथ मैप क्लस्टर का वायरफ़्रेम
यहां, क्लस्टर में ऐप्लिकेशन का मैप दिखता रहता है, जब उपयोगकर्ता सेंटर स्क्रीन पर कार की सेटिंग में बदलाव करता है.

रूटिंग कार्ड की जानकारी

रूटिंग स्टेटस में, रूटिंग कार्ड की जानकारी का मॉक-अप

जब रूटिंग कार्ड, मैसेज की स्थिति के उलट, रूटिंग की स्थिति में होता है, तब यह यह जानकारी दिखाता है:

  1. मौजूदा चरण: इसमें आइकॉन (आम तौर पर, एक दिशा ऐरो), दूरी, और क्यू टेक्स्ट शामिल है (इसमें रूट मार्कर जैसे इमेज स्पैन शामिल हो सकते हैं)
  2. लेन के लिए दिशा-निर्देश (ज़रूरी नहीं): लेन के लिए सहायक इमेज या बड़ी जंक्शन इमेज (ज़्यादा से ज़्यादा 200dp की ऊंचाई वाला फ़्लेक्सिबल साइज़) के तौर पर दिखाया जाता है
  3. अगला चरण (ज़रूरी नहीं): इसमें आइकॉन और क्यू शामिल है. यह सिर्फ़ रूटिंग कार्ड के निचले हिस्से में दिख सकता है, जिसमें जंक्शन इमेज शामिल नहीं होती

रूटिंग स्थिति में एक अन्य विकल्प, स्पिनर ऐनिमेशन (यहां नहीं दिखाया गया है) दिखाने के लिए रूटिंग कार्ड के लिए है, जो लोडिंग, कैलकुलेटिंग या फिर से रास्ता बदलने जैसी अस्थायी स्थितियों को दिखाने के लिए है.

कुछ मामलों में, रूटिंग की जानकारी को फ़्लोटिंग नेविगेशन बार में दिखाया जा सकता है, जैसा कि ड्राइविंग के दौरान स्टॉप जोड़ें पेज पर दिखाया गया है.

रूटिंग कार्ड के मैसेज की स्थिति

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

मैसेज की स्थिति में, रूटिंग कार्ड में ये चीज़ें शामिल हो सकती हैं:

  • रूटिंग से जुड़ा एक मैसेज लिखें, जिसकी लंबाई दो लाइन तक हो
  • कोई इमेज या आइकॉन (ज़रूरी नहीं)
रूटिंग कार्ड के मैसेज की स्थिति का मॉकअप

नेविगेशन सूचनाएं: मोड़-दर-मोड़ (TBT) और नियमित

TBT की सूचना वाला रूटिंग कार्ड
नियमित सूचना वाला रूटिंग कार्ड

TBT की सूचनाएं: जब कोई ऐप्लिकेशन टेक्स्ट के आधार पर TBT के निर्देश उपलब्ध कराता है, तो उसे भी TBT की सूचनाएं ट्रिगर करनी होंगी. इन सूचनाओं का इस्तेमाल, नेविगेशन टेंप्लेट के बाहर TBT दिशा-निर्देशों को दिखाने के लिए किया जाता है. ऐप्लिकेशन बेहतर विज़िबिलिटी के लिए, टीबीटी की सूचना के बैकग्राउंड का रंग अपनी पसंद के मुताबिक बना सकते हैं.

नियमित तौर पर मिलने वाली सूचनाएं: नेविगेशन से जुड़े दूसरे मैसेज, जैसे कि रास्ते की सेटिंग में हुए बदलाव के बारे में बताने के लिए, नेविगेशन ऐप्लिकेशन नियमित रूप से (नॉन-टीबीटी) सूचनाएं भी भेज सकते हैं (जैसा कि यहां दिखाया गया है) या नेविगेशन अलर्ट का इस्तेमाल कर सकते हैं. रूटिंग कार्ड दिखने पर भी ये कार्ड दिख सकते हैं.

नेविगेशन से जुड़ी सूचनाएं

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

हर सूचना में ये चीज़ें शामिल होती हैं:

  • टाइटल और वैकल्पिक सबटाइटल
  • आइकॉन (ज़रूरी नहीं)
  • प्रोग्रेस इंडिकेटर – या तो बार या (वैकल्पिक तौर पर) टाइम बटन में मौजूद
  • ज़्यादा से ज़्यादा दो बटन. साथ ही, किसी बटन को प्राइमरी या टाइम्ड बटन के तौर पर दिखाया जा सकता है (प्रोग्रेस इंडिकेटर के साथ, जैसा कि पिछले डायग्राम में दिखाया गया है)

इनमें से किसी भी तरीके से सूचनाएं खारिज की जा सकती हैं:

  • किसी कार्रवाई के लिए उपयोगकर्ता को चुनना
  • X सेकंड के बाद समय खत्म हो गया (कॉन्फ़िगर किया जा सकता है)
  • उपयोगकर्ता की कार्रवाई के बिना ही ऐप्लिकेशन खारिज करना
नेविगेशन अलर्ट

नेविगेशन टेंप्लेट, कोई इंटरैक्शन नहीं
नेविगेशन टेंप्लेट, कोई इंटरैक्शन नहीं

नेविगेशन और मैप इंटरैक्टिविटी न होने पर फ़ुल-स्क्रीन मैप (Android Auto का उदाहरण)

चालू नेविगेशन के दौरान, यात्रा के अनुमान, ऐक्शन स्ट्रिप (सबसे ऊपर), और मैप ऐक्शन स्ट्रिप (सबसे नीचे दाईं ओर) के साथ रूटिंग कार्ड.

नेविगेशन टेंप्लेट के लिए UX से जुड़ी ज़रूरी शर्तें

ऐप्लिकेशन डेवलपर:

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