Form Sihirbazı Modülü

Her ihtiyaca uygun formu oluşturmanızı mümkün kılan modülümüzü kulanmaya başlayın. Örn: iletişim formu, ik formu, sipariş formu v.b. Tüm BulutPress® web tasarım modülleri gibi, form modülü de her bir web sitesi için gereklidir. Form modülü aslında bir form sihirbazıdır. Web sitenizin dilediğiniz sayfasında istediğiniz konuma ekleyeceğiniz form, sizin belirleyeceğiniz bir mail adresine Amazon Web Services tarafından sunulan güçlü "SES" (simple email service) servisi ile ulaştırılır.

Formdaki her satıra kaç soru geleceğini seçebilir ve görünümünü dilediğiniz gibi özelleştirebilirsiniz.

BulutPress® form modülü çok gelişmiş spam koruma teknolojisine sahiptir ve reCaptcha gibi (ben robot değilim) uygulamalarına ihtiyaç duymazsınız. Size, gerçek insanlar tarafından doldurulan gerçek mailler ulaşır.

Gelen formlar tamamen beyaz etiket sistemi ile gelir. Yani müşterinize ulaşan her türden form maillerinin üzerinde sizin logonuz ve en altta da sizin ünvanınız yer alır.

Formlarda ziyaretçinin ip adresi, form gönderim tarihi ve formun toplamda kaç defa gönderildiği bilgileri yer alır.

Gelen form üzerindeki düzenle düğmesine tıklayarak doğrudan yönetim panelinde ilgili formun düzenleme ekranına gidebilir ve formunuzda kolayca değişiklikler yapabilirsiniz.

Form modülünün ilk satırına ziyaretçinizin yazdığı bilgi, mail adresinize gelen konu başlığında otomatik olarak yer alır. Bu sayede gelen formlarınızı çeşitli filtrelerden geçirerek farklı klasörlere kaydedebilir ya da farklı adreslere yönlendirebilirsiniz.

https://www.youtube.com/watch?v=lvL10qz8uAg

Bonus: Otomatik Tamamlama ve Placeholder (Yardımcı) Özellikleri

BulutPress® ile hazırlayacağınız formlarda her bir soru için ayrı ayrı tür belirleyebilirsiniz. Yeni HTML form türleri ve özellikleri eklendiği sürece biz de yazılıma bunları eklemeye devam edeceğiz.

Placeholder özelliği ile form kutuları içinde ön tanımlı değerler oluşturabilir ve ziyaretçilerinize hangi formatta içerik ekleyebileceklerini gösterebilirsiniz.

Otomatik tamamlama özelliği ise her bir form türüne göre ayrı ayrı seçebileceğiniz otomatik tamamlama seçeneği sunar. Eğer ziyaretçiniz form alanında kendi ismini dolduracaksa otomatik tamamlama özelliği isim önerirken, adresini yazmak istediğinde ise kullanıcının tarayıcısı, kullanıcının daha önce bellekte kayıtlı olan adresini önerecektir.

https://www.youtube.com/watch?v=5huopd8MIh8

Ziyaretçiyi Yönlendirme Adresi

Form başarıyla gönderilirse, ziyaretçinizi dilediğiniz bir sayfaya yönlendirebilirsiniz. Bu alanı boş bırakırsanız ziyaretçiniz formu gönderdiği sayfada kalır ve form gönderim sonucu için önceden yazıdğınız metni görür. Örnek URL: /siparis-alindi

BulutPress Formlarına Zorunlu Onaylama Bağlantıları Ekleme

Kişisel verileri koruma kanununa uygun olarak, BulutPress® web sitenizdeki formlara, ziyaretçilerin zorunlu olarak onaylaması gereken bağlantılar oluşturabilirsiniz.

Web Sitemde Bulunan Formlara reCAPTCHA Nasıl Eklerim?

Web sitenizin formlarında reCAPTCHA veya "basit sorulardan oluşan" (Örneğin: alfabenin ilk harfini yazınız veya 2+1 kaç eder gibi) eklentiler kullanmanın amacı, bot yazılımların web sitenizdeki formları yapay olarak doldurarak spam gönderim yapmalarını engellemek ve formun bir insan tarafından doldurulduğunu kanıtlamak için kullanılır. Bazı botlar alfabenin ilk harfini sorduğunuzu anlayabilir ve spam koruması için basit bir yoldur. Bu durumda reCAPTCHA daha gelişmiş bir yöntemdir.

Ancak,

BulutPress® içerik yönetim sistemi ile oluşturulan formlar, dünyanın en gelişmiş spam koruma teknolojilerinden birine sahiptir ve botlar gezerken sitenize uğrayıp formu doldurup gönderemezler. Aslında formu doldurabilirler ancak gönderemezler demek daha doğru olur.

Mutlaka bir insan tarafından elle doldurulup gönder tuşuna basılması gerekir. Bu sebeple formlarımızda reCAPTCHA ve benzeri türde uygulamalara gerek duyulmamaktadır.

Elbette bir insan isterse formu doldurarak spam gönderebilir ancak bu davranışı re-capthca uygulaması da engelleyemez. Bizim çözümümüz otomatik yazılımlara karşı geliştirilmiştir.

Form Özelliklerini İyileştirdik

Mail adresinize gelen formlar artık mobil uyumlu ve göndercinin ip adresi üzerinden bulunduğu şehri görebilirsiniz.

E-posta adresinize gelen formlar artık daha şık ve anlaşılır bir görünüme sahip olacak. Ayrıca gelen form üzerinde IP adresine tıklayarak formun hangi şehirden doldurulduğunu görebilir ve formu düzenle bağlantısına tıklayarak doğrudan yönetim panelinde oturum açıp form tercihlerini kolayca değiştirebilirsiniz.

Aşağıdaki görselde, ziyaretçi tarafından gönderilen form için bir bir örnek görüyorsunuz:

Form Ux: Kullanıcı Dostu Form Nasıl Tasarlanır?

Sık ziyaret ettiğiniz bir web sitesini düşünün; bu sitenin genel işlevselliği nasıldır? Sayfaların yüklenmesi ne kadar sürer? Site navigasyonunun kullanımı kolay mı? Aradığınız bilgiye hızlı bir şekilde ulaşabiliyor musunuz? Bunların hepsi bir web sitesinin kullanıcı deneyiminin (UX) yönleridir.

UX, erişilebilirlik, kullanım kolaylığı ve rahatlık açısından web formlarınız da dahil olmak üzere web sitenizin her bölümü için geçerlidir. Harika bir kullanıcı deneyimine sahip çevrimiçi bir form, ziyaretçilerinizin çalışması için kolaydır, anlaşılması kolaydır ve profesyonel hissettirir. Formunuz bu faktörlerin tümüne sahip olduğunda, dönüşüm sayınızda bir artış görmeniz olasıdır. Bu nedenle, formunuzun kullanıcı deneyimini doğru bir şekilde elde etmek işletmeniz için çok önemlidir.

Form Ux Nedir?

Web formu kullanıcı deneyimi, site ziyaretçilerinizin formunuzun her yönüyle nasıl etkileşime girdiğine odaklanma sürecidir. Başarılı form kullanıcı deneyimi, formunuzun kullanımının kolay, erişilebilir, kullanışlı ve profesyonel olmasını sağlar ve karşılığında dönüşümleri artırmanıza yardımcı olur.

Form Ux Neden Önemlidir?

Bir web formunun amacı, ister bir e-posta adresi, ister nakliye ve ödeme detayları olsun, ziyaretçinizden belirli kişisel bilgileri toplamaktır. Ancak, bilgilerini listelemeleri istenen form kullanımı zor, anlaşılması zor veya görsel olarak çekici değilse, bir ziyaretçi neden sizinle herhangi bir türde işi dönüştürmek ve yürütmek istesin? Basit cevap… yapmazlardı.

Fantastik ve akılda kalıcı bir form tasarımı elde etmeye çalışırken dikkate alınması gereken harika UX ve unsurlara giren bir dizi faktör vardır. Form UX önemlidir, çünkü ziyaretçileriniz üzerinde iyi ve kalıcı bir izlenim bırakmak, sitenizdeyken onlar için olumlu bir deneyim yaratmak ve daha fazla olası müşteriyi dönüştürmek istiyorsunuz.

UX, web formunuzun erişilebilirlik düzeyini bu, formlarınızın çeşitli geçmişlere sahip birçok insan türü tarafından ne kadar kolay tamamlanıp gönderilebileceğini ifade eder. Bir kişinin hedefine ne kadar kolay ulaşabileceğini ifade eden, kullanılabilirliği etkiler. Harika bir kullanıcı deneyimi olmadan, yalnızca zayıf erişilebilirliğe ve kullanılabilirliğe sahip olmakla kalmaz, aynı zamanda dönüşümleri de kaybedersiniz.

10 Form Ux Yönergesi ve İzlenecek Harika Örnekler

Kullanıcı deneyimini geliştirmenize yardımcı olması için formlarınıza uygulayabileceğiniz aşağıdaki yönergeler listesini derledik. Her kılavuz, kendi siteniz için başarılı ve özenle tasarlanmış web formları oluşturmanıza yardımcı olmak için takip edebileceğiniz ve öğrenebileceğiniz bir örnek de içerir.

1. Otomatik Doldurmayı ve Otomatik Düzeltmeyi Etkinleştirin

Otomatik doldurma, daha önce sitede veya tarayıcıda sağlanan ad ve e-posta gibi ortak özniteliklere veya yanıtlara dayalı olarak form alanlarını doldurur veya tamamlar.

Otomatik düzeltme, ziyaretçilerin yanlışlıkla alanlara girmeye çalışabilecekleri geçersiz yanıtları düzeltir veya düzeltir. Örneğin, birisi formunuza yanlış posta kodunu girerse, form, kişinin verdiği konuma veya daha önce göndermiş olduğu diğer bilgilere göre bu hatayı önerebilir veya düzeltebilir.

Otomatik doldurma ve otomatik düzeltme, form tamamlama sürecini basitleştirdikleri için kullanıcı deneyimini geliştiren iki özelliktir. Bu özellikleri etkinleştirerek, yalnızca geçerli bilgilerin gönderilmesini sağlamakla kalmıyor, aynı zamanda ziyaretçilerinize zaman kazandırıyor, form doldurma sürecini kolaylaştırıyor ve mümkün olduğunca verimli ve doğru kalmalarına yardımcı oluyorsunuz.

2. Tüm Tüyleri Hariç Tutun

Kesinlikle gerekli olmayan kelimeler, resimler, alanlar veya karakterler gibi tüm "tüyleri" hariç tutarak formunuzu mümkün olduğunca basit, kolay ve anlaşılır tutun. Gereksiz tüm bilgileri hariç tutarak formunuzun kullanıcı deneyimini birkaç nedenden dolayı geliştirirsiniz. İlk olarak, ziyaretçileriniz için çok fazla bilgiye sahip olmaktan kaynaklanabilecek kafa karışıklıklarını ortadan kaldırır. İkincisi, kullanıcılar bilgilerini kaydırma veya neyin önemli olduğunu belirlemeye çalışma gibi daha az sürtüşmeyle gönderebilirler.

3. Formu Tek Sütunda Düzenleyin

Form alanı düzeniniz, birden çok alanı aynı satıra veya çeşitli konumlara yerleştirmek yerine tek bir sütunda düzenlenmelidir. Ziyaretçileriniz gerekli tüm alanları kolayca görecek ve form üzerinde bu şekilde çalışmayı seçerlerse bir sonraki açık kutuya sekmeyle gitme olanağına sahip olacaktır.

Başarılı UX'in önemli bir yönü kullanım kolaylığıdır. Tüm form alanlarınızı tek bir sütunda düzenleyerek, ziyaretçileriniz formunuzda kolaylıkla ve doğal bir şekilde dolaşabilecektir. Bulutpress form modülünde istediğiniz kadar sütun kullanabilirsiniz.

4. Mobil Dostu Bir Tasarımı Unutmayın

Bu günlerde, sitelere göz atan, yeni hesaplar için kaydolan ve bir akıllı telefon veya tabletten ürün satın alan kişilerin sayısı nedeniyle web formlarınızın mobil uyumlu bir tasarıma sahip olması çok önemlidir. Mobil uyumlu bir tasarım olmadan formunuz bu cihazlardan birine sığmaz veya iyi çalışmaz. BulutPress® form modülü tamamen mobil uyumludur.

Mükemmel UX, ziyaretçileriniz için uçtan uca kaliteli bir deneyim anlamına gelir. Bu, ziyaretçilerinizin hangi cihazı kullanırlarsa kullansınlar web sitenizle tutarlı ve olumlu etkileşimlere sahip olmaları gerektiği anlamına gelir. Mobil uyumlu bir tasarım olmadan, formlarınız kullanıcı deneyimini geliştirmenize veya dönüşümleri artırmanıza yardımcı olmaz. Kaç kişinin bir mobil cihaz taşıdığını ve bu akıllı telefon veya tablet aracılığıyla web'de sürekli olarak gezindiğini göz önünde bulundurarak, bu, işletmeniz için yıkıcı bir kayıp olma potansiyeline sahiptir.

5. Girdi Kısıtlamaları Sağlayın

Sitenizde uzun biçimli bir metin giriş kutusu olan bir formunuz varsa (ziyaretçilerinizden kısa bir yanıt veya paragraf yanıtı almanız gerektiği anlamına gelir), giriş kısıtlamaları eklemelisiniz. Bu kısıtlamalar, ziyaretçilerin belirli bir kelime sayısının veya sınırının üzerinde yazmasını engeller. Bu yararlı bir özelliktir çünkü ziyaretçilerinize parametreler sağlar. Ayrıca sizin ve işletmenizin birkaç paragraf uzunluğundaki yanıtları baştan sona okuma zorunluluğunu ortadan kaldırır.

Girdi kısıtlamaları, ziyaretçilere onları verimli tutan yönergeler sağladıkları için kullanıcı deneyimini geliştirir. Ziyaretçilerinizin kendilerinden tam olarak ne beklendiğini, sizinle ne kadar bilgi paylaşmaları gerektiğini bilmelerini sağlar ve uzun, gereksiz bir yanıt yazarak zaman kaybetmelerini engeller.

6. Gerektiğinde Çok Adımlı Formlar Kullanın

Çok adımlı formlar, birçoğu kategorilere ayrılabilen ("kişisel", "nakliye", "faturalandırma" ve "ödeme incelemesi") birden çok form alanının olduğu durumlarda kullanılır. Bir ziyaretçinin hedefine ulaşmasını (formu tamamlama ve gönderme) kolaylaştırarak bir formun kullanılabilirliğini artırdıkları için UX'i geliştirirler. Çok adımlı bir formla, alanlarınızı her biri ayrı web sayfalarında olacak şekilde birkaç kısa forma ayırırsınız. Form alanlarınızı düzenlemenize ve formun kullanıcı için daha kolay yönetilebilir görünmesine yardımcı olurlar.

7. Net ve Açık Eylem Düğmeleri Sağlayın

Eylem düğmeleri, ziyaretçilerinizin çok adımlı bir formun bir sonraki bölümüne geçmek veya onu göndermek için tıkladıkları düğmelerdir. Söylemeye gerek yok, bunlar web formunuzun kritik bir parçası ve bu yüzden parlak, cesur ve bariz olduklarından emin olmanız gerekiyor.

Bariz ve anlaşılır işlem düğmeleri, bir formun erişilebilirliğini artırır çünkü bunlar evrensel olarak bir form hakkında bilgi gönderme yolu olarak kabul edilir. Ayrıca, görmeleri çok kolay olduklarından, bilgilerini göndermeye gittiklerinde ziyaretçinizin kafasını karıştırmaktan kaçınmış olursunuz.

8. Satır İçi Alan Etiketleri Oluşturun

Satır içi form alanı etiketleri (placeholder), alanların içinde bulunan form alanı etiketleridir. Formunuzun şık ve temiz görünmesini sağlarlar. Etiketleri alanlarınızla aynı hizaya yerleştirmek, ziyaretçileriniz için alanlarınızı adlandırmanın en düşünceli yoludur — bunu yapmak, formunuzun kullanım kolaylığını artırır, çünkü hangi etiketin hangi alana ait olduğu konusunda hiçbir soru yoktur.

9. Satır İçi Hata Mesajları Ekleyin

Artık satır içi form alanlarının ne olduğunu bildiğinize göre, muhtemelen satır içi hata mesajlarının ne olduğunu tahmin edebilirsiniz — sorunu bulunduğu alanla uyumlu olarak vurgulayarak ziyaretçiyi formlarındaki bir hataya yönlendirirler. Bu mesajlar, hangi alanın hatayı içerdiği konusunda hiçbir soru işareti kalmamasını sağlar. Hatta bu mesajlardan bazıları, ziyaretçinin gerekli düzeltmeyi nasıl yapabileceğini açıklayan kısa ve net bir ifade içermektedir.

Hata mesajları, ziyaretçinizin eldeki hatayı düzeltmesini mümkün olduğunca kolaylaştırarak kullanıcı deneyimini geliştirir. Satır içi hata mesajları, formunuzu ve şirketinizi profesyonel ve düşünceli hissettirir.

10. Zorunlu Olarak İşaretlenen ve İsteğe Bağlı Form Alanları

Form alanlarınızı her zaman “gerekli” veya “isteğe bağlı” olarak işaretlemelisiniz. Bunu, alanınızın yanına küçük bir yazı tipiyle "zorunlu" veya "isteğe bağlı" yazarak veya zorunlu alanlarınızın yanına bir yıldız işareti koyarak yapabilirsiniz, böylece ziyaretçilerinizin neyi tamamlaması gerektiği konusunda hiçbir soru işareti kalmaz.

Form alanlarınızı gerekli veya isteğe bağlı olarak işaretlemek, formunuzu herkes için erişilebilir hale getirerek kullanıcı deneyimini iyileştirir; ziyaretçilerinize formunuzu doldururken bir dizi beklenti sağlarsınız. Bu, tüm ziyaretçilerinizin göndermeleri gereken bilgiler konusunda aynı sayfada olmalarını sağlamakla kalmaz, aynı zamanda hangi alanların gerekli olduğunu belirlemeye çalışmak için formlarınızı gönderip yeniden göndermekle zaman kaybetmelerini de önler.

Harika UX, site ziyaretçileriniz ve formlarınız arasında olumlu etkileşimleri nasıl sağlayacağınızdır. Bu UX yönergelerini ve örneklerini dikkate alarak, ziyaretçileriniz için sizinle ve şirketinizle daha fazla iş yapmak üzere geri gelmelerini sağlayacak harika bir deneyim oluşturacaksınız. Bu örneklerin kendi UX tasarımınıza ilham vermesine izin verin, böylece dönüşümleri artırmak ve ziyaretçileriniz üzerinde harika, kalıcı bir izlenim bırakmak için sitenize, işinize ve ihtiyaçlarınıza en uygun yönergeleri uygulayabilirsiniz.