İyi Bir Form Nasıl Yapılır (Formlarınızın İnsanları Korkutmadığından Emin Olun)

Yayınlanan: 2018-12-20

Formlar, insanların web sitenizde bir şeyler yapmasını nasıl sağladığınızdır. Ve kullandığınız form türü ne olursa olsun, insanların formu doldurması için formunuzun kullanımının kolay olduğundan emin olmanız gerekir.

Formlarınız kötü bir kullanıcı deneyimi yaşatıyorsa, insanlar bunları doldurmaz. Bu, hiçbir zaman müşteri olmamak üzere web sitenizden ayrıldıkları anlamına gelir - bunun nedeni form alanlarınızı biraz hantal biçimlendirmiş olmanızdır!

Bu, nasıl iyi bir form oluşturulacağını bilmeniz gerektiği anlamına gelir.

İyi form tasarımından hangi tür formlar yararlanır?

  • Potansiyel müşteri oluşturma formları — insanların e-posta listenize kaydolmasını veya ücretsiz bir teklif indirmesini istediğiniz zamanlar için
  • İletişim formları — insanların iletişim kurmasını istediğiniz zamanlar için
  • Kayıt formları — insanların hizmetinize veya etkinliğinize kaydolmasını istediğiniz zamanlar için
  • Oturum açma formları — insanların oturum açmasını kolaylaştırmak istediğiniz zamanlar için
  • Ödeme formları — insanların alışveriş sepetlerini terk etmemesini sağlamak istediğiniz zamanlar için
  • Genel e-posta yakalama formları —birinin e-posta adresini almanız gereken çeşitli zamanlar için

Ne yazık ki, orada bir sürü kötü form var.

Neyse ki, iyi bir UX ile basit, etkili bir form tasarlamak çok zor değil.

İşte iyi bir form nasıl yapılır.

İzlenecek form tasarım ilkeleri (iyi form tasarımının 4 C'si)

İyi bir form oluşturmanız gerektiğinde, iki şeye ihtiyacınız vardır:

  1. Alan etiketlerinin nereye yerleştirileceği ve alanların nasıl istifleneceği gibi basit en iyi uygulamalar
  2. İyi bir formun nasıl oluşturulacağını yöneten ilkeler

Diğer insanların zaten test etmiş olduğu şeylerden çok şey öğrenebilirsiniz ve birazdan form tasarlamanızı kolaylaştıracak bir dizi form tasarımı en iyi uygulamasını listeleyeceğim.

Ancak bazen test edilmemiş bir şey için bir form kullanmanız gerekir.

Veya herhangi bir nedenle form dolduran çoğu insandan farklı bir kitleyle çalışıyorsunuz.

Form tasarımının ilkelerini anlamak, size her koşulda iyi bir form oluşturmak için gerekli araçları sağlar.

[blog-subscribe başlık=”Bu form ilkelere uygundur” description=”Ve e-postanızı girdiğinizde, en iyi pazarlama tavsiyemizi içeren haftada 1 e-posta alacaksınız.”]

Böyle. Sık karşılaşılan kullanıcı deneyimi hatalarıyla başa çıkmanıza yardımcı olacak hızlı ve özel ipuçları şunlardır:

  • Etiketleri alan içinde kaybolan metinler olarak değil, alanlarınızın üzerine koyun . Aksi takdirde, biri yazmaya başladığında hangi bilgileri istediğinizi unutabilir.
  • Alanları ikiden fazla olduğunda dikey olarak yığınlayın. Dikey alanların taranması yatay olanlardan daha kolaydır.
  • Hangi alanların gerekli olduğunu açıkça belirtin. Yıldız işaretleri yaygındır (veya özellikle isteğe bağlı alanları arayabilirsiniz).
  • Bir form için 6'dan fazla seçenek varsa, bir açılır menüyü kullanın . 7 Kuralını hiç duydun mu? İnsanlar yaklaşık 7 öğeyi hatırlayabilir, bu nedenle bu sayıya veya daha fazlasına sahipseniz hepsini aynı anda radyo düğmeleri olarak göstermeyin.
  • Çok sayıda alanınız varsa çok adımlı formları kullanın ; bu, sürtünmeyi azaltabilir
  • Form alanlarınızı, beklediğiniz yanıtın uzunluğuna göre farklı boyutlarda yapın. Posta kodu formu, telefon numarası için bir defadan daha kısa olmalıdır.
  • Hata mesajlarınız varsa, satır içi doğrulama eklemek iyi bir fikir olabilir
  • Gönder düğmenizi "gönder" dedirmeyin. Etkileyici bir mikroskopla görsel olarak ayırt edici hale getirin.

Oli Gardner'dan kısa bir ipucu—iş e-postaları isteyin

Oli Gardner konuşuyor

Bazen insanlar, ister yorgun olsunlar, isterse açık talimatlar gibi, yapmaları istenen şeye çok dikkat ederler. Birkaç kez çalıştırdığım bir denemede, alan etiketini "İş E-posta Adresi" veya "İş E-posta Adresi" olarak değiştirerek daha fazla şirket markalı e-posta toplayabileceğinizi gördüm (ör. ad@gmail.com).

Bunun yararı, daha sonra e-posta pazarlaması yaparken, iletişimlerinizin, genellikle iş saatlerinde, iş kararları verirken iş gelen kutularına gitmesidir. Basit ama güçlü bir hack.”

– Oli Gardner, açılış sayfalarını oluşturmayı ve test etmeyi kolaylaştıran bir platform olan Unbounce'ın ünlü bir pazarlama konuşmacısı ve kurucu ortağıdır.

Ve sonra işte iyi formların arkasındaki ilkeler. Bunlar iyi form tasarımının dört C'sidir:

  1. Temizlemek
  2. Özlü
  3. Akıllı
  4. kooperatif

(Not: Bu 4 Cs modelini geliştirmek için Formulate ekibine teşekkür ederiz).

1. Net formların kullanımı daha kolaydır

Açık formlar insanları düşündürmez (ve bu iyi bir şeydir).

Beni Düşündürme kitabı Bunun web tasarımının incili gibi olmasının bir nedeni var (Amazon)

Açık bir forma sahip olmak ne anlama geliyor? Bu, web formlarınızı dolduran kişinin bunu mümkün olduğunca az çabayla yapması gerektiği anlamına gelir.

Zorunlu bir alan açıkça gerekli olmalıdır. Giriş alanları, hangi girişleri istediklerini açıkça belirtmelidir.

Uzun bir formunuz varsa, alanlar net bir şekilde etiketlenir ve mümkün olduğunca acısızdır.

Formlarınızdaki netlik çok önemlidir. Formunuzun herhangi bir kısmı kafa karıştırıcıysa, dönüşümleri kaybedersiniz!

Ve formunuzun herhangi bir bölümünü kastediyorum. Bu şunları içerir:

  • Hangi parçalar isteğe bağlı veya gerekli
  • Doldurmak için hangi bilgiler
  • Hangi form alanları hangi bilgilerle gider?
  • Form gönderildikten sonra ne olacak?
  • Neden ilk etapta formunuzu doldurmalılar!

Formunuz, insanların yasal olarak doldurması gereken (vergi belgeleri gibi) çılgınca yoğun bir şey değilse, insanların formunuzu doldurmasını istemeniz gerekir. Bu, iyi ve net bir katılım kopyası olan iyi ve net bir teklife ihtiyacınız olduğu anlamına gelir.

Ve bu, formunuzu mümkün olduğunca kolay ve acısız bir şekilde tamamlamak anlamına gelir.

Formunuzu tasarlarken şu soruları sorun:

  • Formun birinin yapmasını istediği şey açık mı?
  • Hangi bilgilerin istendiği açık mı?
  • Bilginin hangi formatı alması gerektiği açık mı?
  • Her bir bilgi parçasının nereye girilmesi gerektiği açık mı?
  • Bir hata varsa, hata mesajı nasıl düzeltileceğini söylüyor mu?
  • Bilgi girildikten sonra ne yapılacağı açık mı?

2. Kısa formlar daha fazla dönüşüm sağlar

Özlü, kısa demek değildir! Gereğinden fazla olmaması anlamına gelir.

Evet, kısa bir form genellikle uzun bir forma göre daha fazla dönüşüm alır. Ancak:

  1. Bazen uzun bir biçim aslında kısa bir biçimden daha iyi dönüştürür
  2. Bazen gerçekten daha fazla bilgiye ihtiyaç duyarsın
  3. Bazen yalnızca en çok ilgilenen kişilerin size ulaştığından emin olmak istersiniz.

Dönüşüm oranı optimizasyonu uzmanı Michael Aagaard, formunu üç alan kısalttığında, dönüşüm oranının artacağını düşündü.

Hayır. Dönüşümler %14 düştü.

daha iyi dönüştürülen uzun form "Sonuç? Dönüşümde %14 düşüş. İnsanların gerçekten etkileşim kurmak istediği tüm alanları kaldırdım ve yalnızca etkileşim kurmak istemedikleri berbat alanları bıraktım. Biraz aptalca." – Michael Aagaard, ConversionXL'de

Bazı form alanları, doğası gereği diğerlerinden (örneğin, "telefon numarası") (örneğin, "ad") daha fazla sorunludur.

Elbette, olası satışlarınız hakkında mümkün olduğunca fazla bilgi istersiniz. Bunu, insanların size vermeye istekli olduğu bilgilerle dengelemeniz yeterlidir.

Öte yandan, daha uzun bir form oluşturmak isteyebileceğiniz gerçekten iyi iki neden var:

  1. Potansiyel müşterileri müşterilere dönüştürmek için tüm bu bilgilere gerçekten ihtiyacınız var
  2. Çok sayıda web sitesi ziyaretçiniz var ve teklifiniz konusunda ciddi olmayan insanları korkutup kaçırmak istiyorsunuz.

Özellikle işletmelere satış yapıyorsanız, daha pahalı hizmetler sattığınızda uzun formlar daha yaygındır.

Formlarınız uzun olsa bile, yalnızca ihtiyacınız olan bilgileri istediğinizden emin olun.

Ve unutmayın; bitirmeyi daha kolay hissettirmek için uzun bir formu çok adımlı bir forma dönüştürebilirsiniz.

3. Akıllı formlar insanlara yardım eder

Zeki, formunuzda bir sürü kelime oyunu olması gerektiği anlamına gelmez. Daha önce yazdığımız gibi, açıklık zekadan daha önemlidir - en azından zeka "komik olmak" anlamına geldiğinde.

Bu bağlamda “zeki”, “akıllı” anlamına gelir. Akıllı formlar, alakasız adımlar atarak veya ziyaretçilerin yapması gereken adımları tamamlamasını kolaylaştırarak ziyaretçilerinizin bunları tamamlamasına yardımcı olacak kadar akıllı formlardır.

Bu adımlardan bazıları nelerdir?

  • Otomatik olarak tamamlanan form alanları; böylece ziyaretçileriniz bilgilerini daha hızlı doldurabilir
  • Halihazırda sahip olduğunuz bilgiler için form alanlarını gizleme
  • Ön koşul alanları doldurulana kadar form alanlarını gizleme
  • Bazı form alanları için yalnızca bazı girişleri kabul etmek (örneğin bir e-posta adresi @ içermelidir)

doldurma örneği Google, bilgilerinizi otomatik olarak doldurmanıza izin verir. Bu örnek (developers.google.com'dan), otomatik doldurmanın ne kadar hızlı olduğunu gösterir.

Formlarınızı daha akıllı hale getirmek, insanların formlarınızı göndermesini kolaylaştırır.

4. İşbirlikçi formlar insanları hayal kırıklığına uğratmaz

“Kooperatif” diğer üçünden daha genel bir ilkedir. Bir form işbirlikçiyse, bu, doldurmayı kolaylaştırmak için ziyaretçilerinizle birlikte çalıştığı anlamına gelir.

İşbirliği ilkesi, bir dizi en iyi uygulamayı içerir. Örneğin, işbirlikçi formlar:

  • Form doldurucunun forma yaklaştıklarında kullandığı zihinsel çerçeve ile çalışın
  • Terimleri tanımlayın ve gerektiğinde bağlam verin
  • Formu gönderen kişinin türüne aşina olacak terimleri kullanır
  • Hataları belirgin hale getirin ve bunları düzeltmek için adımlar verin
  • Girişlerde bazı küçük hataları barındırır (yazım hataları, çoklu biçimler)
  • Tüm form alanları için geçerli, doğru bir yanıtın mevcut olduğundan emin olun
  • Form doldurucunun gerçek inançlarını/durumunu/bilgilerini yansıtmayan “en uygun” yanıtları ortadan kaldırmak için geçerli yanıtları olan sorular sorar.
  • Form doldurucudan ne beklendiğini ve form doldurucunun formu doldurmaktan ne bekleyebileceğini netleştirin

Belirsizlik insanı mutsuz eder. Sinirli insanlar form doldurmazlar ve müşteri olmazlar.

Belirsizliğin etkileri üzerine yakın zamanda yapılan bir meta-analiz, karar vermeyi nasıl etkilediği hakkında bunu söylüyordu.

"Belirsizlik, günlük yaşamda genellikle kaçınılmazdır ve hem stresli hem de heyecan verici olabilir... Son araştırmalar, biyolojik organizmaların, dış dünyayla ilgili çıkarımları ve tahminleri optimize etmenin bir yolu olarak belirsizliği çözmeye ve en aza indirmeye ve nihayetinde hayatta kalma başarısını artırmaya çalıştığını göstermektedir."

Kafa karıştırıcı bir formla karşılaştığınızda, “belirsizliği çözmenin ve en aza indirmenin” en hızlı yolu nedir?

Formu doldurmamak!

Bu nedenle işbirlikçi formlar çok önemlidir; form dolduranların hüsrana uğramasını önlerler.

Ve daha fazla insanın formlarınızı doldurmasını sağlarlar.

Sonuç: İyi bir formdan sonra ne gelir?

İyi bir form, ziyaretçilerinizin işletmenizle etkileşiminin yalnızca başlangıcıdır.

İyi form tasarımı ve güçlü isteğe bağlı kopya, daha fazla kişinin formlarınızı göndermesini sağlayabilir. Bundan sonra, yeni müşteri adaylarınız ve abonelerinizle etkileşim kurmaya devam etmenin yollarına ihtiyacınız olacak.

İşte insanları meşgul etmenin birkaç yolu:

  • Onları özel bir teşekkür sayfasına gönderin. Özel bir teşekkür sayfası, insanları ilgilenebilecekleri daha fazla kaynağa yönlendirmenize (ve onları sitenizde tutmanıza) olanak tanır.
  • Bir sonraki gerekli adımı netleştirin. Onları arayacak mısın? Onay e-postası gönderilsin mi? Şu anda başka bir şey yapmaları gerekiyor mu? Bunu onlar için açık hale getirin.
  • Takip edin (bunu otomatikleştirebilirsiniz). Bir hoş geldiniz e-postası gönderin. Otomatik takibi tetikleyin. Katılım, form gönderildikten hemen sonra en yüksek düzeydedir; bu nedenle, ütü sıcakken vurun ve hemen uzanın.

Nasıl iyi bir form oluşturulacağını öğrenin. Bunu yapmak. Ardından, takip edin. Daha fazla ziyaretçinizi potansiyel müşterilere ve müşterilere dönüştürerek işinizi büyütün.