Google ile oturum açma düğmesi kullanıcı deneyimi

Bu sayfada, Google ile oturum açma düğmesinin kullanıcı deneyimi (UX) açıklanmaktadır.

Düğme oluşturma

Kişiselleştirilmiş bir düğme, web sitenizi onaylayan ilk Google oturumunun profil bilgilerini gösterir. Onaylanmış bir Google oturumunun, web sitenizde daha önce Google ile oturum açma özelliğini kullanarak oturum açmış bir hesabı olmalıdır.

Kişiselleştirilmiş bir düğme gösterilirse kullanıcı aşağıdakileri bilir:

  • En az bir etkin Google oturumu var.
  • Web sitenizde ilgili bir hesap olmalıdır.

Kişiselleştirilmiş bir düğme, kullanıcılara düğmeyi tıklamadan önce hem Google tarafında hem de web sitenizde oturum durumunu hızlı bir şekilde gösterir. Bu, özellikle web sitenizi yalnızca ara sıra ziyaret eden son kullanıcılar için faydalıdır. Hesap oluşturulup oluşturulmadığını ve nasıl oluşturulduğunu unutabilirler. Kişiselleştirilmiş bir düğme, Google ile oturum açma özelliğinin daha önce kullanıldığını hatırlatır. Bu sayede, web sitenizde gereksiz şekilde yinelenen hesap oluşturulmasını önleyebilirsiniz.

Oturum durumunu belirtmek için kişiselleştirilmiş düğme aşağıdaki şekillerde gösterilir:

  • Tek oturum: Google tarafında yalnızca bir oturum vardır. Bu oturum, müşteriyi onaylar ve web sitenizde ilgili bir hesap bulunur.

    Tek bir Google Hesabı'nın adını gösteren kişiselleştirilmiş bir düğme.

  • Birden fazla oturum: Google tarafında birden fazla oturum vardır. Bu oturumlar istemciyi onaylar. Onay, görüntülenen hesabın yanındaki liste oku ile gösterilir. En az bir oturum, web sitenizdeki bir hesaba karşılık gelmelidir.

    Liste oku içeren kişiselleştirilmiş bir düğme.

  • Oturum yok: Google tarafında oturum yok veya oturumların hiçbiri istemciyi henüz onaylamamış.

    Kişiselleştirilmiş bilgiler içermeyen "Google ile oturum aç" düğmesi.

Düğme ayarlarınız kişiselleştirilmiş düğmenin gösterilmesine izin vermediği sürece, oturum durumu uygun olduğunda kişiselleştirilmiş düğme otomatik olarak gösterilir. Kişiselleştirilmiş düğme şu durumlarda gösterilmez:

  • data-type özelliği icon.
  • data-size özelliği medium veya small olarak ayarlanmıştır.
  • data-width özelliği 200 pikselden küçük bir sayıya ayarlanmıştır.

Ad veya e-posta adresi, düğmenin içinde gösterilemeyecek kadar uzun olduğunda elips içine alınır.

Ad ve e-posta adresi kısaltılmış şekilde gösterilen kişiselleştirilmiş bir düğme.

Önemli kullanıcı yolculukları

Kullanıcı yolculukları aşağıdaki durumlara göre değişir.

  • Google web sitelerindeki oturum durumu. Kullanıcı yolculuğu başladığında farklı Google oturum durumlarını belirtmek için aşağıdaki terimler kullanılır.

    • Has-Google-session: Google web sitelerinde en az bir etkin oturum vardır.
    • No-Google-session: Google web sitelerinde etkin oturum yoktur.
  • Kullanıcı yolculuğu başladığında, seçilen Google Hesabı'nın web sitenizi onaylayıp onaylamadığını belirtir. Farklı onay durumlarını belirtmek için aşağıdaki terimler kullanılır.

    • Yeni kullanıcı: Seçilen hesap, web sitenizi onaylamamıştır.
    • Geri gelen kullanıcı: Seçilen hesap, web sitenizi daha önce onayladı.

Has-Google-session yeni kullanıcı yolculuğu

  1. Google ile oturum açma düğmesi.

    Kişiselleştirilmiş bilgiler içermeyen "Google ile oturum aç" düğmesi.

  2. Hesap seçici sayfası.

    İlk Oturumda Hesap Seçici Sayfası Var.

  3. Yeni kullanıcı rızası sayfası.

    Google ile oturum açma düğmesi izni ve oturum açma.

  4. Kullanıcı onayladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.

Kullanıcılar Başka bir hesap kullan düğmesini tıklayarak yeni bir Google oturumu ekleyebilir. Aşağıdaki Google oturumu yok kullanıcı yolculuklarına bakın.

Has-Google-session geri gelen kullanıcı yolculuğu

  1. Google ile oturum açma düğmesi.

    Tek bir Google Hesabı'nın adını gösteren kişiselleştirilmiş bir düğme.

  2. Hesap seçici sayfası.

    Google Hesabı seçici

  3. Kullanıcı geri gelen bir hesap seçtikten sonra web sitenizle bir kimlik jetonu paylaşılır.

Kullanıcılar Başka bir hesap kullan düğmesini tıklayarak yeni bir Google oturumu ekleyebilir. Aşağıdaki "Google oturumu yok" kullanıcı yolculuklarına bakın.

Google oturumu olmayan yeni kullanıcı yolculuğu

  1. Google ile oturum açma düğmesi.

    Kişiselleştirilmiş bilgiler içermeyen "Google ile oturum aç" düğmesi.

  2. Yeni bir Google oturumu eklemek için gösterilen ilk sayfa.

    Google Hesabı E-postası

  3. Yeni bir Google oturumu eklemek için ikinci sayfa.

    Google Hesabı'nda oturum açma

  4. Yeni kullanıcı rızası sayfası.

    Google ile oturum açma düğmesi izni ve oturum açma.

  5. Kullanıcı onayladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.

Google oturumu olmayan geri gelen kullanıcı yolculuğu

  1. Google ile oturum açma düğmesi.

    Kişiselleştirilmiş bilgiler içermeyen "Google ile oturum aç" düğmesi.

  2. Yeni bir Google oturumu eklemek için gösterilen ilk sayfa.

    Google Hesabı E-postası

  3. Yeni bir Google oturumu eklemek için ikinci sayfa.

    Google Hesabı'nda oturum açma

  4. Kullanıcı Sonraki düğmesini tıkladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.

Önceki bölümdeki genel önemli kullanıcı yolculukları geçerli olmaya devam eder. Aşağıda, oturum açarken çocuğunuzun Google Hesabı için gösterilecek ek akış gösterilmektedir.

No-Google-session

  1. Google ile oturum açma düğmesi.

    Kişiselleştirilmiş bilgiler içermeyen "Google ile oturum aç" düğmesi.

  2. Yeni bir çocuk Google oturumu (çocuk Google Hesabı e-postası) eklemek için gösterilen ilk sayfa.

    Çocuğun Google Hesabı e-posta adresi

  3. Yeni bir çocuk Google oturumu (çocuk Google Hesabı şifresi) eklemek için ikinci sayfa.

    Çocuğun Google Hesabı şifresi

  4. Yeni bir alt Google oturumu eklemek için ebeveynden onay alınması gereken ilk sayfa.

    Ebeveynin onay seçim sayfası

  5. Yeni bir çocuk Google oturumu eklemek için ebeveynden onay alınması gereken ikinci sayfa.

    Ebeveynin onay şifresi sayfası

  6. Yeni bir alt Google oturumu eklemek için ebeveynlerden onay alınması gereken üçüncü sayfa.

    Ebeveyn onayı sayfası

  7. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken ilk sayfa.

    Ebeveyninizin oturum açma sayfasını onaylamasını sağlama

  8. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken ikinci sayfa.

    Oturum açma sayfasını onaylayacak bir ebeveyn seçin

  9. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken üçüncü sayfa.

    Oturum açma sayfasını onaylamak için ebeveyn Google Hesabı'nın şifresi

  10. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken son sayfa.

    Çocuğunuzun oturum açması için ebeveyn onayı sayfası

  11. Ebeveyn Devam düğmesini tıkladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.

Has-Google-session

  1. Google ile oturum açma düğmesi.

    Kişiselleştirilmiş bilgiler içermeyen "Google ile oturum aç" düğmesi.

  2. Hesap seçici sayfası.

    Çocuk hesabı sayfasını seçin.

  3. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken ilk sayfa.

    Ebeveyninizin oturum açma sayfasını onaylamasını sağlama

  4. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken ikinci sayfa.

    Oturum açma sayfasını onaylayacak bir ebeveyn seçin

  5. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken üçüncü sayfa.

    Oturum açma sayfasını onaylamak için ebeveyn Google Hesabı'nın şifresi

  6. Uygulamada çocuk Google Hesabı ile oturum açmak için ebeveynden onay alınması gereken son sayfa.

    Çocuğunuzun oturum açması için ebeveyn onayı sayfası

  7. Ebeveyn Devam düğmesini tıkladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.