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

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

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

एक अच्छा अवलोकन प्रदान करें

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

चित्र 1. सेटिंग्स और उनके वर्तमान मान शीर्ष-स्तरीय स्क्रीन पर प्रस्तुत किए जाते हैं

वस्तुओं को सहजता से व्यवस्थित करें

अक्सर उपयोग की जाने वाली सेटिंग्स को स्क्रीन के शीर्ष पर रखें। एक स्क्रीन पर सेटिंग्स की संख्या सीमित करें। 10-15 से अधिक आइटम दिखाना भारी पड़ सकता है। कुछ सेटिंग्स को एक अलग स्क्रीन पर ले जाकर सहज ज्ञान युक्त मेनू बनाएं।

चित्र 2. सामान्य सेटिंग्स स्क्रीन के शीर्ष पर हैं

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

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

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

चित्र 3 और 4. "सूचना" और "ध्वनि" स्क्रीन दोनों पर "डिफ़ॉल्ट अधिसूचना ध्वनि" दिखाई देती है

एक स्पष्ट शीर्षक और स्थिति का प्रयोग करें

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

शीर्षक चाहिए:

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

शीर्षकों से बचना चाहिए:

  • सामान्य शब्द, जैसे सेट करना, बदलना, संपादित करना, संशोधित करना, प्रबंधित करना, उपयोग करना, चुनना या चुनना।
  • सेक्शन डिवाइडर या सबस्क्रीन शीर्षक से शब्दों को दोहराना।
  • तकनीकी शब्दजाल।

पृष्ठ प्रकार

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

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

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

चित्र 5. सेटिंग्स सूची का उदाहरण

लिस्ट व्यू

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

चित्र 6. सूची दृश्य का उदाहरण

इकाई स्क्रीन

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

दृष्टिगत रूप से, निकाय शीर्ष पर एक चिह्न, शीर्षक और उपशीर्षक के साथ दिखाया जाता है। इस स्क्रीन पर सभी सेटिंग्स इस इकाई से संबंधित होनी चाहिए।

चित्र 7. ऐप जानकारी में प्रयुक्त इकाई स्क्रीन का उदाहरण

चित्र 8. संग्रहण में प्रयुक्त इकाई स्क्रीन का उदाहरण

मास्टर सेटिंग

मास्टर सेटिंग का सबसे अच्छा उपयोग तब किया जाता है जब पूरी सुविधा को चालू या बंद किया जा सकता है, जैसे कि वाई-फाई या ब्लूटूथ। स्क्रीन के शीर्ष पर एक स्विच का उपयोग करके, उपयोगकर्ता इस सुविधा को आसानी से नियंत्रित कर सकता है। सुविधा को अक्षम करने के लिए मास्टर सेटिंग का उपयोग करने से अन्य सभी संबंधित सेटिंग्स अक्षम हो जाती हैं।

यदि किसी सुविधा को लंबे टेक्स्ट विवरण की आवश्यकता है, तो मास्टर सेटिंग का उपयोग किया जा सकता है क्योंकि यह स्क्रीन प्रकार लंबे पाद लेख टेक्स्ट की अनुमति देता है।

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

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

चित्र 10. मास्टर टॉगल बंद होने के साथ ऐप नोटिफिकेशन स्क्रीन में उपयोग की जाने वाली मास्टर सेटिंग का उदाहरण

रेडियो बटन चयन स्क्रीन

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

एक रेडियो बटन स्क्रीन में शीर्ष पर एक छवि और नीचे पाद लेख पाठ हो सकता है। अलग-अलग रेडियो बटन में शीर्षक के साथ सबटेक्स्ट हो सकता है।

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

चित्र 12. सेटिंग्स में रेडियो बटनों का सही उपयोग करने का तरीका इस प्रकार है

अवयव

एंड्रॉइड 8.0 में शुरू होकर, एक्शन टूलबार अन्य संबंधित कार्यों के साथ खोज और सहायता प्रस्तुत करता है। अतिप्रवाह मेनू को हतोत्साहित किया जाता है क्योंकि उपयोगकर्ता इन मेनू में छिपी क्रियाओं को नहीं खोज सकते हैं।

बिना स्क्रीन-विशिष्ट क्रियाओं वाले टूलबार के लिए। खोज और सहायता कार्रवाइयां दिखाएं.

चित्र 13. खोज और सहायता क्रियाओं के साथ टूलबार

एक क्रिया वाले टूलबार के लिए : खोज से पहले क्रिया प्रस्तुत करें।

चित्र 14. खोज और सहायता क्रियाओं से पहले एक क्रिया के साथ टूलबार

1 से अधिक क्रिया वाले टूलबार के लिए : अतिप्रवाह मेनू में उन्नत क्रियाओं को डालते समय प्राथमिक क्रिया को खोज से पहले रखने पर विचार करें।

यदि सभी क्रियाएँ उन्नत हैं या केवल उपयोगकर्ताओं के एक छोटे समूह के लिए उपयोगी हैं, तो सभी क्रियाओं को अतिप्रवाह मेनू में रखने पर विचार करें।

चित्र 15. क्रियाओं के लिए अतिप्रवाह मेनू के साथ टूलबार

इकाई शीर्षलेख

निकाय शीर्षलेख केवल शीर्षक, या उपपाठ के साथ शीर्षक दिखा सकता है (उपपाठ के लिए एकाधिक पंक्तियों की अनुमति है)। नीचे दी गई क्रिया वैकल्पिक है। आपके पास अधिकतम दो क्रियाएं हो सकती हैं।

चित्रा 16. इकाई शीर्षलेख

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

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

शीर्षक अनिवार्य है। आपको सबटेक्स्ट भी दिखाना चाहिए जो सेटिंग की स्थिति को हाइलाइट करता है। आइकन का उपयोग करना वैकल्पिक है।

शीर्षक पाठ को संक्षिप्त रखने का प्रयास करें। यदि शीर्षक लंबे हैं, तो वे काटे जाने के बजाय अगली पंक्ति पर जारी रख सकते हैं। लंबे समय तक दबाए रखने पर मेनू या क्रियाओं को सक्षम न करें।

उदाहरण:

चित्र 18. आइकन, शीर्षक और सबटेक्स्ट के साथ मेनू लिंक

चित्र 19. शीर्षक और सबटेक्स्ट के साथ मेनू लिंक

चित्र 20. केवल शीर्षक के साथ मेनू लिंक

आइकन, शीर्षक, सबटेक्स्ट और दाईं ओर एक अलग हिट लक्ष्य के साथ मेनू लिंक

अन्य टैप लक्ष्यों को थीम रंग का उपयोग करना चाहिए।

चित्र 21. दो-टैप लक्ष्य मेनू का उदाहरण

आइकन, शीर्षक, सबटेक्स्ट और आंकड़े/संख्या/अलर्ट आइकन के साथ मेनू लिंक

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

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

चित्र 22. आइकन, शीर्षक, स्टेट और ग्राफ के साथ मेनू का उदाहरण

ग्रुपिंग और डिवाइडर

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

यदि किसी समूह में सेटिंग्स निकट से संबंधित हैं, तो आप समूह शीर्षक जोड़ सकते हैं। यदि आप समूह शीर्षक का उपयोग करते हैं, तो आपको हमेशा एक विभक्त शामिल करना चाहिए।

चित्र 23. डिवाइडर के साथ समूहीकृत सेटिंग्स

बदलना

आइकन, शीर्षक और सबटेक्स्ट के साथ स्विच करें

चित्र 24. आइकन, शीर्षक और सबटेक्स्ट के साथ स्विच करें

शीर्षक और सबटेक्स्ट के साथ स्विच करें

चित्र 25. शीर्षक और सबटेक्स्ट के साथ स्विच करें

केवल शीर्षक के साथ स्विच करें

शीर्षक के साथ बाईं ओर एक आइकन हो सकता है।

चित्र 26. केवल शीर्षक के साथ स्विच करें

सूची आइटम + स्विच

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

बाईं ओर सूची आइटम के लिए, एक शीर्षक अनिवार्य है। आइकन और सबटेक्स्ट वैकल्पिक हैं।

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

स्लाइडर

स्लाइडर में आइकन वैकल्पिक है।

चित्र 28. स्लाइडर

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

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

चित्र 29. "अनइंस्टॉल" और "फोर्स स्टॉप" के लिए ग्रे बटन

चित्र 30. "अभी चालू करें" के लिए नीला बटन

प्रगतिशील प्रकटीकरण (उन्नत)

जिन सेटिंग्स का अक्सर उपयोग नहीं किया जाता है उन्हें छिपाया जाना चाहिए। "उन्नत" का उपयोग केवल तभी करें जब छिपाने के लिए कम से कम 3 आइटम हों।

यहां, सबटेक्स्ट छिपी हुई सेटिंग्स के शीर्षक दिखाता है। सबटेक्स्ट केवल एक लाइन होना चाहिए। अतिरिक्त पाठ एक दीर्घवृत्त के साथ छोटा हो जाता है।

चित्र 31. "डिस्प्ले'" स्क्रीन पर प्रयुक्त उन्नत

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

यदि आवश्यक हो, तो उन मामलों में ड्रॉप-डाउन मेनू का उपयोग किया जा सकता है जहां सेटिंग में सरल विकल्प होते हैं।

चित्र 32. ड्रॉप-डाउन मेनू

चेक बॉक्स

जब संभव हो चेकबॉक्स पर स्विच का उपयोग करें।

चेकबॉक्स का उपयोग किया जा सकता है:

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

चित्र 33. इस स्क्रीन पर स्विच की संख्या को कम करने के लिए चेकबॉक्स का उपयोग किया जाता है

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

चित्र 34. सेटिंग्स में प्रयुक्त लिंक

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

चित्र 35. पाद लेख

पैटर्न्स

जानकारी

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

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

चित्र 36. संग्रहण दिखा रहा उदाहरण

चित्र 37. नेटवर्क दिखा रहा उदाहरण

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

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

चित्र 38. एनीमेशन और पाद लेख पाठ का उपयोग करके सेटिंग

फार्म

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

हालांकि, यदि प्रपत्र में कई फ़ील्ड हैं, तो फ़ुल-स्क्रीन संवाद का उपयोग करने पर विचार करें। यह फ़ील्ड को स्पष्ट पैटर्न में व्यवस्थित करने के लिए अधिक स्क्रीन स्थान प्रदान करता है।

चित्र 39. एक सामान्य संवाद के साथ प्रपत्र

खोज के परिणाम

खोज परिणाम शीर्षक, सबटेक्स्ट (यदि उपलब्ध हो), और सेटिंग का ब्रेडक्रंब स्थान दिखाते हैं।

चित्र 40. खोज परिणाम