ממשק המשתמש של הלחצן 'כניסה באמצעות חשבון Google'

בדף הזה מתוארת חוויית המשתמש (UX) של הלחצן 'כניסה באמצעות חשבון Google'.

רינדור של לחצנים

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

אם מוצג לחצן 'כניסה באמצעות חשבון Google' בהתאמה אישית, המשתמש יודע את הפרטים הבאים:

  • יש לפחות סשן פעיל אחד ב-Google.
  • יש חשבון תואם באתר שלכם.

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

כדי לציין את סטטוס הסשן, הלחצן המותאם אישית מוצג בדרכים הבאות:

  • סשן אחד: יש רק סשן אחד בצד של Google. הסשן הזה מאשר את הלקוח, ויש חשבון תואם באתר שלכם.

    לחצן מותאם אישית שבו מוצג השם של חשבון Google אחד.

  • סשנים מרובים: יש כמה סשנים בצד של Google. הסשנים האלה מאשרים את הלקוח. האישור מצוין בחץ הרשימה לצד החשבון המוצג. לפחות לסשן אחד יש חשבון תואם באתר שלכם.

    לחצן מותאם אישית עם חץ של רשימה.

  • אין סשן: אין סשן בצד Google, או שאף אחד מהסשנים עדיין לא אישר את הלקוח.

    לחצן עם הכיתוב 'כניסה באמצעות חשבון Google' ללא מידע מותאם אישית.

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

  • הערך של המאפיין data-type הוא icon.
  • המאפיין data-size מוגדר כ-medium או כ-small.
  • המאפיין data-width מוגדר למספר קטן מ-200px.

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

לחצן מותאם אישית עם שם וכתובת אימייל בקו אליפטי.

תהליכים מרכזיים שעוברים המשתמשים

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

  • סטטוס הסשן באתרים של Google. המונחים הבאים משמשים לציון סטטוסים שונים של סשן Google כשתהליך השימוש של המשתמש מתחיל.

    • Has-Google-session: יש לפחות סשן פעיל אחד באתרים של Google.
    • No-Google-session: אין סשן פעיל באתרים של Google.
  • אם חשבון Google שנבחר אישר את האתר שלכם כשמסלול הלקוח התחיל. המונחים הבאים משמשים לציון סטטוסים שונים של אישור.

    • משתמש חדש: החשבון שנבחר לא אישר את האתר שלכם.
    • משתמש חוזר: החשבון שנבחר אישר את האתר שלכם בעבר.

מסלול המשתמש החדש של Has-Google-session

  1. לחצן הכניסה באמצעות חשבון Google.

    לחצן עם הכיתוב 'כניסה באמצעות חשבון Google' ללא מידע מותאם אישית.

  2. הדף לבחירת חשבון.

    דף בחירת חשבון בסשן ראשוני.

  3. הדף החדש לקבלת הסכמה מהמשתמשים.

    לחיצה על הלחצן 'כניסה באמצעות חשבון Google', הסכמה וכניסה.

  4. אחרי שהמשתמש מאשר, אסימון מזהה ישות ישות (JWT) ישותף עם האתר שלכם.

המשתמשים יכולים ללחוץ על הלחצן שימוש בחשבון אחר כדי להוסיף סשן Google חדש. אפשר לעיין בתהליכי השימוש של המשתמשים בקטע ללא סשן Google שבהמשך.

תהליך המשתמש החוזר עם סשן ב-Google

  1. לחצן הכניסה באמצעות חשבון Google.

    לחצן מותאם אישית שבו מוצג השם של חשבון Google אחד.

  2. הדף לבחירת חשבון.

    בורר חשבונות Google

  3. אחרי שהמשתמש בוחר חשבון קיים, אסימון מזהה ישות (JWT) ישותף עם האתר שלכם.

משתמשים יכולים להוסיף סשן Google חדש בלחיצה על הלחצן שימוש בחשבון אחר. אפשר לעיין בתהליכי השימוש של משתמשים ללא סשן Google בהמשך.

מסלול המשתמש החדש ללא סשן ב-Google

  1. לחצן הכניסה באמצעות חשבון Google.

    לחצן עם הכיתוב 'כניסה באמצעות חשבון Google' ללא מידע מותאם אישית.

  2. הדף הראשון להוספת סשן חדש ב-Google.

    כתובת האימייל של חשבון Google

  3. הדף השני להוספת סשן חדש ב-Google.

    כניסה לחשבון Google

  4. הדף החדש לקבלת הסכמה מהמשתמשים.

    לחיצה על הלחצן 'כניסה באמצעות חשבון Google', הסכמה וכניסה.

  5. אחרי שהמשתמש מאשר, אסימון מזהה ישות ישות (JWT) ישותף עם האתר שלכם.

מסלול המשתמש החוזר ללא סשן ב-Google

  1. לחצן הכניסה באמצעות חשבון Google.

    לחצן עם הכיתוב 'כניסה באמצעות חשבון Google' ללא מידע מותאם אישית.

  2. הדף הראשון להוספת סשן חדש ב-Google.

    כתובת האימייל של חשבון Google

  3. הדף השני להוספת סשן חדש ב-Google.

    כניסה לחשבון Google

  4. אחרי שהמשתמש לוחץ על הלחצן הבא, מתבצע שיתוף של אסימון מזהה עם האתר שלכם.

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

No-Google-session

  1. לחצן הכניסה באמצעות חשבון Google.

    לחצן עם הכיתוב 'כניסה באמצעות חשבון Google' ללא מידע מותאם אישית.

  2. הדף הראשון להוספת סשן חדש של חשבון Google של ילד או ילדה (כתובת האימייל של חשבון Google של הילד או הילדה).

    כתובת האימייל של חשבון Google של הילד או הילדה

  3. הדף השני להוספת סשן חדש של חשבון Google של הילד או הילדה (הסיסמה לחשבון Google של הילד או הילדה).

    הסיסמה לחשבון Google של הילד או הילדה

  4. הדף הראשון שבו מבקשים מההורה אישור להוספת סשן חדש של ילד או ילדה ב-Google.

    דף הבחירה של אישור ההורים

  5. הדף השני לקבלת אישור מההורה להוספת סשן חדש של הילד או הילדה ב-Google.

    דף הסיסמה לאישור ההורה

  6. הדף השלישי לקבלת אישור מההורה להוספת סשן חדש של ילד או ילדה ב-Google.

    דף האישור של ההורה

  7. הדף הראשון שבו מבקשים מההורה אישור להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    איך מקבלים מההורים אישור בדף הכניסה

  8. הדף השני לקבלת אישור מההורה כדי להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    בחירת הורה לאישור דף הכניסה

  9. הדף השלישי לקבלת אישור מההורה כדי להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    הסיסמה לחשבון Google של ההורה לאישור דף הכניסה

  10. הדף האחרון לקבלת אישור מההורה כדי להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    דף האישור ההורים לצורך כניסה של הילד או הילדה

  11. אחרי שההורה לוחץ על הלחצן המשך, אסימון מזהה ישותף עם האתר שלכם.

Has-Google-session

  1. לחצן הכניסה באמצעות חשבון Google.

    לחצן עם הכיתוב 'כניסה באמצעות חשבון Google' ללא מידע מותאם אישית.

  2. הדף לבחירת חשבון.

    בוחרים את הדף של חשבון הילד או הילדה.

  3. הדף הראשון שבו מבקשים מההורה אישור להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    איך מקבלים מההורים אישור בדף הכניסה

  4. הדף השני לקבלת אישור מההורה כדי להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    בחירת הורה לאישור דף הכניסה

  5. הדף השלישי לקבלת אישור מההורה כדי להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    הסיסמה לחשבון Google של ההורה לאישור דף הכניסה

  6. הדף האחרון לקבלת אישור מההורה כדי להיכנס לאפליקציה באמצעות חשבון Google של הילד או הילדה.

    דף האישור ההורים לצורך כניסה של הילד או הילדה

  7. אחרי שההורה לוחץ על הלחצן המשך, אסימון מזהה ישותף עם האתר שלכם.