2020'de Web Form Tasarımının En İyi 10 Yapılması ve Yapılmaması Gerekenler

İletişim formu, bir web sitesinin en önemli bölümlerinden biridir. Dönüşümde daha fazla başarı görmek istiyorsanız, web form tasarımının yapılması ve yapılmaması gerekenleri bilmeniz gerekir. Sıkı durun çünkü formlarla ilgili yapmanız gereken tüm işlemleri açıklayacağım. Web formunuz için kullanıcı deneyimi, web sitenizin dönüşüm oranını artırmada hayati bir rol oynar. Bu nedenle, daha iyi kullanıcı deneyimi ve kullanıcı etkileşimi için web formunuzu çok iyi tasarlamanız gerekir.

Web tasarımı UX veya web tasarımı UI, web sitenize sırasıyla kullanıcı deneyimi ve kullanıcı etkileşimi anlamına gelir. Daha ayrıntılı olarak, UX, web formunuzun ne kadar kolay anlaşılır olabileceğine, yalnızca formunuzu bir bakışta görerek bir sonraki adımda ne yapacağınızı ne kadar kolay algılayabileceğinize vb. odaklanır. UI, net grafiklere, okunabilir metinlere, formu, vb.

Bugün, web formu tasarımınız için, kullanıcılarınızı formu doldurmaları için yönlendirmenize yardımcı olacak on yapmanız ve yapmamanız gerekenleri listeledik.

Web form tasarımınızda 10 doz

Web formları, müşterilerin gelecekte onlarla iletişim kurmak için bilgilerini kazanmanın anahtarıdır. Web formunuzu oluştururken hangi yolların yararlı veya etkisiz olabileceğini anlamanız gerekir. Renkleri, boyutları ve özellikleri gibi hemen hemen her şey çıktıyı etkiler. Web formu tasarımınıza uygulayabileceğiniz on dos'u görelim:

Uygun şekilde oluşturun

Form oluşturma sürecinin başında formunuzun tasarımına veya rengine acele etmeyin. Öncelikle, web sitenize ne tür bir form ekleyeceğinizi düşünmeniz gerekir. Formun amacı ve bu form aracılığıyla ziyaretçilerden ne alacağınız konusunda net olmalısınız. Web form türünüzle eşleşen, formunuza alanlar veya sütunlar eklemeniz gerekir. Formunuzu kullanıcılarınız için uygun hale getirin.

Web formunuza bazı gelişmiş seçenekler sağlayarak formunuza değer katabilirsiniz. Örnek olarak, Focus Lab web siteleri için bir iletişim formu oluşturmuştur. Bu formun başında kullanıcılardan bir alan seçmelerini isteyen bir seçenek vardır ve seçilen alana göre onları optimize edilmiş bir forma yönlendirir.

basit tut

Formunuzu her zaman basitleştirmeye çalışın. Herkes her gün kendi işiyle meşgul. Öyleyse neden çok fazla soru sorarak insanları rahatsız ediyorsun? Yalnızca sorgunuz için ihtiyaç duyduğunuz temel öğeleri ekleyin. Bir iletişim formunda, ziyaretçilerin adresini sormanıza gerek yoktur. Yalnızca adı, e-postayı ve soruyu sormak, bir iletişim formunda bilgi almanın akıllı yolu olacaktır. Web formunuza basit kelimeler kullanmak, ziyaretçilerinizin web sitenizde kalmasını ve formunuzu doğru doldurmasını sağlayabilir.

Net bir başlık yapın

Başlıklar, bir web formunun merkezi parçasıdır. Ziyaretçileriniz, formunuzun başlığını okuyarak formun ne hakkında olduğunu hemen anlamalıdır. Bu nedenle, her zaman formun en üstüne açık ve basit bir başlık eklemeye çalışın. Bir web sitesi, başlıklarını değiştirerek kaydolma yüzdesini %31,54'e çıkarır. Formunuzun başlığına göre karmaşık kelimeler koymayın veya insanların kafasını karıştırmayın.

Bir fatura formu oluşturmak istiyorsanız, "Fatura bilgileri" başlığını eklemeniz yeterlidir. Rastgele kelimeler, insanlarınızı hızlı bir şekilde yönlendirebilir.

Kolay bir soruyla başlamayı deneyin

İnsanlar web formlarını mümkün olan en kısa sürede doldurma eğilimindedir. Sevdikleri şeylere zaman ayırmaları muhtemeldir. Ancak, sorularınızı formun başında karmaşık hale getirirseniz, formunuzdan anında ayrılabilirler. Bu nedenle her zaman ad, e-posta, iletişim vb. gibi kolay sorgularla başlayın.

Listenin başında kredi kartı bilgilerini sorarsanız, formunuzun en başından zamanlarını boşa harcadığını ve başka bir web sitesine gitmek için zamanlarını boşa harcadığını düşünebilirler. Çözüm, formunuzu daha kolay zora devam ettirmektir.

Sorularınızı mantıklı bir şekilde sıralayın

Aniden bir soru kriterinden farklı bir soru tipine geçmek, ziyaretçilerinizin veya müşterilerinizin kafasını karıştırabilir. Sorgularınızı mantıklı bir şekilde zincirlemek önemlidir. Adını sormadan önce bir müşteri adresi sorarsanız, onlara garip gelir. İşletmenizin ve çalışanlarının profesyonel olmadığını yansıtır.

Sorularınızı bilinen sırayla düzenleyin. Her soru bir diğeriyle bağlantılı olmalıdır. Bir sonraki soru, bir öncekiyle sıraya gelmelidir. Ayrıca formunuzda kültürel farklılıkları korumaya çalışın. Mesela, bölgenize tarih koyarsanız, başka bir ülkenin ziyaretçilerini başka bir zaman görebilir. Bu yüzden bu tür şeyleri korumak da önemlidir.

Kopyala ve yapıştıra izin ver

İnsanlar bilgilerini çoğu zaman cep telefonlarından göndermektedir. Her seferinde aynı tür verileri yazmak onlar için can sıkıcıdır. Ayrıca hayal kırıklığına uğrarlar ve formu zaman alıcı buldukları için eksik bırakırlar.

Bu nedenle, kullanıcılarınızın bilgileri kopyalayıp yapıştırmalarına izin verin. Aynı zamanda meydana gelen hataların olasılığını da azaltır.

Otomatik doldurmaya izin ver

Otomatik doldurma tarayıcıları, e-posta, ad, adres vb. gibi önemli alanlarda hata riskini en aza indirir. Otomatik doldurma tarayıcısını eklerseniz, web formunun ⅓ bölümünü doldurmak mümkündür.

İnsanlar formunuzun zamandan tasarruf sağladığını fark ettiğinde ve seçenekleri hızla doldurabildiklerinde formunuzu tamamlamak isterler. Otomatik doldurma tarayıcı uzantısı ile hem alıcı hem de işletme sahipleri birbirleri arasındaki iletişimi kolayca yönetebilir.

Uzun biçim kullanırken ilerleme çubuğunu uygula

Uzun bir soru listesi içeren bir form hazırlarken, web form tasarımınızda bir ilerleme çubuğu denemelisiniz. Uzun liste soruları ziyaretçilerinizi kolayca sıkabilir. Sürecin hiç bitmediğini görebilirler. Dolayısıyla günümüzde web geliştiricileri bunun için bir çözüm buldu ve web formuna bir ilerleme çubuğu eklediler.

Kullanıcılarınız, kaç soru daha cevaplamaları gerektiği, doldurulan soru yüzdesi vb. işlemleri kolayca görebilirler. Bu şekilde formunuzu doldurmadan bırakma şansınız azalabilir.

Net bir CTA düğmesi ekleyin

Web formundaki CTA butonunuz açık olmalıdır. Net bir CTA düğmesi, web sayfanızdaki dönüşüm oranını artırmada önemli bir etkiye sahiptir. CTA düğmenizde kafa karıştırıcı kelimeler veya çok basit kelimeler kullanırsanız, insanlar formunuzu gönderdikten sonra ne alacaklarını anlamayacaktır. Bu nedenle, “gönder” veya “tamam” gibi kelimeler kullanmak yerine, form bir iletişim formu ise “bize ulaşın” seçeneğini kullanın. Soruşturma formu "temasla" veya müşterilerinizin geri bildirim fikrini veya formu göndermenin sonucunu alabileceği akılda kalıcı bir şey kullanın.

Web formu tasarımınızda kaliteli grafikleri koruyun

Büyüleyici bir kullanıcı arayüzüne sahip olmak, web sitenizin web formu için çok önemlidir. Formunuzun renklerinin, görsellerinin, çizelgelerinin, yazı tiplerinin kullanıcılarınız için iyi bir görselleştirmeye sahip olması gerektiğini unutmamalısınız. Kötü grafikler, kullanıcınızın gözünde zorluklara neden olabilir veya renk kontrastı nedeniyle bundan hoşlanmayabilir.
Ziyaretçileriniz bulanık efektler nedeniyle formunuzu göremiyorsa, ilk sorguyu yanıtlamadan hemen ayrılacakları açıktır.

Web form tasarımınızda yapılmaması gereken 10 şey

Bir web formu tasarlarken, hangi etkinliklerin kullanıcının deneyimini bozabileceğini ve nasıl iyileştirileceğini bilmek önemlidir. Ziyaretçileriniz iyi görünen bir web sitesinden daha fazlasını ister. Kullanıcıların ne istediğini umursamıyorsanız, küçük bir hata size çok pahalıya mal olabilir. Bu yüzden, bir sonraki mükemmel iletişim formunu oluştururken izlemeniz gereken on şey var.

insanlarınızı sıkmayın

Web formunuzun ilk görünümünün görünümü ve hissi, şirketiniz hakkında çok şey açıklar. Formunuzu ne çok duygusal yapın ne de soğuk yapın. Ziyaretçileriniz formunuzu görmekten korkmamalıdır. Yine de, form çekici değilse de sıkılabilirler.

Bu nedenle, tasarımı temiz ve eğlenceli tutmaya çalışın. İnsanların okumasını veya taramasını kolaylaştırın. Tasarımcı Christian Annyas, hem web sitesinin arka planında hem de web sitesinin yazı tipinde karanlık bir tema seçti. Sonuç olarak, içeriğini okumak zor ve ilk izlenimi de iyi değil.

Gereksiz sorular sormayın

Çoğu zaman, pek çok alakasız soru soran web siteleri olduğunu fark etmelisiniz. Örnek olarak, bir iletişim formu için sizden ulusal kart numaranızı istiyorlar. Bu tür önemsiz sorular, insanları bir web sayfasında uzun süre kalmaktan kolayca bıktırır.

Alakasız sorular sormayın. Bir şeyi bilmeniz gerekmiyorsa, eklemekten uzak durun çünkü zaman nakittir. Ve kullanıcılarınızın bu formu doldurmasını değil, bırakmasını istiyorsunuz.

CAPTCHA kullanmayın

CAPTCHA'nın insan varlığını test etmek için kullanıldığını hepimiz biliyoruz. Ama neden her seferinde kontrol etmemiz gerekiyor? Ziyaretçilerinizi siteye girmelerine izin vermeden inceliyorsunuz. CAPTCHA'yı kullanmak berbat bir süreçtir; diğer web sitelerine katıldığınızda da bundan hoşlanmıyorsunuz. Peki neden web siteniz için uyguluyorsunuz? Ve her gün ne kadar spam alıyorsunuz?

Bu nedenle, sizin ve ziyaretçilerinizin işini kolaylaştırmak için CAPTCHA kullanmamak her zaman daha iyidir. Sadece bunlardan kaçının; bunun yerine web sitenizin güvenliğini sağlamak için reCAPTCHA'yı kullanabilirsiniz.

Zor giriş alanları kullanmayın

Teknik veya aldatıcı kelimeler kullanmak, ziyaretçilerinizin web sitenizden ayrılmasına neden olabilir. Ve bu aynı zamanda işinizin profesyonel olmayan yönünü de yansıtıyor. Çok fazla alan eklemek, kullanıcıların kısa sürede anlaması ve tamamlaması için zaman alıcıdır.

Bu nedenle, daha iyi kullanıcı deneyimi için her zaman doğal alanlar yapın ve uygun gönderim zamanlamasını korumak için alanları mümkün olduğunca en aza indirin.

Güvenilirlik konusunda belirsizliği artırmayın

Birçok nedenden dolayı insanlar sizinle doğrudan iletişime geçemez. Bu yüzden onlar için tek seçenek sizinle çevrimiçi iletişim kurmaktır. Web formunuzu, insanların varlığınızı gerçekten hissedebilecekleri şekilde tasarlayın. Formunuzun ilk izlenimi bırakacak kadar zengin ve güvenilir olduğundan emin olun.

Sadece insanlardan bilgi istemeyin. Ayrıca, bilgilerinizi sağlayın ve insanların sorguları için alanları da koruyun. Birisi sizinle doğrudan iletişime geçmek isterse, çevrimiçi olmasanız bile çevrimiçi formu kullanarak sizinle hızlı bir şekilde iletişim kurabilir. Web formunuzun sizin yerinize ikame anlamına geldiğini kanıtlayın.

Formunuzu kullanılamaz hale getirmeyin

Formunuzun kullanılabilirlik yönüne odaklanın. Formda çok fazla koyu renk veya çok fazla renk kontrastı kullanmayın. Yazı tiplerini biçimler, boyutlar da ziyaretçilerinizi sitede tutmada önemlidir. Okunabilirlik, ziyaretçilerin var olması ve formu göndermesi açısından hayati bir rol oynar.

Insojourn isimli bir tasarım ajansı, formdaki alanları görmek isterseniz adeta gözünüze zarar verecek bir iletişim formu hazırladı. Alanları doldurmak çok uzak.

Kullanıcılarınızı formunuzun yüklenmesini bekletmeyin

Herkes her gün kendi işleriyle meşgul. İnsanların web formunuzda harcayacak fazla zamanı yok. Kolay elde edilebilecek ve kolayca gönderilebilecek formlar istiyorlar. Yavaş yükleme hızına sahip bir form yapmayın. Kullanıcılar formu yüklemek için beklemeleri gerektiğini anladıklarında, forma bir saniye bile ayırmazlar.

Bu nedenle, mükemmel bir kullanıcı arayüzü için geliştiricilerinizden her zaman hızlı bir form ve web sitesi geliştirmelerini isteyin.

Çoklu sütun kullanmayın

Formda çoklu sütun kullanmak, soruları hızlı bir şekilde anlamak zordur. İnsanların önce her bir öğeyi anlamaya, bunları yavaş yavaş gözden geçirmeye ve ardından alanları doldurmaya zaman ayırması pek olası değildir. Ve herkes bir cep telefonunda görevlerin çoğunu yapıyor. Web formunuzda çok sütunlu düzenler kullanıyorsanız, müşterilerinizin formu kısa sürede doldurması zordur.

Çoklu sütunlar gözleri belirsiz bir şekilde hareket ettirir. Özellikle uzun form gönderirken çok sütunlu mizanpajları seçmek yanlış bir seçim olacaktır.

Kişisel bilgi istemeyin

Her şeyden önce, insanlar sizden herhangi bir gerçek varlığı görmeden web sitenize güveniyorlar. O zaman insanlardan formunuzda kişisel bilgilerini vermelerini istiyorsunuz. Kulağa tuhaf gelmiyor mu? Onlardan isimlerini, e-postalarını isteyebilirsiniz, ancak numara istemek çok fazla olacaktır. Ancak bazı kişisel bilgilere ihtiyaç duymanız durumunda, her zaman neden ihtiyaç duyduğunuzu ve kullanıcılarınız sağladıkları takdirde bunun sonucunun ne olacağını formda belirtin.

Formunuzu test etmeyi unutmayınız.

Son olarak, web formunuzun doğru çalışıp çalışmadığını kontrol etmeyi unutmayın. Aksi takdirde, bazen formu web sitenizde başlatabilirsiniz, ancak kullanıcılar forma girdiğinde çalışmıyor. Formunuz işe yaramazsa, sizin veya işletmenizin kullanıcılarınıza karşı bilinçsizce tavır almasına yol açar. İnsanların sizi profesyonel olmayan bir çevrimiçi işletme sahibi olarak düşünmesine izin vermeyin. Bu nedenle, başlatmadan önce daima formunuzu test edin.

Son sözler

İletişim formunuz işinizi yansıtır. Web sitesi için bir form oluşturmak, müşterilerinizi dinlemenin en iyi yoludur. Bunu ciddiye alın ve web sitenize gelen insanları önemsiyormuş gibi yapın. Tabii yukarıda bahsettiğim yolların uyulması zor ve hızlı kurallar olduğunu iddia etmiyorum.

Bu gönderide tartışılan web formu tasarımının yapılması ve yapılmaması gerekenler, herhangi bir amaç için oluşturacağınız tüm formlar için en iyi uygulamalardır. Yine de, sektöre ve iş türüne göre iyileştirme için yer var. Formu bu kılavuza göre daha iyi hale getirin ve performansı izleyin.

Eğrinin yükseldiğini görürseniz, orada kalın. Öte yandan, olumlu sonuçlar beklediğiniz gibi gelmiyorsa daha fazla değişiklik yapın. Web formu tasarımında tek seferlik bir düzeltme bilgisi yoktur. Her zaman gelişir ve kullanıcıların ne istediğine dikkat etmelisiniz.

Son olarak, WP Fluent Forms gibi epik bir form oluşturma aracı stresinizi azaltabilir ve hayatı daha iyi hale getirebilir. Profesyoneli satın almaya hazır değilseniz, ücretsiz sürümü kullanmaya başlayın. Form oluşturma deneyiminiz hiç beklemediğiniz kadar tatlı olabilir.