Kayıt formu en iyi uygulamaları

Kullanıcılarınızın kaydolmasına, oturum açmasına ve hesap ayrıntılarını en az sorunla yönetmesine yardımcı olun.

Sam Dutton

Kullanıcıların sitenize giriş yapması gerekiyorsa iyi bir kayıt formu tasarımı çok önemlidir. Bu durum özellikle zayıf bağlantısı olan, mobil cihaz kullanan, acelesi olan veya stres altında olan kullanıcılar için geçerlidir. Kötü tasarlanmış kayıt formları yüksek hemen çıkma oranlarına sahiptir. Her hemen çıkma, kaybedilmiş ve canı sıkılmış bir kullanıcı anlamına gelebilir. Aynı zamanda kayıt fırsatını kaçırmış olabilirsiniz.

Aşağıda, en iyi uygulamaların tümünü gösteren çok basit bir kayıt formu örneği verilmiştir:

Yapılacaklar listesi

Mümkünse oturum açmayın

Kayıt formu uygulamadan ve kullanıcılardan sitenizde hesap oluşturmalarını istemeden önce, gerçekten gerekli olup olmadığını düşünün. Mümkün olduğunda, özellikleri giriş yapma şartıyla sunmaktan kaçının.

En iyi kayıt formu, kayıt formu değildir!

Kullanıcıdan hesap oluşturmasını istediğinizde kullanıcının hedefine ulaşmasını engellemiş olursunuz. Bir iyilik yapıyorsunuz ve kullanıcıdan kişisel verileriniz konusunda size güvenmesini istiyorsunuz. Depoladığınız her şifre ve veri öğesi, gizlilik ve güvenlik "veri borcu" taşır ve siteniz için maliyet ve sorumluluk haline gelir.

Kullanıcılardan hesap oluşturmalarını istemenizin asıl nedeni, gezinme veya tarama oturumları arasında bilgi kaydetmekse bunun yerine istemci tarafı depolama alanı kullanmayı düşünebilirsiniz. Alışveriş sitelerinde, kullanıcıların satın alma işlemi yapmak için hesap oluşturmaya zorlanması, alışveriş sepetini terk etme oranının yüksek olmasının başlıca nedenlerinden biri olarak gösteriliyor. Giriş yapmadan ödemeyi varsayılan olarak ayarlayın.

Oturum açmayı belirgin hale getirin

Sitenizde hesap oluşturma işlemini açıkça belirtin. Örneğin, sayfanın sağ üst kısmında bir Giriş veya Oturum aç düğmesi ekleyin. Belirsiz simgeler veya belirsiz ifadeler ("Katıl!", "Bize katılın") ve girişi gezinme menüsünde gizlemeyin. Kullanılabilirlik uzmanı Steve Krug, web sitesi kullanılabilirliğine yönelik bu yaklaşımı şu şekilde özetledi: Bizi düşünmeye zorlamayın! Web ekibinizdeki diğer kişileri ikna etmeniz gerekiyorsa farklı seçeneklerin etkisini göstermek için Analytics'i kullanın.

Android telefonda görüntülenen bir e-ticaret web sitesi maketinin iki ekran görüntüsü. Soldaki, oturum açma bağlantısı için biraz belirsiz bir simge kullanıyor; sağdaki ise yalnızca "Oturum aç" yazıyor.
Oturum açma işlemini belirgin hale getirin. Bir simge belirsiz olabilir ancak Oturum aç düğmesi veya bağlantısı açıktır.
Gmail oturum açma sayfasının ekran görüntüsü: Oturum aç düğmesini gösteren bir sayfa. Tıklandığında, Hesap oluştur bağlantısının da bulunduğu forma yönlendirir.
Gmail oturum açma sayfasında hesap oluşturma bağlantısı bulunur.
Burada gösterilenden daha büyük pencere boyutlarında Gmail, Oturum aç bağlantısı ve Hesap oluştur düğmesi gösterir.

Google gibi bir kimlik sağlayıcı üzerinden ve e-posta ile şifre kullanarak kaydolan kullanıcıların hesaplarını bağladığınızdan emin olun. Kimlik sağlayıcının profil verilerinden kullanıcının e-posta adresine erişebiliyor ve iki hesabı eşleştirebiliyorsanız bunu kolayca yapabilirsiniz. Aşağıdaki kod, Google ile Oturum Açma kullanıcısının e-posta verilerine nasıl erişileceğini gösterir.

// auth2 is initialized with gapi.auth2.init()
if (auth2.isSignedIn.get()) {
  var profile = auth2.currentUser.get().getBasicProfile();
  console.log(`Email: ${profile.getEmail()}`);
}

Hesap ayrıntılarına nasıl erişebileceğinizi açıkça belirtin

Kullanıcı oturum açtıktan sonra hesap ayrıntılarına nasıl erişileceğini açıklayın. Özellikle şifrelerin nasıl değiştirileceğini veya sıfırlanacağını açıkça belirtin.

Formdaki dağınıklığı azaltın

Kaydolma akışında, karmaşıklığı en aza indirmek ve kullanıcının dikkatini korumak sizin görevinizdir. Dağınıklığı ortadan kaldırın. Dikkat dağıtıcı şeylere ve günaha davetlere kapılmayın.

Kullanıcıların kaydolma işlemini tamamlamasını engellemeyin.

Kayıt sırasında mümkün olduğunca az bilgi isteyin. Ek kullanıcı verilerini (ad ve adres gibi) yalnızca gerektiğinde ve kullanıcıya bu verileri sağlamanın net bir faydasını gördüğünde toplayın. İlettiğiniz ve depoladığınız her veri öğesinin maliyet ve sorumluluk gerektirdiğini unutmayın.

Kullanıcıların iletişim bilgilerini doğru girmesini sağlamak için girişlerinizi iki kez yapmayın. Bu, form doldurma işlemini yavaşlatır ve form alanları otomatik olarak dolduruluyorsa anlamlı değildir. Bunun yerine, kullanıcı iletişim bilgilerini girdikten sonra ona bir onay kodu gönderin ve yanıt verdikten sonra hesap oluşturmaya devam edin. Bu, yaygın bir kayıt şeklidir ve kullanıcılar buna alışmıştır.

Kullanıcılara yeni bir cihazda veya tarayıcıda her oturum açtıklarında bir kod göndererek şifresiz oturum açma özelliğini kullanabilirsiniz. Slack ve Medium gibi siteler bunun bir sürümünü kullanır.

medium.com'da şifresiz oturum açma

Birleştirilmiş girişte olduğu gibi bu da kullanıcı şifrelerini yönetmek zorunda kalmamanıza ek bir avantaj sağlar.

Oturum uzunluğunu göz önünde bulundurun

Kullanıcı kimliğine yaklaşımınız ne olursa olsun oturum süresi (kullanıcı oturumunun açık kalması için gereken süre ve kullanıcının oturumunu kapatmanıza neyin neden olabileceği) hakkında dikkatli bir karar vermeniz gerekir.

Kullanıcılarınızın mobil cihaz mı yoksa masaüstü cihaz mı kullandığını ve masaüstünde mi yoksa cihaz paylaşımında mı olduklarını göz önünde bulundurun.

Şifre yöneticilerinin şifreleri güvenli bir şekilde önermesine ve depolamasına yardımcı olma

Üçüncü taraf ve yerleşik tarayıcı şifre yöneticilerinin şifreleri önermesine ve depolamasına yardımcı olabilirsiniz. Böylece, kullanıcıların şifreleri kendilerinin seçmesine, hatırlamasına veya yazmasına gerek kalmaz. Şifre yöneticileri, modern tarayıcılarda iyi çalışır. Hesapları cihazlar, platforma özel uygulamalar ve web uygulamaları arasında senkronize eder ve yeni cihazlarda çalışır.

Bu nedenle, özellikle doğru otomatik tamamlama değerlerini kullanmak için kayıt formlarını doğru şekilde kodlamak son derece önemlidir. Kayıt formlarında yeni şifreler için autocomplete="new-password" kullanın ve mümkün olduğunda diğer form alanlarına (ör. autocomplete="email" ve autocomplete="tel") doğru otomatik tamamlama değerleri ekleyin. Şifre yöneticilerine yardımcı olmak için kayıt ve oturum açma formlarında form öğesinin yanı sıra input, select ve textarea öğelerinde farklı name ve id değerleri de kullanabilirsiniz.

Ayrıca, mobil cihazlarda doğru klavyeyi sağlamak ve tarayıcı tarafından temel yerleşik doğrulamayı etkinleştirmek için uygun type özelliğini kullanmanız gerekir. Ödeme ve adres formu en iyi uygulamaları başlıklı makaleden daha fazla bilgi edinebilirsiniz.

Kullanıcıların güvenli şifreler girmesini sağlayın

Şifre yöneticilerinin şifre önermesini etkinleştirmek en iyi seçenektir. Kullanıcıları, tarayıcılar ve üçüncü taraf tarayıcı yöneticileri tarafından önerilen güçlü şifreleri kabul etmeye teşvik etmeniz gerekir.

Ancak birçok kullanıcı kendi şifrelerini girmek istediğinden şifre gücüyle ilgili kurallar uygulamanız gerekir. ABD Ulusal Standartlar ve Teknoloji Enstitüsü, güvenli olmayan şifrelerden nasıl kaçınacağınızı açıklar.

Güvenliği ihlal edilmiş şifrelere izin verme

Şifreler için hangi kuralları seçerseniz seçin, güvenlik ihlallerinde açığa çıkan şifrelere hiçbir zaman izin vermemelisiniz.

Kullanıcı bir şifre girdikten sonra, bu şifrenin daha önce güvenliği ihlal edilmiş bir şifre olup olmadığını kontrol etmeniz gerekir. Sahip I Been Pwned sitesi şifre kontrolü için bir API sağlar. Dilerseniz bunu kendiniz bir hizmet olarak çalıştırabilirsiniz.

Google Şifre Yöneticisi, mevcut şifrelerinizden herhangi birinin güvenliğinin ihlal edilip edilmediğini kontrol etmenize de olanak tanır.

Bir kullanıcının önerdiği şifreyi reddederseniz tam olarak neden reddedildiğini açıklayın. Kullanıcı bir değer girer girmez sorunları satır içi olarak gösterin ve nasıl düzeltileceğini açıklayın. Kullanıcının, kayıt formunu gönderip sunucunuzdan yanıt beklemesi gerekmez.

Şifrenin neden reddedildiğini açıkça belirtin.

Şifre yapıştırmayı engelleme

Bazı siteler metnin şifre girişlerine yapıştırılmasına izin vermez.

Şifre yapıştırmaya izin verilmemesi kullanıcıları rahatsız eder, akılda kalıcı şifreleri teşvik eder (ve bu nedenle güvenliği ihlal edilmesi daha kolay olabilir) ve Birleşik Krallık Ulusal Siber Güvenlik Merkezi gibi kuruluşların belirttiği gibi aslında güvenliği azaltabilir. Kullanıcılar ancak şifrelerini yapıştırmayı denedikten sonra yapıştırma işlemine izin verilmediğini fark eder. Bu nedenle, şifre yapıştırmaya izin verilmemesi panodaki güvenlik açıklarını önlemez.

Şifreleri hiçbir zaman düz metin olarak saklamayın veya iletmeyin

Şifreleri teşhis edip karma haline getirdiğinizden emin olun ve kendi karma oluşturma algoritmanızı oluşturmaya çalışmayın.

Şifre güncellemelerini zorlama

Kullanıcıların şifrelerini keyfi olarak güncellemelerini zorunlu kılmayın.

Şifre güncellemelerini zorunlu kılmak BT departmanları için maliyetli olabilir, kullanıcılar için can sıkıcı olabilir ve güvenliği pek etkilemez. Ayrıca kullanıcıları güvenli olmayan akılda kalıcı şifreler kullanmaya veya şifrelerin fiziksel bir kaydını tutmaya teşvik edebilir.

Şifre güncellemelerini zorunlu kılmak yerine, olağan dışı hesap etkinliğini izlemeniz ve kullanıcıları uyarmanız gerekir. Mümkünse veri ihlalleri nedeniyle güvenliği ihlal edilen şifreleri de izlemeniz gerekir.

Ayrıca kullanıcılarınıza hesap giriş geçmişlerine erişim vermeli ve giriş işleminin nerede ve ne zaman gerçekleştiğini göstermelisiniz.

Gmail hesap etkinliği sayfası
Gmail hesap etkinliği sayfası

Şifre değiştirmeyi veya sıfırlamayı kolaylaştırın

Kullanıcılara hesap şifrelerini nereden ve nasıl güncelleyebileceklerini açıkça belirtin. Bazı sitelerde bunu şaşırtıcı şekilde zordur.

Elbette, unutmaları halinde kullanıcıların şifrelerini sıfırlamalarını da kolaylaştırmalısınız. Open Web Application Security Project, kayıp şifrelerle nasıl başa çıkılacağı konusunda ayrıntılı rehberlik sunar.

İşletmenizin ve kullanıcılarınızın güvenliğini sağlamak için, özellikle de güvenliği ihlal edilmiş şifrelerini değiştirmelerine yardımcı olmak önemlidir. Bu işlemi kolaylaştırmak için sitenize, şifre yönetimi sayfanıza yönlendiren bir /.well-known/change-password URL'si eklemeniz gerekir. Bu sayede şifre yöneticileri, kullanıcılarınızı doğrudan sitenizin şifresini değiştirebilecekleri sayfaya yönlendirebilir. Bu özellik artık Safari ve Chrome'da uygulanıyor ve diğer tarayıcılara da eklenecek. Şifre değiştirmek için bilinen bir URL ekleyerek kullanıcıların şifrelerini kolayca değiştirmelerine yardımcı olma başlıklı makalede bu özelliğin nasıl uygulanacağı açıklanmaktadır.

Ayrıca, kullanıcıların istedikleri takdirde hesaplarını silmesini kolaylaştırmalısınız.

Üçüncü taraf kimlik sağlayıcılar aracılığıyla giriş imkanı sunun.

Birçok kullanıcı, web sitelerine e-posta adresi ve şifre ile kayıt formunu kullanarak giriş yapmayı tercih eder. Ancak kullanıcıların, birleşik giriş olarak da bilinen üçüncü taraf kimlik sağlayıcı üzerinden giriş yapmasını da etkinleştirmeniz gerekir.

WordPress giriş sayfası
Google ve Apple giriş seçenekleriyle WordPress giriş sayfası.

Bu yaklaşımın birçok avantajı vardır. Birleştirilmiş girişi kullanarak hesap oluşturan kullanıcılardan şifre istemeniz, iletmeniz veya saklamanız gerekmez.

Federe girişten e-posta adresi gibi doğrulanmış ek profil bilgilerine de erişebilirsiniz. Bu sayede kullanıcının bu verileri girmesi gerekmez ve doğrulamayı kendiniz yapmanız gerekmez. Birleştirilmiş giriş, kullanıcıların yeni bir cihaz aldığında işlerini çok daha kolaylaştırabilir.

Google ile oturum açma özelliğini web uygulamanıza entegre etme başlıklı makalede, kayıt seçeneklerinize birleşik girişin nasıl ekleneceği açıklanmaktadır. Birçok farklı kimlik platformu mevcuttur.

Hesap değiştirmeyi kolaylaştırın

Birçok kullanıcı cihazları paylaşır ve aynı tarayıcıyı kullanarak hesaplar arasında geçiş yapar. Kullanıcılar birleşik girişe erişsin veya erişmesin, hesap değiştirmeyi basitleştirmeniz gerekir.

Hesap değiştirmeyi gösteren Gmail
Gmail'de hesap değiştirme

Çok öğeli kimlik doğrulaması sunmayı düşünün

Çok öğeli kimlik doğrulaması, kullanıcıların kimlik doğrulama işlemini birden fazla yöntemle sağlaması anlamına gelir. Örneğin, kullanıcıdan şifre belirlemesini istemenin yanı sıra e-posta veya SMS ile gönderilen tek kullanımlık şifre kodunu ya da uygulama tabanlı tek kullanımlık kod, güvenlik anahtarı veya parmak izi sensörünü kullanarak doğrulama yapabilirsiniz. SMS OTP ile ilgili en iyi uygulamalar ve WebAuthn ile Güçlü Kimlik Doğrulamayı Etkinleştirme başlıklı makalelerde çok faktörlü kimlik doğrulamanın nasıl uygulanacağı açıklanmaktadır.

Sitenizde kişisel veya hassas bilgiler işleniyorsa kesinlikle çok faktörlü kimlik doğrulama sunmalı (veya zorunlu kılmalısınız).

Kullanıcı adlarına dikkat edin

Gerekmedikçe (veya ihtiyaç duyana kadar) kullanıcı adı konusunda ısrar etmeyin. Kullanıcıların yalnızca e-posta adresi (veya telefon numarası) ve şifreyle kaydolmasını ve oturum açmasını ya da tercih ederlerse federe oturum açma özelliğini kullanmasını sağlayın. Kullanıcıları bir kullanıcı adı seçmeye ve hatırlamaya zorlamayın.

Sitenizde kullanıcı adı gerekiyorsa kullanıcılara mantıksız kurallar uygulamayın ve kullanıcıların kullanıcı adlarını güncellemelerini engellemeyin. Arka uçta, kullanıcı adı gibi kişisel verilere dayalı bir tanımlayıcı değil, her kullanıcı hesabı için benzersiz bir kimlik oluşturmanız gerekir.

Ayrıca, kullanıcı adları için autocomplete="username" kullanmanız gerekir.

Çeşitli cihazlar, platformlar, tarayıcılar ve sürümlerde test edebilirsiniz

Kayıt formlarını, kullanıcılarınız için en yaygın olan platformlarda test edin. Form öğesi işlevleri değişiklik gösterebilir ve görüntü alanı boyutundaki farklılıklar düzen sorunlarına neden olabilir. BrowserStack, çeşitli cihaz ve tarayıcılarda açık kaynaklı projeler için ücretsiz test olanağı sunar.

Analizleri ve gerçek kullanıcı izlemeyi uygulama

Kullanıcıların kayıt formlarında nasıl bir deneyim yaşadığını anlamak için alan verilerinin yanı sıra laboratuvar verileri gereklidir. Analytics ve Gerçek Kullanıcı İzleme (RUM), kayıt sayfalarının ne kadar sürede yüklendiği, kullanıcıların hangi kullanıcı arayüzü bileşenleriyle etkileşime girdiği (veya etkileşime girmediği) hem de kullanıcıların kaydolma işlemini ne kadar sürdüğü gibi gerçek kullanıcı deneyimiyle ilgili veriler sağlar.

Küçük değişiklikler, kayıt formlarının tamamlanma oranlarında büyük fark yaratabilir. Analytics ve RUM, değişiklikleri optimize edip önceliklendirmenizi ve sitenizi yerel testlerin ortaya çıkaramadığı sorunlar için izlemenizi sağlar.

Öğrenmeye devam edin

Fotoğraf: Unsplash'taki @ecowarriorprincess.