Web Sitesi Üyelik Girişi Tasarımı: Form, Hata ve Akış
Giriş ekranı, kullanıcının siteyle kurduğu en sık tekrarlanan etkileşimlerden biridir. Küçük bir sürtünme bile her girişte tekrarlandığı için birikerek büyür.
Bu rehberde giriş formunun nasıl kurulacağını, hata yönetimini ve alternatif giriş yollarını ele alıyoruz. Tasarımın sitenize uyarlanması için Weblike web sitesi tasarımı ekibimizden destek alabilirsiniz.
Web Sitesi Üyelik Girişi Tasarımı Nedir?
web sitesi üyelik girişi tasarımı, kullanıcının hesabına erişmesini sağlayan ekranın yapısı ve davranışıdır. Tasarım hem hız hem güvenlik gözetir.
Bu ekran sade görünse de çok sayıda ayrıntı barındırır. Ayrıntılar deneyimi belirler.
Neden Önemli?
Giriş ekranı erişimin kapısıdır. Buradaki sorunlar doğrudan kayıp üretir.
- Terk: Giriş yapamayan ayrılır.
- Destek: Şifre talepleri artar.
- Dönüşüm: Satın alma kesilir.
- Güven: Hatalı akış güvensizlik üretir.
Form Alanları
Giriş formu mümkün olan en az alanı içermelidir. Genellikle iki alan yeterlidir.
E-posta ve şifre standart yapıdır. Ek alanlar yalnızca gerçekten gerekliyse eklenir.
Kullanıcı Adı mı E-posta mı?
E-posta ile giriş hatırlanması daha kolay bir yöntemdir. Kullanıcı adı ek bir şey hatırlamayı gerektirir.
İkisi birden destekleniyorsa alan etiketi bunu belirtmelidir. Belirsizlik deneme yanılmaya yol açar.
Şifre Alanı
Şifre alanında görünürlük değiştirme seçeneği bulunmalıdır. Kullanıcı yazdığını doğrulayabilmelidir.
Bu özellik hata oranını belirgin düşürür. Özellikle mobilde değerlidir.
Şifre Görünürlüğü
Göz simgesi ile şifrenin görünür kılınması yaygın bir çözümdür. Varsayılan durum gizli olmalıdır.
Simge anlaşılır olmalıdır. Kullanıcı bu kontrolü bulamazsa özellik işlevsiz kalır.
Beni Hatırla
Oturumun açık kalmasını sağlayan seçenek sunulabilir. Varsayılan olarak işaretli olmamalıdır.
Paylaşımlı cihazlarda bu seçenek risk üretir. Açıklama eklenmesi yararlıdır.
Hata Yönetimi
Giriş hataları net ama güvenlik açısından dikkatli ifade edilmelidir. İki hedef arasında denge kurulur.
Hangi alanın yanlış olduğunu açıkça söylemek güvenlik riski üretebilir.
Hata Mesajı Dili
Genel bir "bilgiler hatalı" mesajı güvenlik açısından tercih edilir. Hangi alanın hatalı olduğu belirtilmez.
Mesaj yine de çözüm önermelidir. Hata mesajı yazımını hata mesajı yazımı yazısında ele aldık.
Deneme Sınırı
Art arda başarısız denemelerde geçici kısıtlama uygulanmalıdır. Bu önlem kaba kuvvet saldırılarını zorlaştırır.
Kısıtlama süresi kullanıcıya bildirilmelidir. Sessiz engelleme kafa karıştırır.
Şifre Sıfırlama
Şifremi unuttum bağlantısı görünür olmalıdır. Form altında ya da şifre alanının yanında konumlanır.
Sıfırlama akışını şifre sıfırlama akışı yazısında inceleyebilirsiniz. Akış kısa olmalıdır.
Kayıt Bağlantısı
Hesabı olmayan kullanıcılar için kayıt bağlantısı bulunmalıdır. İki eylem karıştırılmamalıdır.
Giriş ve kayıt butonları görsel olarak ayrışmalıdır. Aynı görünümdeki iki buton yanlış tıklama üretir.
Sekmeli Yapı
Giriş ve kayıt sekmeli tek ekranda sunulabilir. Bu yapı yer kazandırır.
Hangi sekmede olunduğu net görünmelidir. Belirsiz sekme yanlış form doldurmaya yol açar.
Alternatif Giriş
Sosyal hesaplarla giriş seçeneği hızlı bir yol sunar. Kullanıcı yeni şifre oluşturmaz.
Bu seçenek tek yol olmamalıdır. Klasik giriş her zaman bulunmalıdır.
Alternatif Yolların Sırası
Alternatif giriş butonları formun üstünde ya da altında toplanmalıdır. Araya serpiştirmek karmaşa üretir.
Buton sayısı sınırlı tutulmalıdır. Çok seçenek karar yorgunluğu yaratır.
Tek Kullanımlık Kod
Şifresiz giriş yöntemleri yaygınlaşıyor. E-posta ile gönderilen kod şifre hatırlamayı ortadan kaldırır.
Bu yöntem e-posta erişimine bağımlıdır. Yedek yöntem sunulmalıdır.
İki Aşamalı Doğrulama
Ek güvenlik katmanı sunulabilir. Bu özellik isteğe bağlı olmalıdır.
Zorunlu tutulacaksa kullanıcıya net anlatılmalıdır. Hesap güvenliği ile kullanım kolaylığı dengelenir.
Otomatik Doldurma
Tarayıcı ve şifre yöneticilerinin otomatik doldurma özelliği desteklenmelidir. Alan adlandırmaları standart olmalıdır.
Desteklenmeyen formlar kullanıcıyı elle yazmaya zorlar. Bu destek basit bir kazanımdır.
Mobil Klavye
E-posta alanında e-posta klavyesi açılmalıdır. Bu küçük ayar yazım hatasını azaltır.
Otomatik büyük harf kapatılmalıdır. E-posta adresleri küçük harfle yazılır.
Yönlendirme
Giriş sonrası kullanıcı geldiği sayfaya dönmelidir. Ana sayfaya atmak akışı bozar.
Sepetten giriş yapan kullanıcı sepete dönmelidir. Bu ayrıntı dönüşümü korur.
Sepetten Giriş
Ödeme akışında giriş istendiğinde sepet içeriği korunmalıdır. Kayıp sepet ciddi bir hatadır.
Misafir alışveriş akışını misafir alışveriş akışı yazısında ele aldık. Giriş zorunlu olmamalıdır.
Oturum Süresi
Oturumun ne kadar açık kalacağı belirlenmelidir. Çok kısa süre tekrar giriş yorgunluğu üretir.
Hassas işlemler için ek doğrulama istenebilir. Genel gezinme için uzun süre uygundur.
Erişilebilirlik
Form klavyeyle doldurulabilmelidir. Alanlar arası geçiş sırası mantıklı olmalıdır.
Etiketler alanlara doğru bağlanmalıdır. Yer tutucu metin etiket yerine kullanılmamalıdır.
Etiket Kullanımı
Her alanın görünür bir etiketi olmalıdır. Yalnızca yer tutucu kullanılan formlarda kullanıcı ne yazdığını unutur.
Etiket alanın üstünde konumlanır. Bu düzen tarama hızını artırır.
Güvenlik Görünürlüğü
Bağlantının güvenli olduğu görünür olmalıdır. Kullanıcı şifre girerken güven arar.
Abartılı güvenlik rozetleri ters etki yapar. Sade ve doğru bilgi yeterlidir.
Üye Paneli Geçişi
Giriş sonrası kullanıcı hesap bölümüne kolay ulaşabilmelidir. Panel yapısı sade olmalıdır.
Üye paneli tasarımını üye paneli tasarımı yazısında bulabilirsiniz. Giriş ve panel birlikte kurgulanır.
Üyelik girişi tasarımında kontrol listesi
web sitesi üyelik girişi tasarımı kurulurken dört başlık karara bağlanır. Bu başlıklar hem hızı hem güvenliği belirler.
Alan sayısı, hata mesajı dili, alternatif giriş yolları ve yönlendirme davranışı bu başlıklardır. web sitesi üyelik girişi tasarımı bu dördü netleştiğinde sürtünmesiz çalışır.
Ölçümleme
Giriş başarısızlık oranı izlenmelidir. Yüksek oran bir tasarım sorununa işaret eder.
Şifre sıfırlama talebi sayısı da gösterge niteliğindedir. Artış varsa akış gözden geçirilmelidir.
Düzenli Gözden Geçirme
Giriş akışı yılda bir gözden geçirilmelidir. Tarayıcı ve cihaz davranışları değişir.
Yeni doğrulama yöntemleri değerlendirilmelidir. Alan sürekli gelişmektedir.
Sayfa Hızı
Giriş ekranı hafif olmalıdır. Ağır betikler yüklenirken form kullanılamaz hale gelir.
Sayfa hızını Google PageSpeed Insights üzerinden ölçebilirsiniz. Giriş ekranı sitenin en hızlı sayfalarından biri olmalıdır.
Dizinleme Durumu
Giriş ve hesap sayfaları arama sonuçlarında görünmemelidir. Bu sayfalar dizine kapatılır.
Durumu Google Search Console üzerinden kontrol edebilirsiniz. Hesap sayfalarının dizine girmesi gizlilik sorunu üretir.
İlk Kullanım Deneyimi
Yeni üye olan kullanıcı giriş sonrası ne yapacağını bilmelidir. Boş bir hesap ekranı bırakmak fırsat kaybıdır.
Karşılama akışını onboarding akışı yazısında, hesap kapatma tarafını hesap silme akışı yazısında ele aldık.
Genellikle iki: e-posta ve şifre. Ek alanlar yalnızca gerçekten gerekliyse eklenmelidir.
Evet. Kullanıcının yazdığını doğrulayabilmesi hata oranını belirgin biçimde düşürür.
Güvenlik açısından genel bir mesaj tercih edilir. Mesaj yine de çözüm önermelidir.
Hayır. Paylaşımlı cihazlarda risk üretir; işaretsiz gelmeli ve açıklama eklenmelidir.
Olmamalıdır. Klasik e-posta ve şifre girişi her zaman bulunmalıdır.
Kullanıcının geldiği sayfaya. Sepetten giriş yapan kullanıcı sepete dönmelidir.
Hayır. Misafir alışveriş seçeneği sunulmalı, üyelik sipariş sonrasında önerilmelidir.
Kullanılmamalıdır. Yazmaya başlayınca kaybolur ve kullanıcı alanın ne istediğini unutur.
Yüksek oran tasarım sorununa işaret eder. Şifre sıfırlama talebi sayısı da aynı sinyali verir.
Giriş ekranı, sitenin en sık tekrarlanan ve en az dikkat çeken ekranıdır; bu yüzden buradaki her saniyelik gecikme kullanıcı başına defalarca yaşanır. İki alanlık sade bir form, yazdığını görebilme imkânı ve kullanıcıyı kaldığı yere geri götüren bir yönlendirme, hiçbir görsel yeniliğin sağlayamayacağı kadar belirgin bir iyileşme üretir.
BİZE ULAŞIN
Bizimle iletişime geçerek projeniz için hemen ücretsiz teklif alabilirsiniz.
