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