ממשק המשתמש של אישור מוגן מורכב משישה רכיבים נדרשים. אפשר להתאים אישית חלק מהרכיבים, אבל הם צריכים לעמוד בדרישות מסוימות. כשמתאימים אישית את ממשק המשתמש, חשוב לפעול לפי ההנחיות הבאות ולוודא שמתקיימות הדרישות. אם רכיב מסומן בתווית Requirement:, צריך להשתמש במאפיין שמופיע ברשימה.
בהנחיות הבאות נעשה שימוש במשפחת הגופנים Roboto, שאפשר להוריד מ-Google Fonts.
ממשק משתמש עם כפתורים פיזיים
באישור מוגן ב-Android אפשר להשתמש בלחצני החומרה במכשיר כדי לאשר או לבטל קלט.
איור 1. עיצוב הפריסה.
סמלים
בקטע הזה מתוארים הסמלים שמופיעים בממשק המשתמש.
סמל של מגן
| סמל |  |
|---|---|
| הורדה | סמל מגן האבטחה |
| גודל הסמל | 32dp |
סמל של חץ
| סמל |  |
|---|---|
| הורדה | חץ ימינה במקלדת |
| גודל הסמל | 24dp |
| רדיוס הפינה של הקונטיינר | 4dp |
הודעות קלט
יש שני סוגים של קלט שמשמשים באישור מוגן: אישור וביטול.
מחרוזת אישור
בהודעה צריך לציין באיזה כפתור משתמשים לאישור.
| הודעה | לוחצים לחיצה כפולה על (הכפתור) כדי לאשר |
|---|---|
| אורך מרבי | דרישה: הודעת האישור לא יכולה להיות ארוכה משתי שורות. |
| צבע | #000000 87% |
| גופן | Roboto-Medium |
| גודל הגופן | דרישה: 14sp |
| גובה השורה | דרישה: 20dp |
מחרוזת לביטול
הודעת הביטול צריכה להיות גלויה וברורה, וצריך ליצור הבחנה בינה לבין לחצן האישור. משתמשים במאפיינים הבאים יחד עם המילה Cancel:
| הודעה | ביטול |
|---|---|
| צבע | #000000 87% |
| גופן | Roboto-Medium |
| גודל הגופן | דרישה: 14sp |
| גובה השורה | דרישה: 20dp |
טקסט הכותרת
כדי לזהות את התכונה, צריך לכלול את טקסט הכותרת אישור מוגן ב-Android בממשק המשתמש המהימן. משתמשים במאפיינים הבאים לטקסט של הכותרת:
| הודעה | דרישה: אישור מאובטח של Android |
|---|---|
| צבע | #000000 87% |
| גופן | Roboto-Regular |
| גודל הגופן | דרישה: 22sp |
| גובה השורה | דרישה: 28dp |
גוף הטקסט
כשמטמיעים את רכיב הטקסט של גוף האימייל, צריך להשתמש במאפיינים הבאים. ההודעה עצמה נכתבת על ידי מפתח ה-API (מפתח האפליקציה).
| הודעה | הטקסט בגוף ההודעה מסופק על ידי מפַתח האפליקציה באמצעות קריאה ל-Protected Confirmation. |
|---|---|
| צבע | #000000 87% |
| גופן | Roboto-Regular |
| גודל הגופן | דרישה: 16sp |
| גובה השורה | דרישה: 24dp |
טקסט של כותרת משנה
משתמשים בטקסט של כותרת המשנה כדי להסביר למשתמש למה הוא רואה את מסך אישור ההגנה. מציבים את הטקסט הזה בתחתית המסך ומשתמשים במאפיינים הבאים:
| הודעה | דרישה: האישור הזה מספק שכבת אבטחה נוספת לפעולה שאתם עומדים לבצע. |
|---|---|
| אורך מרבי | דרישה: הודעת האישור יכולה לכלול עד ארבע שורות. |
| צבע | #000000 87% |
| גופן | Roboto-Regular |
| גודל הגופן | דרישה: 14sp |
| גובה השורה | דרישה: 20dp |
ממשק משתמש עם לחצני תוכנה
באישור המוגן ב-Android אפשר להשתמש בלחצני תוכנה כדי לאשר או לבטל קלט. ההנחיות הבאות מתארות את ממשק המשתמש באמצעות לחצני תוכנה:
איור 2. פריסת עיצוב של תוכנת ממשק משתמש לאישור.
סמל של מגן
מורידים את נכס הסמל בכתובת Android Protected Confirmation Shield Icon. ממקמים את הסמל בחלק העליון של המסך.
איור 3. סמל של מגן.
חובה להציג את סמל המגן של אישור מוגן. אפשר להתאים אישית את הצבע של המגן, אבל הוא חייב להיות גלוי בבירור.
קלט
איור 4. מידות של לחצן תוכנה.
משתמשים בטופס של כפתור ראשי וכפתור משני לקלט של אישור וביטול.
| תווית הכפתור | חשוב להשתמש באות גדולה בתחילת המשפט (באנגלית) בתוויות של לחצנים. |
|---|---|
| רדיוס הכפתור | 4dp |
| צבע משני | #1a73e8 |
| גופן | Roboto-Medium |
| גודל הגופן | דרישה: 14sp |
טקסט הכותרת
כדי לזהות את התכונה, צריך לכלול את טקסט הכותרת אישור מוגן ב-Android בממשק המשתמש המהימן. משתמשים במאפיינים הבאים לטקסט של הכותרת:
| הודעה | דרישה: אישור מאובטח של Android |
|---|---|
| צבע | #000000 87% |
| גופן | Roboto-Medium |
| גודל הגופן | דרישה: 24sp |
| גובה השורה | דרישה: 20dp |
גוף הטקסט
כשמטמיעים את רכיב הטקסט של גוף האימייל, צריך להשתמש במאפיינים הבאים. ההודעה עצמה נכתבת על ידי מפתח האפליקציה.
| הודעה | טקסט הגוף מסופק על ידי מפַתח האפליקציה שמפעיל את Protected Confirmation. |
|---|---|
| צבע | #000000 87% |
| גופן | Roboto-Medium |
| גודל הגופן | דרישה: 16sp |
| גובה השורה | דרישה: 24dp |
טקסט של כותרת משנה
משתמשים בטקסט של כותרת המשנה כדי להסביר למשתמש למה הוא רואה את מסך אישור ההגנה. מציבים את הטקסט הזה בתחתית המסך ומשתמשים במאפיינים הבאים:
| הודעה | דרישה: האישור הזה מספק שכבת אבטחה נוספת לפעולה שאתם עומדים לבצע. |
|---|---|
| אורך מרבי | דרישה: הודעת האישור יכולה לכלול עד ארבע שורות. |
| צבע | #000000 54% |
| גופן | Roboto-Medium |
| גודל הגופן | דרישה: 14sp |
| גובה השורה | דרישה: 20dp |
Localization
אפשר למצוא לוקליזציות לרכיבים המתוארים בהטמעה עצמאית של C של טבלת חיפוש כחלק מ-AOSP.