Hızlı oturum açma işlemlerini etkinleştirme: Anında kullanıcı arayüzü modu kullanıcı deneyimi kalıpları

Eiji Kitamura

Yayınlanma tarihi: 30 Eylül 2026

Genel Bakış

Anında kullanıcı arayüzü modu, özel bir oturum açma sayfasına gidildiğinde yaşanan bağlam kaybını ve kullanıcıların sayfadan ayrılmasını önler. Bu özellik, kullanıcıların görüntüledikleri veya üzerinde çalıştıkları sayfadan ayrılmadan geçiş anahtarlarını ya da kayıtlı şifreleri kullanarak oturum açma işlemini tamamlamasına olanak tanıyarak hızlı oturum açma imkanı sunar.

Kullanıcı bir metin girişi alanına odaklandığında otomatik doldurma önerilerini gösteren Koşullu kullanıcı arayüzünün aksine, Anında kullanıcı arayüzü modu, bir düğme veya bağlantı tıklamasına yanıt olarak tarayıcının kimlik doğrulama iletişim kutusunu hemen çağırır (Şu anda yalnızca uiMode "immediate" kabul edilmektedir ancak bu durum gelecekte değişebilir).

Anında kullanıcı arayüzü modunu hızlı oturum açma için benzersiz bir şekilde etkili kılan üç temel özellik vardır:

  • Cihazlar arası QR kodlarını atlama: Cihazda hemen kullanılabilir geçiş anahtarları veya kayıtlı şifreler varsa tarayıcı, kimlik doğrulama iletişim kutusunu hemen gösterir. Hiçbiri yoksa akıllı telefonlar için cihazlar arası QR kodu ekranı gösterilmeden hemen çıkılır. Bu sayede siteniz, normal yedek gezinme işlemine (ör. oturum açma sayfasına gitme) doğal bir şekilde geçiş yapabilir.
  • Sezgisel hesap merkezli seçim kullanıcı arayüzü: Karma türdeki kimlik bilgilerini ayrı ayrı listelemek yerine, kullanıcının hangi hesapla oturum açmak istediğine odaklanan sezgisel bir hesap seçici sunmak için geçiş anahtarları ve şifreler arasındaki temel farkları gizler.
  • Güvenli progresif geliştirme: Yalnızca Google Chrome ve Chromium tarayıcılarda desteklenmesine rağmen özellik algılama sayesinde, desteklenen ortamlardaki kullanıcılara hızlı oturum açma olanağı sunabilir, desteklenmeyen tarayıcılardaki (ör. Safari veya Firefox) ya da Gizli moddaki kullanıcılar için mevcut oturum açma akışlarını kesintiye uğratmadan oturum açma olanağı sunabilirsiniz.

API'nin arka planda nasıl çalıştığı ve özellik algılamanın nasıl uygulanacağı hakkında ayrıntılı bilgi için Oturum açma işlemleri için anında kullanıcı arayüzü modu başlıklı makaleyi inceleyin. Bu belgede, Immediate UI moduyla dönüşümü artıran önerilen kullanıcı deneyimi kalıplarının yanı sıra kaçınılması gereken tasarım anti-kalıplarını ele alıyoruz.

Anlık kullanıcı arayüzü modunu kullanmak için en etkili yer, sayfa gezinmesinden hemen önceki yakalamadır. Kimliği doğrulanmamış (veya oturum süresi dolmuş) bir kullanıcı, normalde oturum açma sayfasına yönlendirecek bir bağlantıyı veya işlem düğmesini tıkladığında, tam o anda anında kullanıcı arayüzü modunun çağrılması, iş akışını hiçbir zaman kesintiye uğratmayan sorunsuz bir kullanıcı deneyimi oluşturur.

Çoğu web sitesi, ekranın üst kısmındaki genel başlıktaki "Oturum aç" bağlantısını, özel oturum açma sayfasına yönlendirecek şekilde yerleştirir. Kullanıcı, göz attığı sayfada bu bağlantıyı tıkladığında gezinme duraklatılır ve anında kullanıcı arayüzü modu etkinleştirilir. Bu sayede, cihazda kimlik bilgileri varsa tarayıcı, mevcut sayfanın hemen üzerinde bir hesap seçimi iletişim kutusu gösterebilir.

Kullanıcı hesabını seçip kimlik doğrulama işlemini tamamladığında, başlık herhangi bir sayfa gezinmesi olmadan oturum açılmış duruma güncellenir. Böylece kullanıcı, görüntülediği sayfadan ayrılmadan gezinmeye devam edebilir. Aksine, cihazda kimlik bilgisi yoksa tarayıcı kullanıcı arayüzü gösterilmez ve kullanıcı, oturum açma sayfasına sorunsuz bir şekilde yönlendirilir.

Ödeme sırasında dinamik oturum açma (e-ticaret)

E-ticaret sitelerinde, alışveriş sepetinden ödemeye geçiş, sayfa gezinme sürtünmesinden kaynaklanan alışveriş sepetini terk etme durumlarının en yaygın olduğu noktalardan biridir. Kimliği doğrulanmamış bir tüketici, alışveriş sepeti ekranında Ödeme işlemine devam et düğmesini tıkladığı anda Anında kullanıcı arayüzü modu çağrıldığında, düğmenin tıklandığı yerde bir hesap seçimi iletişim kutusu görünür ve tek dokunuşla kimlik doğrulama tamamlanır.

Kimlik doğrulama başarılı olduğunda tüketici, oturum açma sayfasını tamamen atlayarak doğrudan son kargo ve ödeme onayı ekranına (ödeme sayfası) yönlendirilir. Böylece satın alma işlemini tamamlamak için gereken adımlar önemli ölçüde azalır. Kimlik bilgisi yoksa tüketici normalde geleneksel oturum açma veya misafir olarak ödeme seçim ekranına yönlendirilir. Sitenizi, işletme gereksinimlerinize göre konuk olarak ödeme yapmaya veya oturum açmayı zorunlu kılmaya izin verecek şekilde tasarlayabilirsiniz. Anında kullanıcı arayüzü modu, geri gelen müşteriler için ödeme sürecindeki sorunları ortadan kaldırmayı amaçlar.

Küçük işlemler için satır içi oturum açma (Beğenme, yer işareti koyma, kaydetme)

Ziyaretçiler sosyal feed'lere, topluluk sitelerine veya e-ticaret ürün kataloglarına göz atarken bir gönderiyi "Beğenmeye" ya da bir öğeyi "Yer İşaretlerine Ekleme"ye çalıştıklarında her seferinde tam sayfa olarak oturum açma sayfasına yönlendirilmeleri, bazı kullanıcıların bu işlemi bırakmasına neden olabilir.

Oturumu kapalı bir ziyaretçi Beğen, Yer İşaretlerine Ekle veya Kaydet gibi bir işlem düğmesini tıkladığında, hemen yerinde bir anlık kullanıcı arayüzü modu iletişim kutusu gösterilmesi, kimlik doğrulamanın tamamlanmasına ve işlem kaydının ve kullanıcı arayüzü animasyonunun (ör. kalp simgesinin kırmızıya dönmesi) anında tetiklenmesine olanak tanır. Kaydırma konumu tek bir piksel bile değişmez ve böylece tarama deneyimi tamamen korunur. Kimlik bilgisi yoksa hemen başka bir yere gitmek yerine mevcut ekranın üzerinde hafif bir satır içi giriş modalı gösterebilir veya kullanıcıyı, oturum açtıktan sonra orijinal yerine geri döneceği şekilde oturum açma sayfasına yönlendirebilirsiniz.

Hassas işlemler için ek kimlik doğrulama

Kullanıcı oturum açmış olsa bile güvenlikle ilgili en iyi uygulamalar, son kimlik doğrulamasından belirli bir süre geçtikten sonra hassas işlemler (ör. şifre değiştirme, kargo adresini güncelleme, kayıtlı ödeme yöntemlerini düzenleme veya yeni geçiş anahtarı ekleme) gerçekleştirilirken ek kimlik doğrulama yapılmasını gerektirir. Kullanıcı, Hesabım genel bakış sayfasındaki hassas bir ayara yönlendiren bir bağlantıyı veya düğmeyi tıkladığında Anında kullanıcı arayüzü modu çağrılır. Bu modda, sayfadan ayrılmadan doğrudan kontrol panelinde kimlik doğrulama işlemi tamamlanır. Bu sayede kullanıcı, ara yeniden giriş ekranından geçmeden doğrudan hedef ayarlar düzenleme sayfasına gidebilir (veya hassas işlemi hemen gerçekleştirebilir). Kimlik bilgisi yoksa kullanıcıyı standart yeniden kimlik doğrulama sorgulama ekranınıza (ör. şifre yeniden giriş ekranı veya tek kullanımlık şifre doğrulama ekranı) geçirin.

Kimliği doğrulanmamış durumdaki standart hızlı oturum açma işlemlerinde hedef kimlik bilgileri belirtilmezken bu yeniden kimlik doğrulama kullanım alanında belirtilmesi gerekir. İstek içinde allowCredentials değerini ayarlayarak yalnızca oturum açmış kullanıcıya ait kimlik bilgilerinin sunulmasını sağlayın.

Yayıncı sitesi ödeme duvarının kilidini açma

Haber medyası ve içerik platformları, makalenin ilk paragraflarına ücretsiz erişim sunan, okuyucu aşağı kaydırdıkça ortada yumuşak bir ödeme duvarı veya yalnızca üyelere özel bulanıklaştırma gösteren bir modeli yaygın olarak kullanır.

Bir okuyucu makalede aşağı kaydırdığında, ödeme duvarına ulaştığında ve "Hesabınızla okumaya devam edin" düğmesini tıkladığında, anında kullanıcı arayüzü modu etkinleştirilir. Bu mod, okuyucunun durakladığı kaydırma konumunun tam üzerinde kimlik doğrulama iletişim kutusunu gösterir. Kimlik doğrulama tamamlanır tamamlanmaz makalenin bulanıklaştırılmış kısmı, sayfa yeniden yüklenmeden sorunsuz bir şekilde kaybolur. Böylece okuyucu, baktığı metin satırını kaybetmeden okumaya devam edebilir. Kimlik bilgisi yoksa ödeme duvarı bölümünde satır içi kayıt veya oturum açma formunu genişletin.

Kaçınılması gereken anti-pattern'ler

Anlık kullanıcı arayüzü modu, sayfa gezinme işleminden önce kullanıldığında büyük bir değer sunsa da yanlış yere yerleştirilmesi kullanıcının oturum açma deneyimine zarar verir.

Özel oturum açma sayfalarındaki oturum açma düğmelerinde anında kullanıcı arayüzü modundan kaçının

Anında kullanıcı arayüzü modu, hem geçiş anahtarlarını hem de şifreleri tek bir düzgün iletişim kutusunda işlediği için bu modu, özel oturum açma sayfanızdaki "Oturum aç" düğmesinde kullanmak cazip gelebilir. Ancak burada kullanmaktan kaçınmanız gerekir. İlk olarak, anında kullanıcı arayüzü modu kesinlikle kullanıcı etkinleştirmesi (ör. tıklama veya dokunma) gerektirir. Bu nedenle, kullanıcıların oturum açma seçeneklerinin sayfa yükleme sırasında hazır olmasını bekleyebileceği bir oturum açma sayfasında bu modun kullanılması uygun değildir. İkinci olarak, oturum açma sayfası, cihazlarında yerel kimlik bilgileri olmayan kullanıcıların geldiği son yerdir. Ayrıca, kullanıcılar "Geçiş anahtarıyla oturum aç"ı tıklayarak mobil cihazlarında geçiş anahtarıyla (cihazlar arası kimlik doğrulama) veya donanım güvenlik anahtarıyla oturum açmak istediklerinde de bu sayfaya yönlendirilir. Burada Anında kullanıcı arayüzü modunu kullanırsanız tarayıcı, cihazlar arası QR kodu ve güvenlik anahtarı yedeklerini bastırır ve cihazda yerel kimlik bilgisi bulamadığı anda hemen sonlanır. Bu durumda kullanıcı, düğmeyi tıklamanın başka bir hedefi olmayan bir sayfada hiçbir işe yaramadığı çıkmaz bir durumda kalır.

Her kimlik doğrulama yönteminin güvenilir bir şekilde çalışması gereken bir oturum açma sayfasında, yerel geçiş anahtarlarının rahatlığını sağlamak için giriş alanlarında Koşullu kullanıcı arayüzü (otomatik doldurma entegrasyonu) yapılandırmak en iyi uygulamadır. Ayrıca, cihazlar arası QR kodu ve güvenlik anahtarı seçeneklerini güvenilir bir şekilde görüntüleyen standart çağırma yöntemleriyle açık "Geçiş anahtarıyla oturum aç" düğmelerini eşleştirmek de en iyi uygulamadır.

Sonuç

Anında kullanıcı arayüzü modu, oturum açma sayfalarına gereksiz yönlendirmeleri ortadan kaldırmak ve bağlamı koruyarak oturum açma işlemini tamamlayan hızlı oturum açma işlemleri gerçekleştirmek için kullanılan güçlü bir kullanıcı deneyimi aracıdır. Sayfa gezinmesi gerçekleşmeden hemen önce, kullanıcıların net bir şekilde niyetini gösterdiği anları (ör. başlıkta oturum açma bağlantıları, ödeme düğmeleri, mikro işlemler, hassas işlemler için kimlik doğrulama adımları (allowCredentials belirtilerek) ve makale ödeme duvarları) yakalayarak kullanıcıların sayfadan ayrılmasını önleyebilir ve sorunsuz bir kullanıcı deneyimi sunabilirsiniz.

Aynı zamanda, anlık kullanıcı arayüzü modunun kesinlikle sayfa gezinme öncesinde yapılan aşamalı bir iyileştirme olduğunu unutmayın. Tasarımınızın cihazlar arası (QR kodu) kullanıcılar için açık ve erişilebilir kalması amacıyla, bu modu son hedefinizdeki oturum açma sayfasındaki düğmelere uygulamayın.

Geçiş anahtarlarını uygulama ve en yeni Web Kimliği özellikleri hakkında daha fazla bilgi için aşağıdaki kaynakları inceleyin: