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

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

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

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

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

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

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

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

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

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

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

डुप्लिकेट सेटिंग्स के लिए, सेटिंग के लिए एक अलग स्क्रीन बनाएं और अलग-अलग स्थानों से प्रवेश बिंदु रखें।

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

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

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

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

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

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

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

पृष्ठ प्रकार

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

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

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

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

लिस्ट व्यू

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

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

इकाई स्क्रीन

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

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

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

चित्र 8. स्टोरेज में प्रयुक्त एंटिटी स्क्रीन का उदाहरण

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

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

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

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

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

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

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

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

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

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

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

अवयव

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

उदाहरण:

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

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

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

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

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

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

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

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

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

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

समूहीकरण एवं विभाजक

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

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

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

बदलना

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

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

शीर्षक और उपपाठ के साथ स्विच करें

चित्र 25. शीर्षक और उपपाठ के साथ स्विच करें

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

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

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

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

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

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

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

स्लाइडर

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

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

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

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

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

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

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

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

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

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

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

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

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

चेक बॉक्स

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

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

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

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

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

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

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

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

पैटर्न्स

डेटा

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

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

चित्र 36. भंडारण दिखाने वाला उदाहरण

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

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

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

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

फार्म

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

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

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

खोज के परिणाम

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

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