با دکمه Google UX وارد شوید

این صفحه تجربه کاربری (UX) دکمه Sign in with Google را شرح می دهد.

رندر دکمه

یک دکمه شخصی شده اطلاعات نمایه را برای اولین جلسه Google که وب سایت شما را تأیید می کند، نمایش می دهد. یک جلسه تأیید شده Google دارای یک حساب مربوطه در وب سایت شما است که قبلاً با استفاده از «ورود با Google» به سیستم وارد شده است.

اگر یک دکمه شخصی سازی شده نمایش داده شود، کاربر موارد زیر را می داند:

• حداقل یک جلسه Google فعال وجود دارد.
• یک حساب مربوطه در وب سایت شما وجود دارد.

یک دکمه شخصی‌شده به کاربران قبل از کلیک کردن روی دکمه، نشان‌دهنده سریع وضعیت جلسه، هم در سمت Google و هم در وب‌سایت شما می‌دهد. این به ویژه برای کاربران نهایی که فقط گاهی اوقات از وب سایت شما بازدید می کنند مفید است. آنها ممکن است فراموش کنند که آیا یک حساب کاربری ایجاد شده است یا نه و به چه روشی. یک دکمه شخصی سازی شده به آنها یادآوری می کند که قبلاً از Sign In With Google استفاده شده است. بنابراین، به جلوگیری از ایجاد حساب های تکراری غیر ضروری در وب سایت شما کمک می کند.

برای نشان دادن وضعیت جلسه، دکمه شخصی سازی شده به روش های زیر نمایش داده می شود:

• یک جلسه: تنها یک جلسه در سمت Google وجود دارد. آن جلسه مشتری را تأیید می کند و یک حساب مربوطه در وب سایت شما وجود دارد.

  

• جلسات متعدد: چندین جلسه در سمت Google وجود دارد. آن جلسات مشتری را تایید می کنند. تأیید با فلش فهرست در کنار حساب نمایش داده شده نشان داده می شود. حداقل یک جلسه دارای حساب مربوطه در وب سایت شما است.

  

• بدون جلسه: هیچ جلسه ای در سمت Google وجود ندارد یا هیچ یک از جلسات هنوز مشتری را تأیید نکرده اند.

  

وقتی وضعیت جلسه مناسب باشد، دکمه شخصی‌شده به‌طور خودکار نمایش داده می‌شود، مگر اینکه تنظیمات دکمه شما اجازه نمایش دکمه شخصی‌شده را ندهد. دکمه شخصی سازی شده نمایش داده نمی شود اگر:

• ویژگی data-type icon است.
• ویژگی data-size روی medium ​​یا small تنظیم شده است.
• ویژگی data-width روی عددی کوچکتر از 200 پیکسل تنظیم شده است.

نام یا آدرس ایمیل زمانی که بیش از حد طولانی باشد که داخل دکمه نمایش داده نشود، بیضی می شود.

نکته کلیدی: ابزار توسعه دهنده Code Generator می تواند به شما کمک کند تا دکمه Sign In With Google را به صورت تعاملی طراحی کرده و کد را تولید کنید.

سفرهای کاربر کلیدی

نکته کلیدی: اینکه یک دکمه شخصی یا یک دکمه متن عمومی نمایش داده شود، تاثیری بر جریان UX پس از کلیک روی دکمه ندارد. حساب نمایش داده شده در دکمه شخصی سازی شده به طور خودکار انتخاب نمی شود.

نکته کلیدی: جریان دکمه Sign in with Google از ورود خودکار پشتیبانی نمی کند. یک اقدام کاربر برای انتخاب جلسه مناسب مورد نیاز است، حتی زمانی که فقط یک جلسه فعال Google وجود دارد.

سفرهای کاربر بر اساس وضعیت های زیر متفاوت است.

• وضعیت جلسه در وب سایت های گوگل عبارات زیر برای نشان دادن وضعیت مختلف جلسه Google هنگام شروع سفر کاربر استفاده می شود.

  • Has-Google-session: حداقل یک جلسه فعال در وب سایت های گوگل وجود دارد.
  • No-Google-session: هیچ جلسه فعالی در وب سایت های Google وجود ندارد.

• آیا با شروع سفر کاربر، حساب Google انتخاب شده وب سایت شما را تأیید کرده است یا خیر. عبارات زیر برای نشان دادن وضعیت تایید متفاوت استفاده می شود.

  • کاربر جدید: حساب انتخابی وب سایت شما را تأیید نکرده است.
  • کاربر بازگشتی: حساب انتخابی قبلاً وب سایت شما را تأیید کرده است.

سفر کاربر جدید دارای جلسه Google

1. دکمه ورود با گوگل.

   

2. صفحه انتخابگر حساب

   

3. صفحه رضایت کاربر جدید.

   

4. پس از تایید کاربر، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.

کاربران می‌توانند با کلیک کردن روی دکمه استفاده از یک حساب دیگر ، یک جلسه جدید Google اضافه کنند، به سفرهای کاربر بدون جلسه Google ، در زیر مراجعه کنید.

سفر کاربر بازگشتی دارای جلسه Google

1. دکمه ورود با گوگل.

   

2. صفحه انتخابگر حساب

   

3. پس از اینکه کاربر یک حساب برگشتی را انتخاب کرد، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.

کاربران می‌توانند با کلیک کردن روی دکمه استفاده از یک حساب دیگر ، یک جلسه جدید Google اضافه کنند، به سفرهای کاربر «بدون جلسه Google» در زیر مراجعه کنید.

سفر کاربر جدید بدون جلسه گوگل

1. دکمه ورود با گوگل.

   

2. اولین صفحه برای افزودن یک جلسه جدید گوگل.

   

3. صفحه دوم برای افزودن یک جلسه جدید گوگل.

   

4. صفحه رضایت کاربر جدید.

   

5. پس از تایید کاربر، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.

سفر کاربر بازگشتی بدون جلسه گوگل

1. دکمه ورود با گوگل.

   

2. اولین صفحه برای افزودن یک جلسه جدید گوگل.

   

3. صفحه دوم برای افزودن یک جلسه جدید گوگل.

   

4. پس از اینکه کاربر روی دکمه Next کلیک کرد، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.

سفرهای کاربر کلیدی حساب Family Link

سفرهای کاربر کلیدی کلی از بخش قبل همچنان اعمال می شود. موارد زیر نشان می‌دهد که هنگام ورود به سیستم، جریان اضافی برای حساب Google کودک ارائه می‌شود.

بدون جلسه گوگل

1. دکمه ورود با گوگل.

   

2. اولین صفحه برای افزودن یک جلسه Google فرزند جدید (ایمیل حساب Google کودک).

   

3. صفحه دوم برای افزودن یک جلسه جدید Google کودک (گذرواژه حساب Google کودک).

   

4. اولین صفحه برای دریافت تأییدیه از والدین برای افزودن یک جلسه جدید Google فرزند.

   

5. صفحه دوم برای دریافت تأییدیه از والدین برای افزودن یک جلسه جدید Google فرزند.

   

6. صفحه سوم برای دریافت تأییدیه از والدین برای افزودن یک جلسه جدید Google فرزند.

   

7. اولین صفحه برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

8. صفحه دوم برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

9. صفحه سوم برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

10. صفحه نهایی برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

    

11. پس از اینکه والدین روی دکمه Continue کلیک کردند، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.

دارای جلسه-گوگل

1. دکمه ورود با گوگل.

   

2. صفحه انتخابگر حساب

   

3. اولین صفحه برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

4. صفحه دوم برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

5. صفحه سوم برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

6. صفحه نهایی برای دریافت تأییدیه از والدین برای ورود به حساب Google کودک در برنامه.

   

7. پس از اینکه والدین روی دکمه Continue کلیک کردند، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.