Android की सेटिंग के डिज़ाइन से जुड़े दिशा-निर्देश

यह दस्तावेज़ उन सभी लोगों के लिए बने सिद्धांतों और दिशा-निर्देशों को हाइलाइट करता है जो या तो Android प्लैटफ़ॉर्म की सेटिंग, GMS की मुख्य सेटिंग (Google सेटिंग) या अपने Android ऐप्लिकेशन के लिए डेवलपर डिज़ाइन कर रहे हैं.

डिज़ाइन से जुड़े सिद्धांत

बेहतर जानकारी दें

उपयोगकर्ताओं को सेटिंग स्क्रीन पर एक नज़र डालनी चाहिए और सभी अलग-अलग सेटिंग और उनके मानों को समझना चाहिए.

पहला डायग्राम. सेटिंग और उनकी मौजूदा वैल्यू, टॉप-लेवल स्क्रीन पर दिखती हैं

चीज़ों को आसानी से व्यवस्थित करें

अक्सर इस्तेमाल की जाने वाली सेटिंग को स्क्रीन पर सबसे ऊपर रखें. एक स्क्रीन पर सेटिंग की संख्या सीमित रखें. 10 से 15 से ज़्यादा आइटम दिखाना परेशानी भरा हो सकता है. कुछ सेटिंग को अलग स्क्रीन पर ले जाकर, आसानी से इस्तेमाल होने वाला मेन्यू बनाएं.

दूसरा डायग्राम. सामान्य सेटिंग, स्क्रीन पर सबसे ऊपर मौजूद हैं

सेटिंग को ढूंढना आसान बनाएं

कुछ मामलों में, दो अलग-अलग स्क्रीन पर किसी एक सेटिंग का डुप्लीकेट बनाना मददगार हो सकता है. अलग-अलग स्थितियों की वजह से उपयोगकर्ता किसी सेटिंग में बदलाव कर सकते हैं. इसलिए, इस सेटिंग को कई जगहों पर शामिल करने से उपयोगकर्ताओं को यह आइटम ढूंढने में मदद मिलेगी.

डुप्लीकेट सेटिंग के लिए, सेटिंग के लिए एक अलग स्क्रीन बनाएं और अलग-अलग जगहों से एंट्री पॉइंट तैयार करें.

तीसरी और चौथी इमेज. "सूचना" और "साउंड", दोनों स्क्रीन पर "सूचना की डिफ़ॉल्ट आवाज़" दिखती है

टाइटल और स्टेटस साफ़ तौर पर बताएं

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

टाइटल में ऐसा होना चाहिए:

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

टाइटल में इन चीज़ों का इस्तेमाल नहीं करना चाहिए:

  • सामान्य शब्द, जैसे कि सेट करना, बदलना, बदलाव करना, बदलाव करना, मैनेज करना, इस्तेमाल करना, चुनना या चुनना.
  • सेक्शन डिवाइडर या सबस्क्रीन टाइटल में मौजूद शब्दों को दोहराना.
  • कठिन तकनीकी शब्द.

पेज के टाइप

सेटिंग की सूची

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

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

पांचवी इमेज. सेटिंग की सूची का उदाहरण

सूची वाला व्यू

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

छठी इमेज. सूची के तौर पर देखें

इकाई की स्क्रीन

इकाई स्क्रीन का इस्तेमाल ऐप्लिकेशन, खाते, डिवाइस, वाई-फ़ाई नेटवर्क वगैरह जैसे किसी अलग आइटम की सेटिंग दिखाने के लिए किया जाता है.

विज़ुअल तौर पर, इकाई एक आइकॉन, शीर्षक, और सबटाइटल के साथ सबसे ऊपर दिखती है. इस स्क्रीन पर मौजूद सभी सेटिंग, इस इकाई से जुड़ी होनी चाहिए.

सातवीं इमेज. ऐप्लिकेशन की जानकारी में इस्तेमाल की गई इकाई की स्क्रीन का उदाहरण

आठवीं इमेज. स्टोरेज में इस्तेमाल की जाने वाली इकाई की स्क्रीन का उदाहरण

मुख्य सेटिंग

मुख्य सेटिंग का सबसे बढ़िया इस्तेमाल तब होता है, जब किसी पूरी सुविधा को चालू या बंद किया जा सकता है, जैसे कि वाई-फ़ाई या ब्लूटूथ. स्क्रीन के सबसे ऊपर दिए गए स्विच का इस्तेमाल करके, उपयोगकर्ता इस सुविधा को कंट्रोल कर सकते हैं. सुविधा को बंद करने के लिए मुख्य सेटिंग का इस्तेमाल करने से अन्य सभी सेटिंग बंद हो जाती हैं.

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

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

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

10वीं इमेज. मुख्य टॉगल को बंद करके, ऐप्लिकेशन की सूचनाओं वाली स्क्रीन पर इस्तेमाल की जाने वाली मुख्य सेटिंग का उदाहरण

रेडियो बटन चुनने वाली स्क्रीन

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

रेडियो बटन स्क्रीन में ऊपर एक इमेज और नीचे फ़ुटर टेक्स्ट हो सकता है. अलग-अलग रेडियो बटन में टाइटल के साथ सबटेक्स्ट भी हो सकता है.

11वीं इमेज. सेटिंग की सूची में रेडियो बटन का इस्तेमाल नहीं किया जाना चाहिए

12वीं इमेज. सेटिंग में इस तरह रेडियो बटन को सही तरीके से इस्तेमाल किया जा सकता है

Components

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

ऐसे टूलबार के लिए जिनमें स्क्रीन से जुड़ी कोई खास कार्रवाई नहीं की गई है. खोज और सहायता से जुड़ी कार्रवाइयां दिखाएं.

13वीं इमेज. खोज और सहायता से जुड़ी कार्रवाइयों वाला टूलबार

एक कार्रवाई वाले टूलबार के लिए: खोजने से पहले कार्रवाई दिखाएं.

14वीं इमेज. खोज और सहायता से जुड़ी कार्रवाइयों से पहले, एक कार्रवाई वाला टूलबार

एक से ज़्यादा कार्रवाई वाले टूलबार के लिए: ओवरफ़्लो मेन्यू में बेहतर कार्रवाइयों को रखते समय, खोज से पहले मुख्य कार्रवाई को शामिल करें.

अगर सभी कार्रवाइयां बेहतर हैं या उनका इस्तेमाल सिर्फ़ कुछ ही उपयोगकर्ताओं के लिए किया जा सकता है, तो सभी कार्रवाइयों को ओवरफ़्लो मेन्यू में रखें.

15वीं इमेज. कार्रवाइयों के लिए ओवरफ़्लो मेन्यू वाला टूलबार

इकाई का हेडर

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

16वीं इमेज. इकाई का हेडर

आइकॉन और हेडिंग (App1) वाला हिस्सा हेडर (ऐप्लिकेशन की जानकारी) के नीचे स्क्रोल होगा.

17वीं इमेज. ऐप्लिकेशन की जानकारी का टाइटल यहां टूलबार का हिस्सा है, जबकि बाकी स्क्रीन, इसके नीचे स्क्रोल करेगी

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

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

उदाहरण:

18वीं इमेज. आइकॉन, टाइटल, और सबटेक्स्ट के साथ मेन्यू लिंक

19 इमेज. टाइटल और सबटेक्स्ट के साथ मेन्यू का लिंक

इमेज 20. सिर्फ़ टाइटल वाला मेन्यू लिंक

मेन्यू का लिंक, जिसमें आइकॉन, टाइटल, सबटेक्स्ट, और दाईं ओर एक अलग हिट टारगेट मौजूद है

अन्य टैप टारगेट में थीम के रंग का इस्तेमाल किया जाना चाहिए.

इमेज 21. दो बार टैप वाले टारगेट मेन्यू का उदाहरण

आइकॉन, टाइटल, सबटेक्स्ट, और आंकड़े/नंबर/चेतावनी आइकॉन वाला मेन्यू लिंक

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

आम तौर पर, संख्या वाली वैल्यू दाईं ओर दी जाती हैं, ताकि उपयोगकर्ता आसानी से उन्हें देख सकें और उनकी तुलना कर सकें.

इमेज 22. आइकॉन, टाइटल, आंकड़े, और ग्राफ़ वाले मेन्यू का उदाहरण

ग्रुप करना और डिवाइडर

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

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

इमेज 23. डिवाइडर के साथ ग्रुप की गई सेटिंग

स्विच करें

आइकॉन, टाइटल, और सबटेक्स्ट का इस्तेमाल करना

इमेज 24. आइकॉन, टाइटल, और सबटेक्स्ट का इस्तेमाल करें

टाइटल और सबटेक्स्ट का इस्तेमाल करना

इमेज 25. टाइटल और सबटेक्स्ट का इस्तेमाल करें

सिर्फ़ टाइटल के साथ स्विच करें

टाइटल के साथ, बाईं ओर मौजूद आइकॉन भी दिख सकता है.

इमेज 26. सिर्फ़ टाइटल इस्तेमाल करें

सूची आइटम और स्विच

किसी सूची आइटम को स्विच के साथ जोड़ा जा सकता है. वर्टिकल लाइन के बाईं ओर टैप करना एक लिंक की तरह काम करता है और उपयोगकर्ता को अगली स्क्रीन पर ले जाता है. दाईं ओर का हिस्सा एक स्टैंडर्ड स्विच की तरह काम करता है.

बाईं ओर मौजूद सूची आइटम के लिए टाइटल डालना ज़रूरी है. आइकॉन और सबटेक्स्ट का इस्तेमाल करना ज़रूरी नहीं है.

इमेज 27. सूची आइटम और एक स्विच

स्लाइडर

स्लाइडर में इस आइकॉन का इस्तेमाल करना ज़रूरी नहीं है.

इमेज 28. स्लाइडर

ऑन-स्क्रीन बटन

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

इमेज 29. "अनइंस्टॉल करें" और "ज़बरदस्ती रोकें" के लिए धूसर बटन

तीसरी इमेज. "अभी चालू करें" के लिए नीला बटन

प्रोग्रेस के हिसाब से जानकारी ज़ाहिर करना (बेहतर सेटिंग)

जिन सेटिंग का अक्सर इस्तेमाल नहीं किया जाता है उन्हें छिपाया जाना चाहिए. "बेहतर" का इस्तेमाल सिर्फ़ तब करें, जब कम से कम तीन आइटम छिपाने हों.

यहां सबटेक्स्ट, छिपे हुए सेटिंग के टाइटल दिखाता है. सबटेक्स्ट सिर्फ़ एक लाइन का होना चाहिए. अतिरिक्त टेक्स्ट को एलिप्सिस से छोटा किया जाता है.

इमेज 31. "डिसप्ले'" स्क्रीन पर बेहतर इस्तेमाल किया गया

ड्रॉप-डाउन मेन्यू उपलब्ध हैं, लेकिन आम तौर पर आपको डायलॉग या रेडियो बटन चुनने वाली स्क्रीन का इस्तेमाल करना चाहिए. सेटिंग को आसान बनाने के लिए, सुझाव दिया जाता है. ऐसा इसलिए, क्योंकि किसी एक आइटम को चुनने के लिए तीन अलग-अलग पैटर्न होते हैं.

ज़रूरत पड़ने पर, सेटिंग में सरल विकल्प होने पर ड्रॉप-डाउन मेन्यू का इस्तेमाल किया जा सकता है.

इमेज 32. ड्रॉप-डाउन मेनू

चेकबॉक्स

जब भी हो सके, चेकबॉक्स पर स्विच का इस्तेमाल करें.

चेकबॉक्स का इस्तेमाल इन कामों के लिए किया जा सकता है:

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

इमेज 33. इस स्क्रीन पर मौजूद स्विच की संख्या कम करने के लिए, चेकबॉक्स

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

इमेज 34. सेटिंग में इस्तेमाल किया गया लिंक

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

इमेज 35. फ़ुटर टेक्स्ट

पैटर्न

डेटा

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

अन्य कम महत्वपूर्ण डेटा को सामान्य सूची दृश्य का उपयोग करके प्रस्तुत किया जा सकता है.

इमेज 36. स्टोरेज दिखाने का उदाहरण

इमेज 37. नेटवर्क का उदाहरण

उपयोगकर्ता शिक्षा

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

इमेज 38. ऐनिमेशन और फ़ुटर टेक्स्ट का इस्तेमाल करके सेटिंग

फ़ॉर्म

अगर फ़ॉर्म में एक इनपुट फ़ील्ड है, तो किसी सामान्य डायलॉग का इस्तेमाल करें. इससे उपयोगकर्ताओं को एक इनपुट डालने का आसान तरीका मिल जाता है.

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

इमेज 39. सामान्य डायलॉग वाला फ़ॉर्म

खोज के नतीजे

खोज के नतीजों में, सेटिंग का टाइटल, सबटेक्स्ट (अगर उपलब्ध हो), और ब्रेडक्रंब की जगह दिखती है.

इमेज 40. खोज के नतीजे