2020’de web formu tasarımlarının en iyi 10 önerisi ve yasakları
İletişim formu, bir web sitesinin en önemli bölümlerinden biridir. Dönüşümde daha fazla başarı görmek istiyorsanız, web formunun tasarımından ne olacağını ve yapılmaması gerektiğini bilmeniz gerekir. Sıkı tutun çünkü formla ilgili yapmanız gereken tüm eylemleri ortaya çıkaracağım. Web formunuz için kullanıcı deneyimi, web sitenizin dönüşüm seviyesini artırmada önemli bir rol oynar. Bu nedenle, kullanıcı deneyimi ve daha iyi kullanıcı etkileşimi için web formunuzu çok iyi tasarlamanız gerekir. UX Web Tasarımı veya UI Web Tasarımı, her biri web sitenize kullanıcı deneyimi ve kullanıcı etkileşimini ifade eder. Daha ayrıntılı olarak, UX, web formunuzun ne kadar kolay anlaşılabileceğine, sadece bir bakışta formunuza bakarak bir sonraki adımda ne yapacağınızı tespit edebileceğinize odaklanır. UI, net bir grafik, okunabilen metin, sizi şekil kullanmanın ne kadar kolay olduğunu, vb.
Bugün, kullanıcının formu tamamlamasına rehberlik etmenize yardımcı olacak web formunuzu tasarlamak için yapılması gereken ve yapılmaması gereken on şeyin bir listesini yaptık. Web formu tasarımınızda 10 dos
Alakalı hale getirmek, bir form yapma sürecinin başlangıcında formunuzu tasarlama veya renklendirme acelesi içinde olmayın. İlk olarak, 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 formunuzun türüne göre ayarlayın, ardından formunuza bir alan veya sütun eklemeniz gerekir. Formunuzu kullanıcınız için uygun oluşturun. Otel rezervasyonları için ilgili sorular, web formunuza birkaç gelişmiş seçenek sunarak formunuza değer katabilirsiniz. Örneğin, Focus Lab web siteleri için bir iletişim formu oluşturdu. Bu formun başlangıçta kullanıcılardan alanı seçmelerini isteyen bir seçeneği vardır ve seçilen alana uygun olarak bunları optimize edilmiş forma yönlendirir. Basit tutmak
İnsanlara kolay ve basit sorular sorun, formunuzu her zaman basitleştirmeye çalışır. Herkes her gün ilgili işleriyle meşgul. Öyleyse neden çok fazla soru sorarak insanları rahatsız ediyorsunuz? Sıranız için ihtiyacınız olan önemli bir öğe ekleyin. İletişim formunda, ziyaretçinin adresini sormanız gerekmez. Yalnızca isimler, e -postalar ve sorular sormak, iletişim formunda bilgi almanın akıllıca bir yolu olacaktır. Web formunuz için basit kelimeler kullanmak, ziyaretçilerinizi web sitenizde tutabilir ve formunuzu doğru bir şekilde doldurabilir. Net bir başlık oluştur
Açık bir başlık, web formunun ana kısmıdır. Ziyaretçinizin, formunuzun başlığını okuyarak formun ne olduğunu hemen anlamalıdır. Bu yüzden her zaman formun üstüne net ve basit bir başlık eklemeye çalışın. Bir web sitesi, kayıt yüzdesini unvanını değiştirerek% 31,54’e çıkarır. Karmaşık kelimeler girmeyin veya insanları formunuzun başlığı ile karıştırmayın. Bir faturalandırma formu oluşturmak istiyorsanız, “Fatura Bilgileri” başlığını ekleyin. Rastgele kelimeler insanlarınızı hızlı bir şekilde teşvik edebilir. Kolay sorularla başlamaya çalışın Başlangıçtan kolay sorular sorun, insanlar en kısa sürede web formlarını doldurma eğilimindedir. Zamanlarını sevdikleri şeyler için yatırma eğilimindedirler. Ancak sorunuzu formun başında karmaşık hale getirirseniz, derhal formunuzu bırakabilirler. Bu yüzden her zaman isimler, e -postalar, kişiler vb. Gibi kolay sorularla başlayın. Listenin en üstünde kredi kartlarının ayrıntılarını isterseniz, formunuzun başlangıçtan itibaren zaman kaybı olduğunu düşünebilirler, böylece başka bir web sitesine gideceklerdir. Çözüm, formunuzu daha kolay olana kadar sürdürmektir.
Sorularınızı mantıklı bir şekilde sıralayın Sorularınızı mantıklı bir şekilde sıralayın, bir soru kriterinden başka bir soruya atlayın, ziyaretçilerinizi veya müşterilerinizi karıştırabilir. Sorularınızı mantıklı bir şekilde bağlamak çok önemlidir. Adlarını sormadan önce müşterinin adresini sorarsanız, onlara garip görünüyor. Bu, işletmenizin ve halkının profesyonel olmadığını yansıtır. Sorunuzu bilinen bir sırayla ayarlayın. Her soru diğerlerine bağlanmalıdır. Bir sonraki soru önceki siparişe gelmelidir. Ayrıca, formunuzdaki kültürel farklılıkları korumaya çalışın. Bölgenizdeki tarihe girerseniz, belki bir dahaki sefere diğer ülkelerden ziyaretçileri gördüğünüzde. Bu nedenle bu tür şeyleri korumak da önemlidir. Kopyala ve yapıştırmaya izin verir
Kopyala ve yapıştırın, bilgilerini cep telefonlarından neredeyse her zaman gönderen kullanıcıların karmaşıklığını azaltmasına izin verin. Her rahatsız ettiğinde aynı tür verileri yazmak. Ayrıca sinirli hissettiler ve zaman alıcı olduğunu düşündükleri için eksik bir form bıraktılar. Bu yüzden, kullanıcınızın bilgileri kopyalayıp eklemesine izin verin. Bu aynı zamanda meydana gelen hataların olasılığını da azaltır. İçeriğe İzin Ver İziotomatik tarayıcının otomatik içeriği ile bilgi toplayın E -posta, isim, adres, vb. Gibi önemli alanlardaki hata riskini en aza indirir. İziotomatik tarayıcıyı eklerseniz, web formunu doldurabilirsiniz.
İnsanlar zamanını korumak için formunuzu bulduklarında ve seçeneği hızlı bir şekilde doldurabildiklerinde, formunuzu tamamlamak istiyorlar. İziotomatik tarayıcının uzantısı ile alıcılar ve işletme sahipleri birbirleriyle iletişimi kolayca yönetebilir. İlerleme çubuğunu uygulayın Uzun bir form için uzun bir ilerleme formu kullanırken, uzun bir soru listesine sahip bir form oluştururken, web formunuzun tasarımında ilerlemeyi denemeniz gerekir. Uzun liste soruları ziyaretçilerinizi kolayca sıkabilir. Sürecin hiç bitmediğini görebilirler. Yani, şu anda, web geliştiricileri buna bir çözüm buldular ve Web formuna ilerleme bıçaklarını eklediler. Kullanıcılarınız, süreci kaç soru cevaplamaları, doldurulmuş soruların yüzdesi vb. Gibi kolayca görebilir. Bu şekilde, formunuzu doldurmadan bırakma olasılığı azaltılabilir. Bir CTA Düğmesi Ekle Web formundaki CTA düğmenizi netleştiren CTA düğmesi açık olmalıdır. Web sayfanızdaki dönüşüm oranının artırılması üzerinde açıkça önemli bir etkisi olan CTA düğmesi. CTA düğmenizde kafa karıştırıcı kelimeler veya çok basit kelimeler kullanıyorsanız, insanlar formunuzu gönderdikten sonra ne alacaklarını anlamayacaktır. Yani, “Gönder” veya “Tamam” gibi kelimeleri kullanmak yerine, form bir iletişim formuysa “Bize Ulaşın” ı kullanın. Soru formu “iletişim” veya ilginç bir şey kullanıyorsa, müşteriniz bir geri bildirim fikri veya formu göndermenin sonuçları alabilir.
Büyüleyici bir kullanıcı arayüzünü koruma şeklinde grafiklerin kalitesini korumak için ANDACRY Web Formunun tasarımında iyi grafik kalitesini koruyun Web siteniz web formu için çok önemlidir. Renkler, resimler, grafikler, yazı tipi formları kullanıcılarınız için iyi bir görselleştirmeye sahip olmanız gerektiğini hatırlamanız gerekir. Kötü grafikler kullanıcınızın gözünde zorluklara neden olabilir veya renk kontrastları nedeniyle beğenmeyebilirler. Ziyaretçileriniz bulanık etki nedeniyle formunuzu göremezlerse, ilk soruyu cevaplamadan hemen ayrılırlar. Web formu tasarımınızda 10 Yasak
İletişim formlarının yasaklanması Web formları tasarlarken, hangi etkinliklerin kullanıcının deneyimine zarar verebileceğini ve nasıl geliştirileceğini bulmak önemlidir. Ziyaretçileriniz iyi görünen bir web sitesinden daha fazlasını istiyor. Kullanıcının ne istediğini umursamıyorsanız, küçük hatalar size zarar verebilir … Yani, bir sonraki mükemmel iletişim formunu oluştururken takip etmemeniz gereken on şey. İnsanları sıkma İnsanları rastgele sorulardan sıkılmayın ve web formunuzun ilk görünümünün nüansları şirketiniz hakkında birçok şeyi açıklar. Formunuzu çok duygusal hale getirmeyin veya soğutmayın. Ziyaretçilerinizin formunuza bakarak korkmasına gerek yoktur. Aslında, şekil çekici değilse de sıkılmış olabilirler. 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 Anyas, hem web sitesinin hem de web sitesinin yazı tiplerinde karanlık bir tema seçti. Sonuç olarak, içeriğini okumak zordur ve ilk izlenim de iyi değildir. Gereksiz sorulardan sık sık kaçınmayan sorular sormayın, çok fazla alakasız soru soran web siteleri olduğunu fark etmelisiniz. Örneğin, iletişim formları için ulusal kart numaranızı sorarlar. Bunun gibi gereksiz sorular, insanları uzun süre bir web sayfasında kalmak için kolayca hayal kırıklığına uğratır. İlgisiz sorular sormayın. Bir şey bilmenize gerek yoksa, zaman para olduğu için eklemekten kaçının. Ve kullanıcılarınızın formu doldurmasını istersiniz, görmezden gelmez. Captcha kullanmayın
Captcha’nın kullanımını görmezden gelin, Captcha’nın insan varlığını test etmek için kullanıldığını biliyoruz. Ama neden her zaman kontrol etmemiz gerekiyor? Ziyaretçilerinizi web sitesine gitmelerine izin vermeden kontrol edersiniz. Captcha kullanmak kötü bir süreçtir; Diğer web sitelerine katıldığınızda da hoşunuza gitmezsiniz. Öyleyse neden web sitenize uyguluyorsunuz? Ve her gün ne kadar spam alıyorsunuz? Bu nedenle, siz ve ziyaretçileriniz için kolaylaştırmak için Captcha’yı kullanmamak her zaman daha iyidir. Sadece bundan kaçının; Bunun yerine, web sitenizin güvenliğini korumak için Recaptcha’yı kullanabilirsiniz. Teknik veya karmaşık kelimeler kullanan kişiler tarafından anlaşılmayan sorulardan kaçınılması zor olan giriş sütunu kullanmayın, ziyaretçilerinizin web sitenizden ayrılmasına neden olabilir. Bu aynı zamanda işletmenizin profesyonel olmayan yönlerini de yansıtmaktadır. Çok fazla alan eklemek, kullanıcıların bunu kısa sürede anlamaları ve tamamlamaları için zaman alır. Bu nedenle, her zaman daha iyi kullanıcı deneyimi için doğal bir alan oluşturun ve doğru teslimat süresini korumak için mümkün olduğunca çok alanı en aza indirin. Güvenilirlikte belirsizliği artırmayın Formunuzdaki güvenilirliğin çeşitli nedenlerden dolayı emin olun, insanlar sizinle doğrudan iletişime geçemez. Yani, onlar için tek seçenek sizinle çevrimiçi iletişim kurmaktır. Web formunuzu, insanlar nerede olduğunuzu gerçekten hissedebilecek şekilde tasarlayın. Formunuzun ilk ve güvenilir bir izlenim bırakacak kadar zengin olduğundan emin olun. Sadece insanlar hakkında bilgi istemeyin. Ayrıca, bilgilerinizi sağlayın ve insanların sorguları için de bir alan tutun. Birisi doğrudan sizinle iletişim kurmak istiyorsa, çevrimiçi olmasanız bile çevrimiçi formu kullanarak sizinle hızlı bir şekilde iletişim kurabilir. Web formunuzun değiştirdiğiniz anlamına geldiğini kanıtlayın. Formunuzun, koyu renkleri kullanmaktan kaçınmak için kullanılamaz, formunuzun kullanımının yönlerine odaklanır. Çok fazla koyu renk veya çok fazla renk kontrast kullanmayın. Yazı tipi şekli, boyut, ziyaretçilerinizi siteye tutmak için de önemlidir. Okunabilirlik, ziyaretçilerin var olmasını ve formları göndermesi şeklinde önemli bir rol oynar. Insourjurn adlı bir tasarım ajansı, alanları formda görmek istiyorsanız neredeyse gözlerinize zarar verecek bir iletişim formu oluşturur. Alanı doldurmak için çok uzak. Form yüklemenizi bekleyen kullanıcınızı bekletmeyin
Formunuzu yükleme süresini azaltın Herkesin her gün ilgili görevleriyle meşgul olduğu. İnsanların web formunuzda harcayacak çok fazla zamanı yok. Elde edilmesi kolay ve kolayca gönderilen bir form istiyorlar. Yavaş yükleme hızına sahip bir form yapmayın. Kullanıcılar formu yüklemek için beklemek zorunda olduklarını fark ettiklerinde, forma bir saniye yatırım yapmayacaklar. Bu nedenle, olağanüstü kullanıcı arayüzleri için, geliştiricilerinizden daima yüksek hızda formlar ve web siteleri geliştirmelerini isteyin. Soruları hızlı bir şekilde anlamak için zorluk şeklinde multi-sütun kullanarak çoklu sütun kullanmaktan kaçınmak için çok renk A kullanmayın. İnsanlar önce her bir öğeyi anlamak, yavaşça öğrenmek ve daha sonra tarlalarını doldurmak için zamanlarını yatıramazlar. Ve herkes cep telefonlarındaki görevlerin çoğunu yapıyor. Web formunuzda çok sütunlu bir düzen kullanıyorsanız, müşterinizin formu kısa sürede tamamlaması zordur. Çok sütun gözleri belirsiz bir şekilde hareket ettirir. Özellikle çok sütunlu bir düzen seçmek için uzun bir form gönderirken yanlış seçim olacaktır. Kişisel bilgi istemeyin
Önce kişisel bilgileri sormaktan kaçının, insanlar sizden görülen gerçek varlık olmadan web sitenize güvenir.Sonra insanlardan kişisel bilgilerini formunuzda vermelerini istersiniz.Bu kulağa garip gelmiyor mu?İsimlerini sorabilir, e -posta gönderebilirsiniz, ancak çok fazla sayı isteyebilirsiniz.Ancak bazı kişisel bilgilere ihtiyacınız varsa, her zaman neden ihtiyacınız olan formda ve kullanıcılarınız için ne sonuçları verirlerse belirtin.Formunuzu test etmeyi unutmayın. A/B’yi son olarak test etmeyi deneyin, ancak en az değil, web formlarınızı doğru şekilde kontrol etmeyi unutmayın. Değilse, bazen web sitenizde bir form başlatabilirsiniz, ancak kullanıcı girdiğinde form çalışmaz. Formunuz çalışmıyorsa, bilinçsiz tutumunuza veya işletmenize kullanıcınıza yol açar. İnsanların sizi profesyonel olmayan bir çevrimiçi işletme sahibi olarak düşünmelerine izin vermeyin. Bu nedenle, başlatmadan önce formunuzu daima test edin. İletişim formunuzun son kelimeleri işletmenizi yansıtır. Web siteleri için formlar oluşturma, müşterilerinizi dinlemenin en iyi yoludur. Ciddiye alın ve web sitenize gelen insanları önemsediğiniz anlamına gelir. Tabii ki, yukarıda belirtilen yolların zor ve hızlı kurallar olduğunu iddia etmiyorum. Bu yazıda tartışılan web formu tasarımının önerileri ve yasaklanması, herhangi bir amaç için yapacağınız tüm formlar için en iyi uygulamadır. Bununla birlikte, endüstri ve iş türüne dayalı olarak iyileştirme için hala yer vardır. Bu kılavuza göre formu daha iyi hale getirin ve performans izleyin. Yükselen eğriyi görürseniz, orada kalın. Öte yandan, olumlu sonuçlar beklediğiniz gibi gelmezse daha fazla değişiklik yapın. Web formu tasarımında bir kez iyileştirme bilgisi yoktur. Her zaman gelişir ve kullanıcının ne istediğini izlemelisiniz. Son olarak, WP akıcı formlar gibi destansı bir form üreticisi stresinizi rahatlatabilir ve hayatı daha iyi hale getirebilir. Bir profesyonel satın almaya hazır değilseniz, ücretsiz bir sürümle başlayın.
