Birçok web sitesi bir form oluşturur, kullanıcıyı bekler ve en iyisini umar. Ancak dönüşüm eksikliğinden dolayı hayal kırıklığına uğrar. Formunuzun göz korkutucu, kafa karıştırıcı veya yeterince net olmaması gibi kolayca düzeltilebilir nedenlerinden dolayı son engelde umutları kaybetmek cesaret kırıcıdır. Sonuçta ziyaretçileriniz buraya kadar geldiler. Muhtemelen bu momentumu devam ettirmek için doğru yönde bir dürtüye ihtiyaçları var.

Size yardımcı olmak adına ilham almanız için gerçek hayattan örneklerle birlikte en iyi form uygulamalarının 7 tanesini bir araya getirdik.

En iyi uygulamaları birazdan inceleyeceğiz. Ama önce formlarınızın en başından itibaren dönüştürülmesini sağlayacak bazı ipuçları;

• Sadelik Anahtardır: İşleri fazla karmaşıklaştırmayın. Web sitesi ziyaretçileri formlara yabancı değiller bu yüzden olduğu gibi söyleyin. Yalnızca gerçekten ihtiyacınız olanı sorduğunuzdan emin olun.
• Formu Mantıksal Olarak Sıralayın: Ayrıntıları uygulamanın veya veritabanının perspektifinden değil, kullanıcının perspektifinden mantıklı bir şekilde sorun. Tipik olarak birinin adından önce adresini istemek olağandışı olur.
• Formlarınızı Özelleştirin: Markanızın renklerini, yazı tiplerini ve tanınabilir görselleri birleştirin böylece ziyaretçiler size ayrıntılarını rahatça aktarabilir.
• İnceleyin ve Optimize Edin: En şaşırtıcı ve yüksek performanslı formu hemen yaratmanız pek olası değildir. Çoğu zaman doğruyu bulmak biraz zaman alır. Bu nedenle sonuçlarınızı en üst düzeye çıkarmak için sürekli olarak farklı form türleriyle denemeler yapmak ve her öğeyi optimize etmek önemlidir.
• “Teşekkürler” demeyi unutmayın: Ziyaretçilerin e-posta adreslerini teslim etmeleri çok önemli. Ne de olsa gelen kutuları elimizde kalan kutsal alanlardan biri. Müşterilere teşekkür ederek ne kadar minnettar olduğunuzu bildirin.

İşte Formlarınız İçin 7 En İyi Uygulama Örneği 

1. Gerekli olmayan tüm alanları kaldırın

Girdi alanları, kullanıcıların bir form doldurmasını sağlayan şeydir. Her zaman “Az Daha Çoktur” teorisini hatırlayın. Form tasarlamaya gelince temel kural daha kısanın daha iyi olmasıdır. Bu nedenle alan sayısını mümkün olduğunca en aza indirin. 

Örneğin;

Expedia, rezervasyon formunda ek bir soru (şirket adı) sorarak yılda 12 milyon dolar kaybetti. Marketo ayrıca gerekli olmayan birkaç alanın olası satış başına maliyetlerini ~%25 oranında artırdığını da tespit etti. Formunuzdaki her ek alan potansiyel müşterinizi kaybetmenize sebep olabilmektedir.

2. Sütun tasarımında dikkatli olun

Bir form yatay olarak bitişik alanlara sahipse kullanıcının anlama hızını yavaşlatan ve tamamlama yolunu bulandıran bir Z düzeninde tarama yapması gerekir. Ancak bir form tek bir sütunda ise, tamamlamaya giden yol sayfanın aşağısındaki düz bir çizgidir.

Kullanıcıların bir formu hızlı bir şekilde taramasını istiyorsanız etiketleri alanların üzerine koyun. Göz sayfanın aşağısına doğru hareket edeceğinden mizanpajın taranması daha kolay olacaktır.

3. Kısa, öz ve açıklayıcı etiketler kullanın

Kullanıcıların formunuzu hızla tarayabilmesi için kısa, öz ve açıklayıcı etiketler (bir veya iki kelime) kullanın. Örnek vermek gerekirse Amazon’un kayıt formunun önceki sürümleri çok sayıda kelime içeriyordu ve bu da tamamlanma oranlarının yavaşlamasına neden oluyordu. Mevcut sürümün ise çok daha iyi ve kısa etiketlere sahip olduğunu gözlemlemekteyiz.

4. İnsanlara formunuzu kullanmaları için bir neden verin: 

Eylemler için “Gönder” gibi genel sözcüklerden kaçının çünkü bunlar formun kendisinin genel olduğu izlenimini verir. Bunun yerine “Hesap oluştur” veya “Haftalık tekliflere abone ol” gibi butonun tıklandığında hangi eylemi gerçekleştireceğini belirtin ve harekete geçirici mesajların yüksek kontrastlı olduğundan emin olun.

Harekete geçirici mesaj “Yapmak istiyorum…” cümlesini tamamlamalıdır. “Gönder” gibi sıkıcı harekete geçirici mesaj butonlarından kaçınılmalı ve kullanıcının formunuzu tamamladığında elde etmeyi umduğu ile eşleşen harekete geçirici mesajlarla değiştirilmelidir. 

İyi bir kural, “Yapmak istiyorum…” sorusuna kullanıcının bakış açısından cevap vermektir. Örneğin, ücretsiz bir danışma için bir sorgulama formuysa harekete geçirici mesaj ‘Ücretsiz Danışmanlığımı İste’ olabilir.

Bu çalışmada Unbounce, yalnızca “ücretsiz denemenizi başlat”ı “ücretsiz denememi başlat” olarak değiştirmenin bile harekete geçirici mesajın tıklamalarını %90 oranında arttırdığını bulmuştur.

Basit başka bir örnekte BettingExpert, form başlığını ve insanların neden kayıt olması gerektiğini vurgulamak için eylem çağrısını değiştirerek %31,54 daha fazla kayıt almıştır.

5. Sıfırlama butonundan kaçının!

Bu buton kullanıcılara nadiren yardımcı olmakta ve çoğu zaman onlara zarar vermektedir. 

Örneğin; 

Aşağıda UPS’in kayıt formunun bir ekran görüntüsü bulunmaktadır. Harekete geçirici mesaj sadece küçük olmakla kalmaz aynı zamanda bir sonraki düğme aynı zamanda bir ‘iptal’ düğmesinin hemen yanındadır ve bu düğme ‘sonraki’ düğmesine benzer bir şekilde tasarlanmış ve konumlandırılmıştır.

Girdiğiniz tüm bilgileri yanlışlıkla silme riski yeniden başlamak zorunda kalmanın küçük rahatlığından daha ağır basar. Çoğu kullanıcı sayfayı yenilemenin veya yalnızca bilgileri yeniden girmenin ve her şeye yeniden başlamalarını sağlayacağının farkındadır. Bu nedenle iptal veya reset butonlarından kaçınılmalıdır.

6. Özet kutular ile olası kullanıcı endişelerini giderin

Hangi endişelerin potansiyel müşterileri formunuzu doldurmaktan caydıracağını tahmin etmek genellikle kolaydır. Örneğin bir ziyaretçiden gerçekten bir şey sipariş etmiyorsa posta kodunu vermesini istemek rahatsız edici olabilir. Bu endişeleri belirli bilgilere olan ihtiyacı açıklayan özet kutuları veya form alanının isteğe bağlı olup olmadığını açıklayan ifadeler ile giderebilirsiniz.

7. Başarı veya Tamamlama Durumu Sağlayın

Web sitenizde ne tür mobil formlara sahip olursanız olun ziyaretçilerinize ve potansiyel müşterilerinize onlar üzerinde çalışırken mevcut ilerleme durumlarının, başarılarının veya tamamlamalarının hangi aşamada olduğunun bilgisini sağlamalısınız. 

Formlarınızın tasarımına ilham vermek ve bazı iyi fikirlerin yayılmasını sağlamak için burada verilen örnekleri kullanın.

Ancak unutmayın bir marka için iyi olan şey bir başkası için de işe yaramayabilir. Yapabileceğiniz en iyi şey siz ve benzersiz web sitesi ziyaretçileriniz için uygun bir formül bulana kadar formlarınızı denemeye ve ince ayar yapmaya devam etmektir. 

İlerleyen yazılarda görüşmek üzere 🙂