עיצוב ממשק המשתמש של אישור מאובטח

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

בהנחיות הבאות נעשה שימוש במשפחת הגופנים 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

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

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