UX przycisku Zaloguj się przez Google

Ta strona opisuje wrażenia użytkownika związane z przyciskiem Zaloguj się przez Google.

Renderowanie przycisku

Spersonalizowany przycisk zawiera informacje o profilu z pierwszej sesji Google, która zatwierdziła Twoją witrynę. Zatwierdzona sesja Google ma odpowiadające konto w Twojej witrynie, na którym użytkownik zalogował się wcześniej za pomocą funkcji Zaloguj się przez Google.

Jeśli wyświetla się spersonalizowany przycisk, użytkownik wie, że:

• Co najmniej 1 aktywną sesję Google.
• W Twojej witrynie jest konto odpowiadające temu adresowi.

Spersonalizowany przycisk pozwala użytkownikom szybko sprawdzić stan sesji zarówno po stronie Google, jak i w Twojej witrynie, zanim go klikną. Jest to szczególnie przydatne dla użytkowników, którzy odwiedzają Twoją witrynę tylko sporadycznie. Użytkownik może zapomnieć, czy konto zostało utworzone, a jeśli tak, to w jaki sposób. Spersonalizowany przycisk przypomina, że funkcja Zaloguj się przez Google była już używana. Pomaga to uniknąć niepotrzebnego tworzenia zduplikowanych kont w Twojej witrynie.

Aby wskazać stan sesji, spersonalizowany przycisk jest wyświetlany w następujący sposób:

• Jedna sesja: po stronie Google jest tylko 1 sesja. Ta sesja zatwierdza klienta, a w Twojej witrynie jest odpowiednie konto.

  

• Wiele sesji: na stronie Google jest wiele sesji. Te sesje zatwierdzają klienta. Zatwierdzenie jest oznaczone strzałką w kształcie listy obok wyświetlonego konta. co najmniej 1 sesja ma odpowiadające jej konto w Twojej witrynie;

  

• Brak sesji: po stronie Google nie ma sesji lub żadna z sesji nie zatwierdziła jeszcze klienta.

  

Spersonalizowany przycisk jest wyświetlany automatycznie, gdy stan sesji jest odpowiedni, chyba że ustawienia przycisku nie zezwalają na wyświetlanie spersonalizowanego przycisku. Przycisk personalizacji nie wyświetla się, jeśli:

• Atrybut data-type ma wartość icon.
• Atrybut data-size ma wartość medium lub small.
• Atrybut data-width ma wartość mniejszą niż 200 pikseli.

Jeśli nazwa lub adres e-mail są za długie, aby zmieścić się w przycisku, są wyświetlane w postaci elipsy.

Ważne: narzędzie dla deweloperów Generator kodu może Ci pomóc w interaktywnym projektowaniu przycisku Zaloguj się przez Google i generowaniu kodu.

Najważniejsze ścieżki użytkownika

Ważna informacja: wyświetlanie przycisku spersonalizowanego lub ogólnego przycisku tekstowego nie ma wpływu na przepływy UX po kliknięciu przycisku. Konto wyświetlane na spersonalizowanym przycisku nie jest automatycznie wybierane.

Ważna informacja: proces logowania się za pomocą przycisku Zaloguj się przez Google nie obsługuje automatycznego logowania. Aby wybrać odpowiednią sesję, użytkownik musi podjąć działanie, nawet jeśli jest tylko 1 aktywna sesja Google.

Ścieżki użytkownika różnią się w zależności od tych stanów.

• Stan sesji w witrynach Google. Aby wskazać różne stany sesji Google na początku ścieżki użytkownika, używa się tych terminów:

  • Has-Google-session: na stronach internetowych Google trwa co najmniej 1 sesja.
  • No-Google-session: nie ma aktywnej sesji w witrynach Google.

• Czy wybrane konto Google zatwierdziło Twoją witrynę w momencie rozpoczęcia podróży użytkownika. Aby wskazać różne stany zatwierdzenia, używamy tych terminów:

  • Nowy użytkownik: wybrane konto nie zatwierdziło Twojej witryny.
  • Powracający użytkownik: wybrane konto wcześniej zatwierdziło Twoją witrynę.

Has-Google-session nowy użytkownik

1. Przycisk Zaloguj się przez Google.

   

2. Strona wyboru konta

   

3. Nowa strona zgody użytkownika

   

4. Po potwierdzeniu przez użytkownika token identyfikacyjny jest udostępniany witrynie.

Użytkownicy mogą dodać nową sesję Google, klikając przycisk Użyj innego konta. Poniżej znajdziesz ścieżki użytkowników w przypadku sesji bez Google.

Ścieżka powracającego użytkownika z sesją w Google

1. Przycisk Zaloguj się przez Google.

   

2. Strona wyboru konta

   

3. Gdy użytkownik wybierze konto, z którym wraca, token identyfikatora zostanie udostępniony Twojej witrynie.

Użytkownicy mogą dodać nową sesję Google, klikając przycisk Użyj innego konta. Poniżej znajdziesz ścieżki użytkownika „Bez sesji Google”.

Ścieżka nowego użytkownika bez sesji w Google

1. Przycisk Zaloguj się przez Google.

   

2. Pierwsza strona, na której możesz dodać nową sesję Google.

   

3. Druga strona służąca do dodawania nowej sesji Google.

   

4. Nowa strona zgody użytkownika

   

5. Po potwierdzeniu przez użytkownika token identyfikacyjny jest udostępniany witrynie.

Ścieżka powracającego użytkownika, który nie korzystał z sesji Google

1. Przycisk Zaloguj się przez Google.

   

2. Pierwsza strona, na której możesz dodać nową sesję Google.

   

3. Druga strona służąca do dodawania nowej sesji Google.

   

4. Gdy użytkownik kliknie przycisk Dalej, token identyfikacyjny zostanie udostępniony Twojej witrynie.

Ścieżki użytkowników dotyczące klucza konta Family Link

Nadal obowiązują ogólne ścieżki kluczowych użytkowników z poprzedniej sekcji. Poniżej przedstawiamy dodatkowy proces logowania na konto Google dziecka.

No-Google-session

1. Przycisk Zaloguj się przez Google.

   

2. Pierwsza strona dodawania nowej sesji konta Google dziecka (adres e-mail konta Google dziecka).

   

3. Druga strona służąca do dodawania nowej sesji Google dziecka (hasło do konta Google dziecka).

   

4. Pierwsza strona, na której rodzic musi zatwierdzić dodanie nowej sesji Google podrzędnej.

   

5. Druga strona, na której rodzic musi zatwierdzić dodanie nowej sesji Google.

   

6. Trzecia strona, na której rodzic musi zatwierdzić dodanie nowej sesji Google podrzędnej.

   

7. Pierwsza strona, na której rodzic musi zatwierdzić logowanie dziecka na konto Google w aplikacji.

   

8. Druga strona, na której rodzic musi wyrazić zgodę na zalogowanie dziecka na koncie Google w aplikacji.

   

9. Trzecia strona, na której rodzic musi wyrazić zgodę na zalogowanie dziecka na konto Google w aplikacji.

   

10. Ostatnia strona, na której rodzic musi zatwierdzić logowanie dziecka na konto Google w aplikacji.

    

11. Gdy rodzic kliknie przycisk Dalej, token identyfikatora zostanie udostępniony Twojej witrynie.

Has-Google-session

1. Przycisk Zaloguj się przez Google.

   

2. Strona wyboru konta

   

3. Pierwsza strona, na której rodzic musi zatwierdzić logowanie dziecka na konto Google w aplikacji.

   

4. Druga strona, na której rodzic musi wyrazić zgodę na zalogowanie dziecka na koncie Google w aplikacji.

   

5. Trzecia strona, na której rodzic musi wyrazić zgodę na zalogowanie dziecka na konto Google w aplikacji.

   

6. Ostatnia strona, na której rodzic musi zatwierdzić logowanie dziecka na konto Google w aplikacji.

   

7. Gdy rodzic kliknie przycisk Dalej, token identyfikacyjny zostanie udostępniony Twojej witrynie.