עיצוב של אישור מוגן

ממשק המשתמש של אישור מוגן מורכב משישה רכיבים נדרשים. אפשר להתאים אישית חלק מהרכיבים, אבל יש דרישות שצריך לפעול לפיהן. כשמתאימים אישית את ממשק המשתמש, חשוב לפעול לפי ההנחיות הבאות ולוודא שמתקיימות הדרישות. אם רכיב מסומן בחובה:, צריך להשתמש במאפיין שמופיע ברשימה.

בהנחיות הבאות נעשה שימוש במשפחת הגופנים Roboto, שאפשר להוריד אותה מכתובת fonts.google.com.

ממשק משתמש עם לחצני חומרה

באישור מוגן ב-Android אפשר להשתמש בלחצני החומרה במכשיר כדי לאשר או לבטל קלט.

סמלים

סמל של מגן

סמל
הורדה	מגן אבטחה
גודל הסמל	‫32dp

סמל של חץ

סמל
הורדה	חץ ימינה במקלדת
גודל הסמל	‫24dp
רדיוס הפינה של הקונטיינר	4dp

הודעות קלט

יש שני סוגים של קלט שמשמשים באישור מוגן: אישור וביטול.

מחרוזת אישור

בהודעה צריך לציין באיזה לחצן משתמשים לאישור.

הודעה	לוחצים לחיצה כפולה על (הכפתור) כדי לאשר
אורך מרבי	דרישה: הודעת האישור לא יכולה להיות ארוכה משתי שורות.
צבע	‪#000000 87%
גופן	Roboto-Medium
גודל הגופן	דרישה: 14sp
גובה השורה	דרישה: 20dp

מחרוזת ביטול

הודעת הביטול צריכה להיות גלויה וברורה, וצריך ליצור הבחנה בינה לבין לחצן האישור. משתמשים במאפיינים הבאים יחד עם המילה ביטול.

הודעה	ביטול
צבע	‪#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 אפשר להשתמש בלחצני תוכנה כדי לאשר או לבטל את הקלט. ההנחיות הבאות מתארות את ממשק המשתמש באמצעות לחצני תוכנה.

סמל של מגן

מורידים את נכס הסמל בכתובת Android Protected Confirmation Shield Icon. ממקמים את הסמל בחלק העליון של המסך.

סמל המגן של אישור מוגן הוא רכיב חובה. אפשר להתאים אישית את צבע המגן, אבל הוא חייב להיות גלוי בבירור.

קלט

משתמשים בטופס של כפתור ראשי וכפתור משני לאישור ולביטול של הקלט.

תווית הכפתור	חשוב להשתמש באות גדולה בתחילת המשפט (באנגלית) בתוויות של הלחצנים.
רדיוס הכפתור	4dp
צבע משני	#1a73e8
גופן	Roboto-Medium
גודל הגופן	דרישה: 14sp

טקסט הכותרת

כדי לזהות את התכונה, צריך לכלול את טקסט הכותרת אישור מוגן ב-Android בממשק המשתמש המהימן. משתמשים במאפיינים הבאים לטקסט של הכותרת.

הודעה	דרישה: אישור מאובטח של Android
צבע	‪#000000 87%
גופן	Roboto-Medium
גודל הגופן	דרישה: 24sp
גובה השורה	דרישה: 20dp

גוף הטקסט

כשמטמיעים את רכיב הטקסט של גוף האימייל, צריך להשתמש במאפיינים הבאים. ההודעה עצמה נכתבת על ידי מפתח האפליקציה.

הודעה	הטקסט בגוף ההודעה מסופק על ידי מפתח האפליקציה שמתקשר לאישור מוגן
צבע	‪#000000 87%
גופן	Roboto-Medium
גודל הגופן	דרישה: 16sp
גובה השורה	דרישה: 24dp

טקסט של כותרת משנה

משתמשים בטקסט של כותרת המשנה כדי להסביר למשתמש למה הוא רואה את מסך אישור ההגנה. מציבים את הטקסט הזה בתחתית המסך ומשתמשים במאפיינים הבאים.

הודעה	דרישה: האישור הזה מספק שכבת אבטחה נוספת לפעולה שאתם עומדים לבצע.
אורך מרבי	דרישה: הודעת האישור לא יכולה להיות ארוכה יותר מארבע שורות.
צבע	#000000 54%
גופן	Roboto-Medium
גודל הגופן	דרישה: 14sp
גובה השורה	דרישה: 20dp

התאמה לשוק המקומי

אפשר למצוא לוקליזציות לרכיבים המתוארים בהטמעה עצמאית של C בטבלת חיפוש כחלק מ-AOSP.