Abstract single-column web form with clear input fields, focus path, and successful completion state
Abstract single-column web form with clear input fields, focus path, and successful completion state

Form Tasarımı: Tamamlanan İletişim Formu Nasıl Oluşturulur?

İletişim formu, ilginin eyleme dönüştüğü ve önlenebilir sürtünmenin değerli bir talebi kaybettirebildiği yerdir. İnsanların güvenle tamamlayacağı net bir akış kurun.

Burak Kumaş

Form Tasarımı: Tamamlanan İletişim Formu Nasıl Oluşturulur?

İletişim formu, ilginin eyleme dönüştüğü ve önlenebilir sürtünmenin değerli bir talebi kaybettirebildiği yerdir. İnsanların güvenle tamamlayacağı net bir akış kurun.

Burak Kumaş

Her alan, istediği emeği hak etmelidir

Form tasarımı, niyetin değere dönüştüğü yerdir

Ziyaretçi teklifinizi okuyabilir, seçenekleri karşılaştırabilir ve sizinle iletişime geçmeye karar verebilir. İletişim formu, bu niyetin bir görüşmeye, randevuya, teklif talebine ya da nitelikli bir potansiyel müşteriye dönüştüğü andır. Aynı zamanda web sitesinin ürettiği değerin sessizce kaybolabildiği yerdir. Tereddüt yaratan, cevap aratan, belirsiz bir hatayı düzelttiren ya da gerekenden fazla bilgi isteyen bir form, içerik ve tasarımın başlattığı yolculuğu bitirebilir.

İyi form tasarımı, her iki tarafın da bir sonraki yararlı adımı atmasına katkı sunmayan işi ortadan kaldırmaktır. Bu nedenle web tasarımı ve geliştirme sürecinin sonradan eklenen bir ayrıntısı değil, pratik bir parçasıdır. Formu küçük bir hizmet etkileşimi olarak ele alın: Neye ihtiyaç duyduğunuzu, sırada ne olduğunu ve kişinin kontrolü nasıl elinde tuttuğunu açıkça göstermelidir.

Formu veri tabanı değil, karar aracı olarak görün

Birçok formdaki alanlar CRM sisteminde sütun bulunduğu, satış ekibi daha fazla bağlam istediği ya da eski sürümde yer aldığı için kalır. Bunların hiçbiri ziyaretçinin bilgi yazması için geçerli bir gerekçe değildir. Bunun yerine, gönderimden sonra ekibinizin vermesi gereken kararla başlayın. Telefon numarası olmadan yanıt verebilir misiniz? Bütçe aralığı yönlendirmeyi değiştiriyor mu, yoksa yalnızca merakı mı gideriyor? İlk görüşmeden önce şirket adı gerçekten gerekli mi? Bir alan anlık eylemi değiştirmiyorsa kaldırın, isteğe bağlı yapın ya da daha sonra sorun.

Yararlı asgari bilgi testini uygulayın

Tipik bir iletişim formu için ad, ulaşılabilir bir iletişim yöntemi ve kısa bir mesaj yeterli olabilir. Hizmet seçimi, yanıtı gerçekten iyileştiriyorsa talepleri doğru kişiye aktarabilir. Yararlı asgari bilgi, göreve göre değişir: Destek talebinde hesapla ilgili bir ipucu gerekebilir; danışmanlık talebinde ise uygun saat tercihi önem kazanabilir. İlke değişmez. Gerçek bir kişinin güvenle hareket etmesini sağlayacak bilgiyi isteyin; daha ayrıntılı bilgi talep etme hakkını ilişki başladıktan sonra kazanın.

Her ek alanın bir bedeli vardır

Her alan küçük bir maliyet ekler: Etiketi okumak, yanıt seçmek, bilgiyi bulmak, paylaşmanın güvenli olup olmadığına karar vermek ve hatalardan dönmek. Tek bir alan nadiren formu terk ettirir. Ancak özellikle telefonundan, günlük işleri arasında işlem yapan biri için birkaç belirsiz alan hızlı bir görevi ciddi bir taahhüde dönüştürür. Sorunun neden sorulduğu anlaşılmadığında bu maliyet daha da artar.

Bir sonraki eylemi değiştiren bilgiyi isteyin

Her alanı doğrudan bir soruyla denetleyin: Bu yanıt geldiğinde neyi farklı yapacağız? Talebi yönlendiren, uygunluğu belirleyen, gerekli kaydı oluşturan veya verdiğiniz sözü yerine getirmenizi sağlayan alanları koruyun. Yalnızca raporlamayı kolaylaştıran alanları yeniden değerlendirin. Örneğin proje takvimi, kimin yanıt vereceğini belirliyorsa yararlı olabilir; genel bir iletişim talebini başlatmak için açık adres genellikle gerekmez. Bu yaklaşım, dönüşüm oranı optimizasyonuna yönelik pratik yaklaşımı destekler: Anlamlı eylemi engelleyen sürtünmeyi azaltın; sorunun etrafına görsel süs eklemekle yetinmeyin.

Ayrıntıyı doğru zamanda görünür kılın

Koşullu sorular formun odağını korur. Mevcut müşteri seçeneği sipariş referansını görünür kılabilir. Danışmanlık seçeneği uygunluk bilgisini açabilir. Bu değişimi öngörülebilir yapın, kişi yönünü değiştirdiğinde yanıtlarını koruyun ve zorunlu koşulları son anda ortaya çıkarmayın. Karmaşık taleplerde kısa bir ilk adımın ardından ilgili ikinci adım, tüm olası soruları birden göstermekten daha hafif hissettirebilir. Amaç emeği gizlemek değil, doğru emeği doğru zamanda sunmaktır.

İzlenecek yolu açık hale getirin

Kişi daha bir alana dokunmadan formu tarayabilmeli ve sırasını anlayabilmelidir. Açıklık, görsel yenilik eklemekten değil, sıralamadan doğar.

Tek sütun kullanın, etiketleri alanların üstüne koyun

Tek sütunlu yerleşim, yukarıdan aşağıya net bir okuma rotası izlediği için çoğu zaman en güvenilir varsayılandır. Tarih aralığı gibi kısa ve yakından ilişkili girişlerde yan yana alanlar işe yarayabilir; ancak fazla kullanıldığında taramayı ve hatadan dönmeyi zorlaştırır. Kalıcı etiketleri kontrollerin üstünde konumlandırın; yalnızca yer tutucu metne güvenmeyin. Yer tutucu, kişi yazmaya başladığında kaybolur, düşük kontrastlı olabilir ve etiketin yerini tutmaz. Yararlı örnekleri etiketin ya da alanın altında verin; böylece ikinci bir yönergeyi çözmeye zorlamadan erişilebilir kalırlar.

Kontrolleri ve klavyeyi yanıta uygun seçin

Yanıtla uyumlu giriş türleri kullanın: Eposta adresi için eposta, telefon numarası için telefon ve tarihler için uygun bir tarih kontrolü seçin. Mobilde bu tercihler beklenen klavyeyi açar ve yazım hatalarını azaltır. Klavyedeki sonraki eylemi mantıklı biçimde ayarlayın; kişi bir sonraki alana geçebilsin ve son eylem net olsun. Boşluk, artı işareti veya dahili numara içerebilecek değerlerde kişiyi yalnızca sayısal klavyeye zorlamayın. Ad, eposta ve adres için otomatik tamamlama gibi küçük ayrıntılar, tekrar gelen ziyaretçilerin en son ne yazdığını hatırlamasını beklemeden gerçek emek tasarrufu sağlar.

Geri bildirimi yardımcı yapın, suçlayıcı değil

Geri bildirim, form arayüzünün teknik açıdan sonradan düşünülecek bölümü değildir. İnsanların işlem sırasında onaya, bir şey dikkat gerektirdiğinde net yardıma ve gönderimde güvenilir bir sonuca ihtiyacı vardır. Genel kırmızı uyarılar, ziyaretçiyi bilgilerinin kaybolup kaybolmadığını düşünürken sorunu aramaya iter. Özenli bir yanıt, neyin düzeltilmesi gerektiğini anlatır ve kişinin ilerlemesini korur.

Doğrulamayı hatayı gidermeyi kolaylaştıracak biçimde yapın

Zorunlu alanları gönderimden önce işaretleyin; özel bir biçim gerçekten gerekiyorsa bunu açıklayın. Sinyal net olduğunda aşamalı doğrulama kullanın, ancak normal yazım sırasında erken uyarılarla kişiyi bölmeyin. Gönderimden sonra üst kısımda hata özeti gösterin, etkilenen her alanı belirtin ve her birinin yanında kısa bir mesaj sunun. Hata olduğunu ilan etmek yerine ne gerektiğini söyleyin; örneğin geçerli bir iş eposta adresi girin. Odağı öngörülebilir şekilde özete veya ilk geçersiz alana taşıyın, fakat tek bir hata nedeniyle geçerli yanıtları asla silmeyin.

Başarı durumu ilişkiyi sürdürmelidir

Gönderilmiş bir iletişim formu, kaybolan bir düğmeden fazlasını hak eder. Mesajın ulaştığını onaylayın, sonraki adımı dürüstçe yeniden belirtin ve kişinin acil yardıma ihtiyacı varsa ya da hata yaptıysa makul bir yol sunun. Yanıt süresi biliniyor ve güvenilir durumdaysa bunu açıkça söyleyin. Değişkense, talebi kimin inceleyeceğini ve ne tür bir yanıt beklenmesi gerektiğini belirtin. Eposta ile gelen onay kişiyi rahatlatabilir; ancak herkes epostayı beklemeyeceği veya bulamayacağı için sayfadaki başarı durumu tek başına da yeterli olmalıdır.

Onay ve erişilebilirlik, tamamlamanın parçasıdır

Onay metni ve erişilebilir davranış çoğu zaman uyumluluk için eklenmiş unsurlar gibi görülür. Oysa insanların bilgi alışverişini anlayıp formu bağımsızca tamamlayabilmesini belirlerler. Bu nedenle daha en başında form tasarımı konuşmasının içinde yer almalıdır. Web tasarımı ve geliştirme hizmetimiz, bu gereklilikleri mesaj, yerleşim ve teknik akışla birlikte ele alır; son aşamada düzeltilecek işler olarak bırakmaz.

Veri tercihlerini dürüstçe açıklayın

Onayı gerçekten gerekli olduğunda isteyin ve pazarlama iletişimi izninden ayrı tutun. Bilginin neden toplandığını, kimlerin kullanacağını ve ilgili gizlilik ayrıntılarının nerede okunabileceğini belirtin. Zorunlu onay, kişinin istediği hizmetle ilgili olmalıdır; ilgisiz iletişimler için gizlenmiş bir izin olmamalıdır. İsteğe bağlı pazarlama onayını önceden seçmeyin, kafa karıştıran çift olumsuzluklar kullanmayın ve kişinin formu doldurmasının kendisini bir kampanyaya kaydettireceği kaygısına kapılmasına yol açmayın. Açık metin, yasal süreci desteklediği kadar güveni de korur.

Etiketler ve odak sırası herkesi korur

Her kontrolün yazılımsal olarak ilişkilendirilmiş, görünür bir etiketi olmalıdır. Yönergeler, zorunluluk durumu, hatalar ve başarı mesajları sayfaya bakanların yanı sıra ekran okuyucu kullanan kişiler için de erişilebilir olmalıdır. Klavye kullananlar form içinde ekranda görünen mantıklı sırayla ilerleyebilmeli, net bir odak göstergesi görebilmeli ve fare kullanmadan gönder düğmesine ulaşabilmelidir. Hata veya seçimi anlatmak için yalnızca renge güvenmeyin. Bu kararlar, erişilebilir web tasarımı rehberimizde ele alınan iş gerekçesini güçlendirir: Sessizce dışarıda bıraktığı kişileri dönüştüren bir form olamaz.

Yalnızca gönderimleri değil, formun kendisini ölçün

Gönderim hacmi bir sonuçtur; ancak formun ilgili kişileri nerede kaybettiğini veya yeniden tasarımın süreci kolaylaştırıp kolaylaştırmadığını göstermez. Gizliliğe saygı duyarak ve deneyimi geliştirmeye yetecek ayrıntıyla yolculuğu ölçümleyin. Bulguları destek ekiplerinin ve satış görüşmelerinin nitel geri bildirimleriyle, ayrıca tasarım kalite kontrolüyle birlikte değerlendirin. Bir form taslakta doğru görünebilir, ancak üretimde odak yönetimi, duyarlı boşluklar veya hiç görünmeyen teşekkür durumu nedeniyle çalışmayabilir. Bu yüzden işi tamamlanmış saymadan önce taslak ile canlı site arasındaki tasarım kalite kontrolü önem taşır.

Sürtünmeyi ortaya çıkaran üç sinyali izleyin

Başlama oranı, formu gören kişilerin kaçının işe başlamayı seçtiğini gösterir. Alan terk oranı, ilerlemenin nerede durduğunu veya yavaşladığını gösterir; kafa karıştıran bir soruyu, uygunsuz girişi ya da beklenmeyen bir onay talebini ortaya çıkarabilir. Tamamlama oranı ise başlangıçların kaçının başarılı bir gönderime ulaştığını gösterir. Yeterli veri olduğunda bu sinyalleri cihaza, kaynağa ve form amacına göre ayırın; ardından bir şeyi değiştirmeden önce deneyimi inceleyin. Düşük tamamlama oranı araştırma çağrısıdır, gerekli bir önlemi kaldırma izni değildir.

Basit bir gözden geçirme döngüsü kullanın: Önlenebilir en büyük sürtünme noktasını belirleyin, bir varsayım kurun, net bir değişiklik yapın ve sonrasında aynı sinyalleri karşılaştırın. Ekibinizin gerçekten ihtiyaç duyduğu bilgiyi koruyun, fakat her alanın yerini hak ettiğini kanıtlamayı sürdürün. Form dikkat süresine, gizliliğe ve web kullanımındaki farklılıklara saygı duyduğunda, sitenizin geri kalanının yarattığı değerin gerçek bir görüşmeye dönüşme ihtimali artar.

Bağlantıda kalarak devam edelim.

Yüksek performanslı web tasarımı hakkında daha fazlasını keşfedin. Bizi Twitter ve Instagram’da takip edin.