सुरक्षित पुष्टि करने वाले यूज़र इंटरफ़ेस (यूआई) में, छह ज़रूरी एलिमेंट होते हैं. कुछ एलिमेंट को पसंद के मुताबिक बनाया जा सकता है. हालांकि, इसके लिए कुछ ज़रूरी शर्तों को पूरा करना ज़रूरी है. यूज़र इंटरफ़ेस को पसंद के मुताबिक बनाते समय, इन दिशा-निर्देशों का पालन करें और पक्का करें कि ज़रूरी शर्तें पूरी की जा रही हों. अगर किसी एलिमेंट को ज़रूरी है: के तौर पर मार्क किया गया है, तो उस एलिमेंट में सूची में दी गई प्रॉपर्टी का इस्तेमाल करना ज़रूरी है.
यहां दिए गए दिशा-निर्देशों में Roboto फ़ॉन्ट फ़ैमिली का इस्तेमाल किया गया है. इसे fonts.google.com से डाउनलोड किया जा सकता है.
हार्डवेयर बटन वाला यूज़र इंटरफ़ेस (यूआई)
Android Protected Confirmation, इनपुट की पुष्टि करने और उसे रद्द करने के लिए, डिवाइस पर मौजूद हार्डवेयर बटन का इस्तेमाल कर सकता है.
आइकॉन
शील्ड का आइकॉन
| आइकॉन |  |
|---|---|
| डाउनलोड करें | Security Shield |
| आइकन का आकार | 32dp |
तीर आइकॉन
| आइकॉन |  |
|---|---|
| डाउनलोड करें | कीबोर्ड का राइट ऐरो |
| आइकन का आकार | 24dp |
| कंटेनर के कोने का रेडियस | 4dp |
इनपुट मैसेज
सुरक्षित पुष्टि करने के लिए, दो तरह के इनपुट का इस्तेमाल किया जाता है: पुष्टि करना और रद्द करना.
पुष्टि करने वाली स्ट्रिंग
इस मैसेज में यह बताना ज़रूरी है कि पुष्टि करने के लिए किस बटन का इस्तेमाल किया जाता है.
| मैसेज | पुष्टि करने के लिए, (बटन) को दो बार दबाएं |
|---|---|
| अधिकतम लंबाई | ज़रूरी शर्त: पुष्टि करने वाला मैसेज दो लाइन से ज़्यादा का नहीं होना चाहिए. |
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Medium |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 14sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 20dp |
स्ट्रिंग रद्द करना
रद्द करने का मैसेज साफ़ तौर पर दिखना चाहिए. साथ ही, उसे पुष्टि करने वाले बटन से आसानी से अलग किया जा सकता हो. एक शब्द रद्द करें के साथ इन प्रॉपर्टी का इस्तेमाल करें.
| मैसेज | रद्द करें |
|---|---|
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Medium |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 14sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 20dp |
हेडर टेक्स्ट
इस सुविधा की पहचान करने के लिए, भरोसेमंद यूज़र इंटरफ़ेस (यूआई) में हेडर टेक्स्ट Android Protected Confirmation शामिल करें. हेडर टेक्स्ट के लिए, इन प्रॉपर्टी का इस्तेमाल करें.
| मैसेज | ज़रूरी शर्त: Android Protected Confirmation |
|---|---|
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Regular |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 22sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 28dp |
मुख्य हिस्सा
मुख्य टेक्स्ट एलिमेंट लागू करते समय, इन प्रॉपर्टी का इस्तेमाल करें. असल मैसेज, एपीआई डेवलपर (ऐप्लिकेशन डेवलपर) लिखता है.
| मैसेज | मुख्य टेक्स्ट, ऐप्लिकेशन डेवलपर से मिलता है, जिसे कॉल करने पर सुरक्षित पुष्टि की सुविधा मिलती है. |
|---|---|
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Regular |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 16sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 24dp |
सबहेडर का टेक्स्ट
सबहेडर टेक्स्ट का इस्तेमाल करके बताएं कि उपयोगकर्ता को 'सुरक्षित है' पुष्टि करने वाली स्क्रीन क्यों दिख रही है. इस टेक्स्ट को स्क्रीन पर सबसे नीचे रखें और इन प्रॉपर्टी का इस्तेमाल करें.
| मैसेज | ज़रूरी शर्त: पुष्टि करने की यह प्रक्रिया, आपके लिए की जाने वाली कार्रवाई को और ज़्यादा सुरक्षित बनाती है. |
|---|---|
| अधिकतम लंबाई | ज़रूरी शर्त: पुष्टि करने वाला मैसेज, चार लाइन से ज़्यादा का नहीं होना चाहिए. |
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Regular |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 14sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 20dp |
सॉफ़्टवेयर बटन वाला यूज़र इंटरफ़ेस (यूआई)
Android Protected Confirmation, इनपुट की पुष्टि करने और उसे रद्द करने के लिए, सॉफ़्टवेयर बटन का इस्तेमाल कर सकता है. यहां दिए गए दिशा-निर्देशों में, सॉफ़्टवेयर बटन का इस्तेमाल करने वाले यूज़र इंटरफ़ेस (यूआई) के बारे में बताया गया है.
शील्ड का आइकॉन
आइकॉन ऐसेट को Android के लिए, पुष्टि करने वाले शील्ड का आइकॉन से डाउनलोड करें. आइकॉन को स्क्रीन पर सबसे ऊपर रखें.
'सुरक्षित है' की पुष्टि करने वाला शील्ड आइकॉन ज़रूरी है. शील्ड का रंग अपने हिसाब से चुना जा सकता है, लेकिन यह साफ़ तौर पर दिखना चाहिए.
टेक्स्ट लिखो
पुष्टि करने और इनपुट रद्द करने के लिए, प्राइमरी और सेकंडरी बटन के फ़ॉर्म का इस्तेमाल करें.
| बटन का लेबल | बटन लेबल के लिए, वाक्य में केसिंग का इस्तेमाल करें (अंग्रेज़ी वाक्य का पहला अक्षर कैपिटल लेटर में रखें). |
|---|---|
| बटन की रेडियस | 4dp |
| एक्सेंट रंग | #1a73e8 |
| फ़ॉन्ट फ़ेस | Roboto-Medium |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 14sp |
हेडर टेक्स्ट
इस सुविधा की पहचान करने के लिए, भरोसेमंद यूज़र इंटरफ़ेस (यूआई) में हेडर टेक्स्ट Android Protected Confirmation शामिल करें. हेडर टेक्स्ट के लिए, इन प्रॉपर्टी का इस्तेमाल करें.
| मैसेज | ज़रूरी शर्त: Android Protected Confirmation |
|---|---|
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Medium |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 24sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 20dp |
मुख्य हिस्सा
मुख्य टेक्स्ट एलिमेंट लागू करते समय, इन प्रॉपर्टी का इस्तेमाल करें. असल मैसेज, ऐप्लिकेशन डेवलपर लिखता है.
| मैसेज | मुख्य टेक्स्ट, ऐप्लिकेशन डेवलपर देता है जिसे सुरक्षित पुष्टि कहा जाता है |
|---|---|
| रंग | #000000 87% |
| फ़ॉन्ट फ़ेस | Roboto-Medium |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 16sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 24dp |
सबहेडर का टेक्स्ट
सबहेडर टेक्स्ट का इस्तेमाल करके बताएं कि उपयोगकर्ता को 'सुरक्षित है' पुष्टि करने वाली स्क्रीन क्यों दिख रही है. इस टेक्स्ट को स्क्रीन पर सबसे नीचे रखें और इन प्रॉपर्टी का इस्तेमाल करें.
| मैसेज | ज़रूरी शर्त: पुष्टि करने की यह प्रक्रिया, आपके खाते को और ज़्यादा सुरक्षित बनाती है. |
|---|---|
| अधिकतम लंबाई | ज़रूरी शर्त: पुष्टि करने वाला मैसेज, चार लाइन से ज़्यादा का नहीं होना चाहिए. |
| रंग | #000000 54% |
| फ़ॉन्ट फ़ेस | Roboto-Medium |
| फ़ॉन्ट का साइज़ | ज़रूरी शर्त: 14sp |
| लाइन की ऊंचाई | ज़रूरी शर्त: 20dp |
स्थानीय भाषा के अनुसार
AOSP के हिस्से के तौर पर, लुकअप टेबल के अपने-आप काम करने वाले C-इंप्लिकेशन में, बताए गए कॉम्पोनेंट के लिए स्थानीय भाषा में अनुवाद देखे जा सकते हैं.