Web

Form Tasarımı Dönüşüm Oranını Nasıl Etkiler?

Talha Aslan 16 dakikalık okuma 3 görüntülenme

Kısa cevap

Form Tasarımı Dönüşüm Oranını Neden Bu Kadar Etkiler?

Form tasarımı, bir ziyaretçinin iletişim veya teklif formunu doldurup göndermesini kolaylaştıran ya da zorlaştıran tüm görsel ve işlevsel kararların toplamıdır. Alan sayısı, buton metni, hata mesajı ve mobil uyum gibi küçük detaylar birleştiğinde dönüşüm oranını doğrudan yükseltir veya düşürür.

Tüm detaylar ve örnekler için yazıya devam edin

Örnek bir senaryo düşünün: aynı kampanyaya giden iki form aynı trafiği alır ama biri 4 alanlıdır, diğeri 11 alanlıdır. Ziyaretçi kısa formu daha hızlı bitirir, dolayısıyla terk etme ihtimali azalır. Bu fark, reklam bütçesini değiştirmeden sonuç sayısını değiştirir.

Ekibimiz form tasarımı projelerinde önce ziyaretçinin hangi cihazdan geldiğine, ardından formun amacına bakar. Çünkü bir destek talebi formu ile bir teklif formu aynı alan setini gerektirmez; ihtiyaç farklıysa ekibimiz formu da farklı tasarlar.

Bu yazıda form tasarımının altı somut unsurunu ele alıyoruz: alan sayısı, zorunlu alan işareti, hata mesajı, adım sayısı, mobil klavye uyumu ve gizlilik onay kutusu. Her biri tek başına küçük görünse de toplamda dönüşüm oranını belirgin biçimde değiştirir.

Bu unsurların hiçbiri tek seferlik bir ayar değildir; kampanya değiştikçe, hedef kitle değiştikçe veya sektör mevzuatı değiştikçe formu yeniden gözden geçirmeniz gerekebilir. Bu yüzden form tasarımını bir proje değil, sürekli bir alışkanlık olarak ele almanızı öneririz.

Aşağıdaki başlıklarda her unsuru tek tek, somut örneklerle açıyoruz. İster yeni bir form kuruyor olun, ister mevcut formu iyileştiriyor olun, aynı liste işinize yarar.

Formdaki Alan Sayısı Dönüşümü Nasıl Değiştirir?

Her ek alan, ziyaretçiye küçük bir karar yükü bindirir ve bu yük toplamda formu bırakma isteğine dönüşebilir. Bu nedenle ilk soru her zaman şudur: bu bilgi olmadan ilk temas kurulabilir mi?

Ad, e-posta ve kısa bir mesaj alanı çoğu teklif formu için yeterlidir; şirket büyüklüğü veya bütçe aralığı gibi detayları ekibiniz görüşme sırasında da öğrenebilir. Alanı formdan çıkarmak görüşmeyi geciktirmez; aksine formu bitirme oranını yükseltir.

Öte yandan bazı sektörlerde ek bir alan gerçekten gereklidir; örneğin bir sigorta teklif formunda araç modeli sorulmazsa ekip ilk görüşmede aynı soruyu tekrar sormak zorunda kalır. Burada amaç alan sayısını sıfıra indirmek değil, gerçekten gerekmeyeni elemektir.

Alanı tamamen kaldırmak mümkün değilse, kademeli toplama yöntemi de bir seçenektir: ilk formda sadece temel bilgiyi alırsınız, ayrıntılı bilgiyi görüşme sırasında veya müşteri panelinde sonradan toplarsınız. Bu yöntem, ilk formu kısa tutarken hiçbir veriden vazgeçmemenizi sağlar.

Bir araç da alan sayısını azaltmanıza yardım eder: analitik verisi. Hangi alanda en çok duraksama olduğunu görürseniz, o alanı basitleştirmeyi veya kaldırmayı önceliklendirirsiniz.

Formu dolduranların yüzde kaçının hangi alanda durduğunu görmek için ısı haritası veya form analitiği araçlarından faydalanabilirsiniz; bu veri, hangi alanın gerçekten sorun olduğunu tahminden çok daha net gösterir.

Alan sayısı konusunu ayrıca bilişsel yük açısından ele aldığımız form alan sayısı ve dönüşüm yazımızda daha ayrıntılı işledik; burada form tasarımının diğer unsurlarına, yani hata mesajına, adım sayısına ve mobil uyuma odaklanıyoruz.

Zorunlu Alanları Net Göstermenin Yolları Nelerdir?

Zorunlu alan işareti göze çarpmazsa ziyaretçi formu gönderip hata mesajıyla karşılaşır ve bu kötü bir ilk deneyimdir. Bu yüzden zorunlu alanı işaretlemek, form tasarımının en ucuz ama en etkili adımlarından biridir.

Her zorunlu alanın etiketine yıldız işareti eklersiniz ve formun başına kısa bir not yazarsınız: yıldızlı alanların zorunlu olduğunu açıkça belirtirsiniz. Renk tek başına yeterli değildir; çünkü renk körlüğü olan ya da ekran okuyucu kullanan bir ziyaretçi renk farkını ayırt edemeyebilir.

Zorunlu olmayan alan az sayıdaysa tam tersi bir yöntem de işe yarar: sadece isteğe bağlı alanların yanına "(isteğe bağlı)" yazarsınız, diğerlerini zaten zorunlu kabul edersiniz. Hangi yöntemi seçerseniz seçin, tutarlılığı formun tamamında korumanız gerekir.

Zorunlu alan sayısı arttıkça işaretleme netliği daha da önem kazanır; beş veya altı zorunlu alanı olan bir formda tek bir işaretsiz alan bile ziyaretçinin kafasını karıştırabilir. Bu yüzden formu yayınlamadan önce her alanı tek tek kontrol etmeniz faydalıdır.

Mobil ekranda yıldız işareti küçük kalabilir. Bu yüzden yıldızı etikete yakın, okunaklı bir boyutta tutmanız gerekir. Küçük bir detay gibi görünse de mobil ziyaretçi oranı yüksek formlarda fark yaratır.

Hata Mesajı Neden Anında Çıkmalı?

Ziyaretçi bir alanı hatalı doldurduğunda bunu formu gönderene kadar öğrenmezse, sorunu düzeltmek için baştan tüm formu gözden geçirmek zorunda kalır. Anlık doğrulama, hatayı oluştuğu anda gösterir ve düzeltme süresini kısaltır.

E-posta alanına "@" işareti eklenmeden alan dışına çıkıldığında hata hemen çıkarsa, ziyaretçi hatayı formu bitirmeden fark eder. Bu sayede gönder butonuna bastıktan sonra oluşan sürpriz hata sayısı azalır.

Web.dev'in yayınladığı ödeme ve adres formları rehberi de veriyi girerken doğrulamayı, yalnızca gönderim anında değil, önerir. Ekibimiz form tasarımı teslimlerinde bu ilkeyi varsayılan olarak uygular.

Anlık doğrulama her alan için zorunlu değildir; bazı alanlarda, örneğin uzun bir mesaj kutusunda, her tuşa basışta hata göstermek yorucu olabilir. Bu durumda alan dışına çıkıldığında kontrol etmek daha dengeli bir çözümdür.

Hata rengini de dikkatli seçersiniz; sadece kırmızı bir çerçeve kullanmak, renk körlüğü olan bir ziyaretçi için yeterli bir ipucu değildir. Rengin yanına küçük bir ikon ve açık bir metin eklemek, hatayı herkes için açık hale getirir.

Bu küçük adım, ekran okuyucu kullanan ziyaretçiler için de büyük fark yaratır. Metin olmadan sadece renge dayanan bir uyarı, onlar için hiç var olmaz.

İyi Bir Hata Mesajını Nasıl Yazarsınız?

İyi bir hata mesajı, neyin yanlış olduğunu ve bunu nasıl düzelteceğinizi aynı cümlede anlatır; "hata oluştu" gibi genel bir ifade ziyaretçiye hiçbir yol göstermez. Örneğin "telefon numarası 10 haneli olmalı" cümlesi, sadece "geçersiz numara" demekten daha faydalıdır.

Hata mesajını ilgili alanın hemen yanında veya altında gösterirsiniz; sayfanın en üstünde tek bir uyarı listesi, mobilde hangi alanın hatalı olduğunu bulmayı zorlaştırır. Ton da önemlidir: ziyaretçiyi suçlayan değil, yardımcı olan bir dil kullanırsınız.

Gönder butonunu hata varken devre dışı bırakmazsınız; çünkü devre dışı buton, ziyaretçiye butonun bozuk olduğu hissini verir. Bunun yerine buton aktif kalır ve ziyaretçi bastığında sistem eksik alanları listeler.

Hata mesajını yazarken teknik terimden uzak durmanız da önemlidir; "regex eşleşmedi" gibi bir ifade ziyaretçi için hiçbir anlam taşımaz. Sade ve günlük bir dil, aynı hatayı çok daha hızlı düzeltmesini sağlar.

Çok Adımlı Form mu, Tek Sayfa Form mu?

Bu soru, tek bir doğru cevabı olmayan bir form tasarımı kararıdır; cevap formun uzunluğuna ve ziyaretçinin niyetine göre değişir. Kısa bir iletişim formu için çok adımlı yapı gereksiz bir katman eklerken, uzun bir teklif formu için adımlara bölmek yükü hafifletebilir.

Örnek bir senaryoda, 5 alanlı bir destek formu tek sayfada kalmalıdır; adımlara bölmek sadece tıklama sayısını artırır. Buna karşılık 12 alanlı bir proje teklif formu, üç mantıklı bölüme ayrılınca daha az yorucu hale gelir.

Peki bu kararı neye göre vermelisiniz? Ekibimiz genelde alan sayısına, formun tamamlanma süresine ve ziyaretçinin formu hangi niyetle açtığına bakar; acil bir destek talebiyse en kısa yol tek sayfadır.

Kampanya trafiğinin kaynağı da bu kararı etkiler: bir arama reklamından gelen ziyaretçi zaten bir çözüm aradığı için uzun bir yolculuğa daha hazırdır, buna karşılık rastgele gezinirken forma rastlayan bir ziyaretçi genelde en kısa yolu tercih eder.

Çok Adımlı Formun Avantajları ve Riskleri Nelerdir?

Çok adımlı form, uzun bir listeyi küçük parçalara böler ve ziyaretçiye ilerleme çubuğuyla nerede olduğunu gösterir. Bu yapı, özellikle çok alanlı teklif veya başvuru formlarında algılanan uzunluğu azaltır.

Riski ise her adımda bir terk noktası oluşmasıdır; ilk adımı tamamlayan ziyaretçi ikinci adımda vazgeçebilir. Bu yüzden ilk adıma sadece en kolay ve en az sayıda alanı koyarsınız, böylece ziyaretçi akışa girer.

Adım sayısı dörtten fazla olursa ziyaretçi bitişin ne kadar uzakta olduğunu merak eder ve bu belirsizlik terk oranını yükseltebilir. Adım sayısını üç veya dört ile sınırlı tutmak pratikte daha güvenli bir seçimdir.

İlerleme çubuğunu eklediğinizde yalnızca görsel bir süs koymazsınız; çubuk, ziyaretçiye kaç adım kaldığını somut biçimde gösterir ve bu da belirsizlik hissini azaltır. Adım başlıklarını da kısa ve açık yazdığınızda ziyaretçi her adımda ne bekleyeceğini önceden bilir.

Tek Sayfa Formun Avantajları ve Riskleri Nelerdir?

Tek sayfa form tüm alanları bir kerede gösterir ve ziyaretçi ilerlemesini kendi hızında yönetir; kısa formlarda bu yöntem genelde daha hızlı sonuç verir. Ekstra tıklama veya sayfa geçişi olmadığı için teknik hata riski de azalır.

Riski, alan sayısı arttığında sayfanın uzun ve yorucu hale gelmesidir; ziyaretçi sayfayı kaydırırken ne kadar kaldığını göremez. Bu yüzden tek sayfa formu yalnızca makul sayıda alanla, yani genelde beş ile sekiz alan arasında kullanmak daha güvenlidir.

Hangi sayıyı aşarsanız geçiş yapmayı düşünmelisiniz? Kesin bir eşik yoktur ama sekiz alanı geçen bir tek sayfa formu adımlara böldüğünüzde ziyaretçi genelde daha rahat tamamlar.

Alan Sırası Dönüşümü Etkiler mi?

Formun ilk alanı, ziyaretçinin formu bitirip bitirmeyeceğine dair ilk kararı verdiği yerdir. İlk alana en kolay soruyu, örneğin adı veya basit bir seçeneği koymak, ziyaretçiyi akışa sokar.

En zor veya en hassas soruyu, örneğin bütçe aralığını, formun ortasına değil sonuna koymak daha güvenlidir; ziyaretçi o noktaya geldiğinde zaten forma yatırım yapmış olur ve hassas soruyu geçmeyi daha kolay kabul eder.

İlgili alanları aynı grupta toplamak da okumayı hızlandırır: önce iletişim bilgileri, sonra proje detayları gibi mantıklı bir sıra izlemek, ziyaretçinin formu tarayarak anlamasını kolaylaştırır.

Örnek bir senaryoda, bir web tasarım teklif formunu şöyle sıralayabilirsiniz: önce ad ve e-posta, ardından proje türü, en sonda bütçe aralığı. Bu sıra, ziyaretçiyi en kolay sorudan en hassas soruya doğru nazikçe taşır.

Form uzunsa alanları görsel olarak da gruplamanız yardımcı olur; aralarına küçük bir ara başlık koymak, ziyaretçiye formun bir bütün değil, yönetilebilir birkaç küçük bölüm olduğunu hissettirir.

Çok Adımlı ve Tek Sayfa Formu Nasıl Karşılaştırırsınız?

Aşağıdaki tablo iki yaklaşımı aynı kriterlerle yan yana koyar; hangi formatın sizin formunuza uygun olduğuna karar vermeden önce bu kriterlere bakmanız yeterlidir.

KriterÇok adımlı formTek sayfa form
Uygun alan sayısı9 alan ve üzeri4-8 alan
Algılanan uzunlukKısa hissi verirAlan çoksa yorucu hissi verir
Terk noktası riskiHer adımda ayrı riskTek karar anı, tek risk
Teknik karmaşıklıkDaha yüksek, ilerleme durumunu saklamanız gerekirDaha düşük
Mobil deneyimKüçük ekranda pratiktirUzun kaydırma gerekir

Mobilde Doğru Klavye Tipi Neden Önemlidir?

Telefonundan form dolduran bir ziyaretçi, yanlış klavye türüyle karşılaşırsa önce doğru klavyeyi bulmak için ekstra zaman harcar. Telefon alanı açıldığında harf klavyesi çıkarsa, ziyaretçi numara tuşlarını aramak zorunda kalır.

Alan türüne uygun giriş türü tanımladığınızda tarayıcı doğru klavyeyi otomatik açar: telefon alanı numara tuş takımını, e-posta alanı @ işaretli klavyeyi gösterir. Bu küçük ayar, mobil ziyaretçi sayısı yüksek sitelerde dönüşüm oranını belirgin biçimde değiştirir.

Web.dev'in kayıt formu rehberi, doğru giriş türünün yalnızca doğru klavyeyi açmadığını, tarayıcının temel doğrulamayı da üstlendiğini belirtir.

  • Telefon alanı: sayısal tuş takımı açan giriş türü.
  • E-posta alanı: @ işaretli klavye açan giriş türü.
  • Web adresi alanı: / ve . karakterlerini öne çıkaran klavye.
  • Serbest metin alanı: standart harf klavyesi.

Telefon ve E-posta Alanında Klavye Ayarını Nasıl Yaparsınız?

Form tasarımında her alana doğru giriş türünü atamak teknik ekibin birkaç dakikasını alır ama etkisi kalıcıdır. Telefon alanına numara odaklı, e-posta alanına e-posta odaklı giriş türü tanımladığınızda mobil klavye otomatik uyum sağlar.

Bu ayarı otomatik doldurma özelliğiyle birlikte kullandığınızda ziyaretçi aynı bilgiyi tekrar tekrar yazmak zorunda kalmaz; tarayıcı önceden kaydettiği adını, e-postasını ve telefonunu önerir.

Sayısal bir alan her zaman telefon numarası anlamına gelmez; örneğin bir fiyat veya adet alanı ondalık sayı da kabul edebilir. Bu yüzden alan türünü seçerken hangi karakterin gerçekten gerektiğini net belirlemeniz önemlidir.

Masaüstünde bu fark küçük görünebilir. Mobilde ise her dokunuş önemlidir. Doğru klavye, bir alanı iki saniyede, yanlış klavye ise aynı alanı on saniyede doldurtabilir.

Web adresi veya kullanıcı adı gibi alanlarda da benzer bir mantık geçerlidir; ziyaretçiye uygun klavye çıktığında yazım hatası da azalır, çünkü ziyaretçi gerekli karakterlere daha hızlı erişir.

Gizlilik Onay Kutusu Forma Nereye Konmalı?

Gizlilik onay kutusunu gönder butonundan hemen önce ve göze çarpan bir yere koyarsınız; sayfanın en altına küçük puntoyla sıkıştırdığınız bir kutu ziyaretçinin gözünden kolayca kaçar. Kutunun metnini de kısa ve açık yazarsınız.

Onay kutusu varsayılan olarak işaretli gelmez; ziyaretçi kutuyu kendisi işaretler. Bu hem adil bir kullanıcı deneyimi hem de güncel gizlilik beklentileriyle uyumlu bir yaklaşımdır.

Peki kutu tek mi olmalı, yoksa ayrı onaylar mı gerekir? Pazarlama e-postası onayı ile hizmet şartları onayını tek kutuda birleştirmemeniz, ziyaretçinin hangi şeye onay verdiğini net görmesini sağlar.

KVKK Metnine Form İçinde Nasıl Yer Verirsiniz?

KVKK aydınlatma metnine formun üstünde veya onay kutusunun yanında kısa bir bağlantı verirsiniz; metnin tamamını formun içine sıkıştırmanız gerekmez. Bağlantı metni "gizlilik politikası" gibi açık bir ifade taşımalıdır, "buraya tıklayın" gibi belirsiz bir ifade taşımamalıdır.

Bu konuyu mali veya hukuki bir danışmanlık alanı olarak görürüz; ekibimiz form tasarımı için pratik yerleşim önerir, ancak metnin güncel mevzuata uygunluğunu mutlaka bir hukuk danışmanına teyit ettirmenizi öneririz.

Yurt dışına veri aktarımı yapan bir form kullanıyorsanız, örneğin yurt dışında barınan bir form aracı kullanıyorsanız, bu durumu da metne kısaca eklemeniz gerekebilir; güncel kuralı mutlaka resmi kaynaktan teyit edin.

Metni her dilde ayrı tutmanız da önemlidir. Türkçe form için Türkçe metin, İngilizce form için İngilizce metin kullanırsınız. Karışık bir dil, ziyaretçiye özensiz bir izlenim verir.

Formu farklı sektörler için tekrar kullanıyorsanız metni de her sefer gözden geçirmeniz gerekir; bir sağlık sitesi ile bir e-ticaret sitesi aynı onay metnini taşıyamaz, çünkü toplanan veri türü farklıdır.

Form Tasarımında Güven Unsurları Dönüşümü Artırır mı?

Ziyaretçi, bilgilerini bir yabancıya veriyormuş gibi hissederse formu yarıda bırakabilir. Gönder butonunun yanına kısa bir güven cümlesi, örneğin "bilgilerinizi üçüncü taraflarla paylaşmayız" eklemek bu hissi azaltır.

Marka logosu, gerçek bir telefon numarası veya kısa bir müşteri yorumu da formun yanında durduğunda ziyaretçiye formun gerçek bir ekip tarafından okunacağını hissettirir. Bu unsurları abartılı reklam diliyle değil, sade bir cümleyle sunmanız daha inandırıcı olur.

Güven unsurlarını abartırsanız ters etki yaratabilir; ekranı dolduran rozet ve ödül simgesi yığını, ziyaretçiye gerçek bir mesajdan çok bir reklam panosu hissi verir. Bir veya iki net cümle, onlarca küçük simgeden daha güçlü çalışır.

Buton Metni Dönüşümü Nasıl Etkiler?

Gönder butonundaki "Gönder" yazısı ziyaretçiye ne olacağını anlatmaz; "Teklif İste" veya "Ücretsiz Teklif Al" gibi eylem odaklı bir metin sonraki adımı açıkça belirtir. Bu küçük değişiklik bile algılanan riski azaltabilir.

Buton metnini sayfadaki diğer çağrı metinleriyle karşılaştırmak isterseniz CTA buton örnekleri yazımıza bakabilirsiniz; orada buton metninin dönüşüme etkisini örneklerle ele alıyoruz.

Form Etiketlerini Nasıl Yazarsınız?

Her alanın üstüne ya da yanına sabit bir etiket koyarsınız; etiketi yalnızca placeholder metnine bırakmak riskli bir seçimdir, çünkü ziyaretçi yazmaya başladığında etiket kaybolur ve hangi alanı doldurduğunu unutabilir.

Etiket metnini kısa ve açık yazarsınız: "Adınız" yerine "Lütfen tam adınızı buraya giriniz" gibi uzun bir cümle formu gereksiz yere ağırlaştırır. Kısa etiket, formu daha hızlı taranabilir yapar.

Etiketi her zaman alanın üstüne koymak, yanına koymaktan çoğu zaman daha pratiktir; çünkü göz, metni yukarıdan aşağıya tararken daha az duraksar.

Otomatik Doldurma Formu Hızlandırır mı?

Tarayıcıların otomatik doldurma özelliği, doğru alan tanımlarıyla birleştiğinde ziyaretçinin ad, e-posta ve telefon gibi tekrar eden bilgileri tek dokunuşla doldurmasını sağlar. Bu, özellikle mobil ziyaretçiler için formu bitirme süresini kısaltır.

Web.dev'in otomatik doldurma rehberi, tarayıcının doğru öneriyi sunması için her alana uygun bir tanım eklemenizi önerir. Form tasarımında bu adım genellikle gözden kaçar ama etkisi ölçülebilir bir fark yaratır.

Otomatik doldurma özellikle tekrarlayan ziyaretçilerde fark yaratır. Daha önce sitenizde bir form doldurmuş biri, aynı bilgileri saniyeler içinde tekrar görür. Bu da ikinci bir teklif talebini çok daha az zahmetli hale getirir.

Form Tasarımında Sık Yapılan Hatalar Nelerdir?

En sık karşılaşılan hata, formun gerektiğinden fazla alan içermesidir; ikinci sık hata ise hata mesajının hiç çıkmaması veya sayfanın tepesinde kaybolmasıdır. Üçüncü sık hata, ekibin mobil klavye ayarını hiç yapmamış olmasıdır.

Bu hatalar genelde tek tek değil, birlikte ortaya çıkar; uzun bir form hem fazla alan hem eksik hata mesajı hem de yanlış mobil klavye taşıyabilir. Küçük bir denetim listesiyle bu hataların çoğunu tek seferde yakalarsınız.

  • Gerekmeyen alanları forma eklemek ve ziyaretçiyi yormak.
  • Zorunlu alanı işaretlemeden formu yayınlamak.
  • Hata mesajını yalnızca gönderim sonrasında göstermek.
  • Telefon ve e-posta alanında mobil klavyeyi ayarlamamak.
  • Gönder butonuna anlamsız bir metin, örneğin sadece "Gönder" yazmak.

Form Gönderildikten Sonra Ziyaretçi Ne Görmeli?

Ziyaretçi gönder butonuna bastığında net bir onay görmezse, formun gidip gitmediğinden şüphe eder ve ikinci kez göndermeyi deneyebilir. Kısa bir teşekkür mesajı veya ayrı bir onay sayfası bu şüpheyi ortadan kaldırır.

Onay mesajında sonraki adımı da belirtirsiniz: ekibin ne zaman döneceğini, hangi kanaldan iletişime geçeceğini kısaca yazmak ziyaretçiyi rahatlatır. Bu küçük detay, formu dolduran kişinin markaya olan güvenini pekiştirir.

Bazı formlarda otomatik bir e-posta kopyası da gönder butonuna bağlı çalışır; ziyaretçi kendi gönderdiği bilgilerin bir kopyasını e-postasında görünce formun gerçekten işlendiğine dair ek bir güvence alır.

Form Tasarımını Test Etmenin Yolları Nelerdir?

Form tasarımı kararlarını tahminle değil, ölçerek doğrulamak daha güvenlidir. İki form sürümünü aynı anda farklı ziyaretçi gruplarına gösterdiğinizde, hangi sürümün daha çok tamamlandığını net biçimde görürsünüz.

Dönüşüm oranını hesaplamak için dönüşüm oranı hesaplama aracımızı, iki sürümü karşılaştırmak için A/B testi hesaplama aracımızı kullanabilirsiniz; sonuçları örnek senaryo olarak değerlendirip kendi verinizle teyit edin.

Formunuzu bir teklif veya randevu formuna dönüştürmek isterseniz randevu ve teklif formu tasarımı yazımıza bakabilirsiniz; orada form türüne göre alan sırasını inceliyoruz. Form tasarımı tek başına yeterli değildir, sayfanın genel dönüşüm odağı da önemlidir; bu konuyu dönüşüm odaklı web tasarımı yazımızda işliyoruz.

Test sonuçlarını not edin. Küçük bir tablo yeterlidir. Hangi sürümün hangi tarihte, ne kadar farkla kazandığını yazarsanız bir sonraki test için de referans noktanız olur.

Veri yoksa küçük bir deneyle başlayabilirsiniz. Tek bir alanı kaldırıp bir hafta izlersiniz. Fark görürseniz devam edersiniz, görmezseniz alanı geri getirirsiniz.

Yaptığınız Değişikliğin Karşılığını Nasıl Ölçersiniz?

Form tasarımına ayırdığınız zamanın karşılığını almak için önce bir başlangıç ölçümü yaparsınız; mevcut formun kaç ziyaretçiden kaç gönderim aldığını not edersiniz. Değişiklik sonrası aynı dönemi karşılaştırmak, iyileşmenin gerçek mi yoksa tesadüf mü olduğunu gösterir.

Trafik hacmi düşükse sonuçları yorumlarken acele etmemeniz gerekir; küçük bir örneklemde tek bir haftanın verisi yanıltıcı olabilir. En az birkaç haftalık veri biriktirdikten sonra karar vermek daha sağlam bir yoldur.

Ekibimiz form tasarımı projelerinde bu ölçümü kampanya raporuna da ekler; böylece reklam harcamasını ve form performansını aynı tabloda birlikte değerlendiririz.

Form Tasarımı İçin Kısa Kontrol Listesi

Yayına almadan önce aşağıdaki maddeleri gözden geçirmeniz çoğu yaygın hatayı önler.

  1. Zorunlu olmayan her alanı kaldırmayı veya görüşme sonrasına taşımayı deneyin.
  2. Zorunlu alanları tutarlı bir işaretle gösterin ve formun başında bunu açıklayın.
  3. Hata mesajını ilgili alanın yanında ve anlık olarak gösterin.
  4. Telefon ve e-posta alanına uygun giriş türünü tanımlayın.
  5. Gizlilik onay kutusunu gönder butonunun hemen üstüne, işaretsiz olarak koyun.
  6. Buton metnini eylem odaklı, örneğin "Teklif İste" biçiminde yazın.

Form Tasarımına Nereden Yardım Alabilirsiniz?

Form tasarımı kararlarını sitenizin geri kalanından ayrı düşünmemeniz gerekir; form, genel web tasarımının bir parçasıdır ve bütün sayfanın hızı, hiyerarşisi ve güven unsurlarıyla birlikte çalışır.

Ekibimiz mevcut formunuzu gözden geçirip somut öneriler sunabilir; web tasarım hizmetimize göz atarak kapsamı inceleyebilirsiniz. Her proje farklıdır, bu yüzden önerilerimiz her zaman sizin formunuzun verisine ve amacına göre değişir.

Küçük bir forma büyük bir bütçe ayırmanız gerekmez. Çoğu zaman alan sayısını azaltmak, etiketi netleştirmek ve hata mesajını düzeltmek, sıfırdan yeni bir form kurmaktan daha hızlı sonuç verir.

Formunuzu bu yazıdaki kontrol listesiyle kendiniz de gözden geçirebilirsiniz; ekibimizle görüşmeden önce bile birkaç maddeyi düzeltmeniz, sonraki görüşmeyi daha somut hale getirir.

Sıkça Sorulan Sorular

Bir iletişim veya teklif formunda kaç alan olmalıdır?
Çoğu iletişim veya teklif formu için dört ile altı alan yeterlidir: ad, e-posta, telefon ve kısa bir mesaj. Şirket büyüklüğü veya bütçe aralığı gibi detayları formdan çıkarıp görüşme sırasında sormak, formu bitirme oranını yükseltir. Alanı kaldırmadan önce bu bilginin ilk temas için gerçekten gerekli olup olmadığını sorgulayın; gerekli değilse formdan çıkarın.
Zorunlu alanları nasıl işaretlersiniz?
Her zorunlu alanın etiketine tutarlı bir yıldız işareti eklersiniz ve formun başına bu işaretin anlamını açıklayan kısa bir not yazarsınız. Renk tek başına yeterli değildir, çünkü renk körlüğü olan ya da ekran okuyucu kullanan bir ziyaretçi renk farkını fark etmeyebilir. Zorunlu olmayan alan azsa, tam tersi yöntemi de kullanabilirsiniz.
Hata mesajı ne zaman çıkmalıdır?
Hata mesajı, ziyaretçi alandan çıktığı anda, formu göndermeden önce çıkmalıdır. Bu sayede ziyaretçi hatayı formu bitirmeden fark eder ve gönder butonuna bastıktan sonra oluşan sürpriz hata sayısı azalır. Mesajı ilgili alanın yanında gösterin, sayfanın tepesinde tek bir uyarı listesi olarak değil.
Çok adımlı form mu, tek sayfa form mu daha iyi dönüşüm sağlar?
Kesin bir kazanan yoktur; cevap alan sayısına bağlıdır. Dört ile beş alanlık bir form genelde tek sayfada kalmalı, dokuz alanı geçen bir form adımlara bölünmelidir. Çok adımlı formda ilerleme çubuğu kullanın ve ilk adıma en kolay soruları koyun, böylece ziyaretçi akışa kolayca girer.
Mobilde telefon alanına hangi klavye çıkmalıdır?
Telefon alanına numara odaklı bir giriş türü tanımladığınızda tarayıcı otomatik olarak sayısal tuş takımını açar. Bu küçük ayar, ziyaretçinin harf klavyesinde numara tuşlarını aramasını önler ve mobil ziyaretçi sayısı yüksek sitelerde dönüşüm oranını belirgin biçimde yükseltir. E-posta alanına da e-posta odaklı giriş türü tanımlayın.
Gizlilik onay kutusu forma nereye konmalıdır?
Gizlilik onay kutusunu gönder butonunun hemen üstüne, açıkça görünür ve işaretsiz bir şekilde koyarsınız. Onay kutusu varsayılan olarak işaretli gelmemelidir; ziyaretçi kutuyu kendisi işaretlemelidir. Kutunun yanına kısa ve açık bir gizlilik politikası bağlantısı ekleyin, metnin tamamını forma sıkıştırmanız gerekmez; güncel metni mutlaka bir hukuk danışmanına teyit ettirin.
  • form tasarımı
  • web sitesi formu
  • dönüşüm oranı
  • iletişim formu
  • form optimizasyonu
  • mobil form
  • UX tasarımı
Paylaş:
Talha Aslan

Google Partner dijital pazarlama uzmanı. 2012’den beri SEO, Google Ads, web tasarım ve e-ticaret projelerinde sahada; bu blogda gördüğünüz her yazı o deneyimden çıkar.

Sıradaki proje

Projeniz için teklif alın.

Talebiniz doğrudan Talha Aslan ve ekibine ulaşır: stratejiyi Talha kurar, uygulamayı deneyimli ekip yürütür. Aynı gün dönüş yapar, kapsamı, takvimi ve tutarı yazılı teklifle 1 iş günü içinde göndeririz.