Otomatik Doldurmanın Avantajından Yararlanmak için Formlar Nasıl Optimize Edilir

Sürpriz! Otomatik doldurmanın gücüyle, kullanıcıların ürünlerinizi çevrimiçi satın almalarını kolaylaştırabilirsiniz.

Şanslı günün olmalı. Yoksa yıllar mı?

Otomatik doldurma yeni değil, ancak zamanla gelişiyor. Bununla birlikte, kullanıcıları web formlarınızı doldurmaya teşvik etmenin harika bir yoludur - ister sizinle iletişim kurmalarını ister ödeme bilgilerini girmelerini isteyin, böylece o büyük, güzel Satın Al düğmesine basabilirler.

Otomatik form doldurma, sıkıcı, zaman alıcı ve dönüştürmeye engel olabilen web formlarının tüm çabasını ortadan kaldırır. Kullanıcılarınız için form verilerini otomatik olarak doldurduğunuzda, kullanıcılara zaman kazandırarak ve hata olasılığını (yazım hataları gibi) azaltarak daha iyi bir kullanıcı arayüzü ve kullanıcı deneyimi (UX) sağlarsınız.

Ayrıca kullanıcıları çok fazla düşünmek zorunda kalmaktan ya da daha da kötüsü, kanepelerinin rahatlığından kalkıp cüzdanlarına kadar korkunç mesafeyi yürümek zorunda kalmaktan kurtarıyor.

Dramatik olduğumuzu düşünebilirsiniz, ancak bazen uzun bir çalışma gününden sonra liderliğiniz ayağa kalkamayacak kadar yorgun. Ya da 5 dakikalık molalarında hızlıca alışveriş yapacaklarını düşünen meşgul bir annedirler ve birden vakitleri kalmaz.

Google, bir çalışmada, otomatik form doldurma etkinleştirildiğinde kullanıcıların formları %30 daha hızlı doldurduğunu buldu. Bu hız, otomatik doldurmanın tam rahatlığıyla birleştiğinde, süreçte mutlu kullanıcılar yaratırken form gönderme oranlarını ve dönüşümleri artırır. Ve mutlu kullanıcılar geri dönen kullanıcılardır.

Bu nedenle otomatik yetenekler, form tasarımı en iyi uygulamaları listemizde yer alır.

Peki, otomatik doldurmayı web formlarınızda nasıl çalıştırırsınız?

Her şey, web geliştiricinizin formlarınızı kullanıcının tarayıcısıyla çalışacak şekilde optimize etmesiyle başlar, böylece form alanlarınızı oldukları gibi tanıyabilir.

Otomatik Doldurma Nasıl Çalışır?

Buradan başlamaya ne dersiniz: ilk etapta otomatik doldurma nedir?

Otomatik Doldurma, çoğu tarayıcı tarafından kullanıcıları için sunulan şık bir araçtır. Kullanıcılar otomatik doldurmayı etkinleştirdiğinde, tarayıcıları formları kaydettiği tüm geçerli kullanıcı verileriyle otomatik olarak doldurur. Sonuç olarak, kullanıcının her alanı elle doldurması gerekmez.

Farklı tarayıcılar biraz farklı kullanıcı verilerini kaydeder ancak genel olarak benzerdir:

Not: "Adresler", telefon numaralarını, e-posta adreslerini ve teslimat adreslerini içerir.

Şimdi, otomatik doldurma büyüsünü nasıl gerçekleştiriyor?

Oldukça basit. Tarayıcı, bir kullanıcının başkalarının veya sizin web sitelerindeki geçmiş formlara girdiği bilgileri toplar. Hatta bazı kullanıcılar, tarayıcılarının otomatik doldurma ayarlarında otomatik doldurmayı ayarlayabilir ve hayatı kolaylaştırmak için bilgileri doğrudan sağlayabilir. Bu durumda tarayıcı, bir ödeme yöntemi gibi hassas verileri bir kimlik doğrulama prosedürü aracılığıyla kaydedebilir.

Kullanıcılar otomatik doldurma tercihlerini kendi otomatik doldurma ayarları aracılığıyla kontrol edebilir ve bunu etkinleştirmeyi veya devre dışı bırakmayı seçebilir.

Etkinleştirildiği sürece, tarayıcıları, kullanıcı izinlerine göre hangi form alanlarınızı otomatik olarak doldurabileceğini belirlemek için birkaç buluşsal yöntem kullanır.

Web Formlarınıza Otomatik Form Doldurma Nasıl Eklenir

Bazı iyi haberlere hazır mısınız?

Web formlarınızı en iyi form uygulamalarını kullanarak oluşturduğunuz sürece, ana işlev kullanıcının tarayıcısında veya cihazında oluşturulduğundan otomatik doldurma genellikle verilir. Bu nedenle, yalnızca kodlama standartlarını karşılayan formlar geliştirmeye odaklanmanız gerekir. Bunu yönetin ve otomatik doldurma mobil ve masaüstü formlarınızda çalışmalıdır.

Değilse, Google otomatik doldurmanın kullanıcılar için neden çalışmayabileceğine ilişkin iki neden sunar:

1. 1. Web siteniz, Chrome'un kullanıcı verilerini sağlaması için yeterince güvenli olmayabilir.
   2. Web siteniz güvenliyse, Chrome form alanlarınızı algılayamayabilir.

Web formlarınızla ilgili bu sorunları önlemek için web sitenizin tarayıcı standartlarını karşılayacak kadar güvenli olduğundan emin olun. Güvenlik yönergeleri belirleyin, web sitenizi ve yazılımınızı güncel tutun, güvenlik duvarı ve VPN kullanın ve veri silolarını önleyin.

Web siteniz güvenliyse ve otomatik doldurma kendi başına çalışmıyorsa, formunuzun aşağıdaki form kodu en iyi uygulamalarına uyduğunu onaylayın.

Otomatik Doldurma İşleri İçin En İyi Uygulamaları Oluşturun

Tarayıcılar, kullanıcının hayatını kolaylaştırmak için sihirlerini kullanırken, onlara yardım etmenin yolları vardır. Tarayıcıya doğru ipuçlarını sağlayan web formları geliştirerek, kullanıcılarınız için form verilerini otomatik olarak doldurabileceğini garanti edebilirsiniz.

Tarayıcılara form alanlarınızı doldurması gereken veriler hakkında ipuçları vererek başlayın, böylece tarayıcının formunuzu okuması ve işini yapması daha kolay olur.

Bunu yapmak için doğru giriş türünü ve ilgili giriş etiketlerini kullandığınızdan emin olun. Ayrıca her girdi öğesi için ad özniteliğini ve otomatik tamamlama özniteliğini sağlamak isteyeceksiniz. Aşağıdaki resim, ihtiyaç duyabileceğiniz HTML standartlarına göre ortak adı ve otomatik tamamlama özelliklerini gösterir.

Google Developers'tan fotoğraf.

Standart HTML form uygulamalarına uymak için, siz veya web sitesi geliştiriciniz, otomatik doldurmayı etkinleştirmek için giriş öğelerinin bir <form> etiketine sarıldığından da emin olmalısınız. Google Chrome web tarayıcısı, form alanlarının bir HTML form etiketinde olmasını gerektirir veya yalnızca öneriler sunar ve form verilerini otomatik olarak doldurmaz.

Yapılmaması Gerekenler: Otomatik Doldurmayı Önleyen Uygulamalar

Bazı uygulamalar, tarayıcıların form verilerini otomatik olarak doldurmasına yardımcı olurken, diğerleri araya giriyor. Formlar oluştururken şunları yaptığınızdan emin olun:

• • İstemci tarafı doğrulama gibi alan doğrulama tuzaklarından kaçının
  • Kendinizinkini oluşturmak yerine standart girdi alanlarını kullanın
  • Sahte yer tutucular yerine giriş alanlarında yer tutucu özelliğini kullanın
  • Teslimat adresini fatura adresine kopyalamayın
  • Formlarınızın Parola Yöneticileriyle Çalıştığından Emin Olun
  • Otomatik form doldurma söz konusu olduğunda bazen tarayıcı verileri tek yardım eli değildir.

Kullanıcılar bir milyon şifreyi takip etmekten bıktı ve onları suçlayabilir misiniz? Bir hesaptan kilitlenene kadar bir şifre tahmin etmekten veya mevcut olanı kullanamayacağınızı söylemek için bir şifreyi bırakıp sıfırlamaktan daha kötü bir şey yoktur. (Bunu zaten denemedin mi?!)

Buna karşılık, tüm kullanıcı adlarınızı ve şifrelerinizi tek bir yerden takip eden şifre yöneticilerinin popülaritesi arttı. LastPass ve 1Password gibi bu yöneticilerin en iyileri, oturum açma formlarında parolaları otomatik doldurma özelliğine sahiptir.

Web sitesi sahipleri için bu, oturum açma formlarınızın otomatik parola doldurma uygulamalarıyla çalıştığından emin olmak anlamına gelir.

Neyse ki, şifre yöneticileri, tıpkı tarayıcılar gibi, kendi başlarına doğru şekilde oluşturulmuş formlara bağlanır. Yukarıdaki form ipuçlarını izleyin ve formunuz LastPass ve 1Password ile sorunsuz bir şekilde çalışmalıdır.

Ancak, tarayıcılarda olduğu gibi, şifre yöneticilerinin formunuzu okumasına ve işlevlerini garanti altına almasına yardımcı olmanın yolları vardır:

• • Alanları dinamik olarak ekleyen veya kaldıran oturum açma formları kullanmayın
  • Formunuzu web sayfasının ilk sunumunda gösterin
  • Yer tutucu özelliklerini amaçlandığı gibi kullanın
  • Mümkün olduğunda çok sayfalı giriş formları kullanmaktan kaçının

Otomatik Doldurma: Diğer İpuçları

UX oluşturmak söz konusu olduğunda, kullanıcı beklentilerini karşılamak minimum gereksinimdir ve beklentileri aşmak hedeftir. Bazen bu, kullanıcı beklentilerindeki farklılıklara uyum sağlamak için form düzeni esnekliği uygulamak anlamına gelir.

Otomatik doldurma işlevi söz konusu olduğunda, dünyanın her yerindeki insanlar adresleri farklı yazdığından, birden fazla ülkede iş yapan veya tüketicilere hizmet veren işletmeler için esnek bir form düzeni oluşturmak çok önemli olabilir. Bu kullanıcıların beklentilerini ve tarayıcılarını karşılamak için adres alanlarını buna göre ayarlayan esnek bir form sağlamayı düşünün.

Uygulamalar için Otomatik Doldurma Formları Ayarlama

Kullanıcıların Apple cihazlarında erişeceği bir uygulama oluştururken, uygulamanızın Apple'ın Şifre Otomatik Doldurma işlevini desteklediğinden emin olun ve uygulamanızın ilişkili alanlarını burada belirtildiği gibi ayarlayın:

iOS Otomatik Doldurma Gereksinimleri

Android cihazlardaki uygulamalar için, Android otomatik doldurma çerçevesi, uygulamanız standart görünümleri kullandığı sürece formları otomatik olarak doldurur. Bir otomatik doldurma iş akışını tamamlayarak, ilişkili etki alanlarını ayarlayarak, alanları önemli olarak işaretleyerek ve burada açıklandığı gibi android:autofillHints özniteliğini kullanarak uygulamanızın çerçeve içinde nasıl çalıştığını optimize edebilirsiniz:

Android Otomatik Doldurma İşlemi ve Talimatları

Dönüşümlerde Teşekkür Alın

Formlarınızın tarayıcıların ve şifre yöneticilerinin otomatik doldurma yetenekleriyle iyi çalıştığından emin olmak, form UX'i geliştirmenin ve form gönderimlerini çevreleyen sürtünmeyi azaltmanın en iyi yollarından biridir. Çabanın yarısı (veya daha azı!) ile aynı sonucu almayı kim sevmez?

Otomatik Doldurma, formların daha hızlı ve daha basit doldurulmasını sağlayarak kullanıcıların hayatlarını kolaylaştırır; bu, kullanıcıların aradıklarını elde ettiği ve sizin daha fazla dönüşüm elde ettiğiniz anlamına gelir.

Ve bize göre, dönüşümler bir kullanıcının teşekkür etmesinin en iyi yoludur.

Formlarınızı ölmek üzere yapmakla ilgileniyor musunuz (diğer bir deyişle hızlı, muhteşem, kullanıcı dostu ve form verilerini otomatik doldurmak için optimize edilmiş)? Ekibimiz tüm bunlar konusunda tutkulu ve konuşmayı seviyoruz. Ulaşın.