Form ve kayıt

Etiketler alanın üstünde mi, solunda mı durmalı?

Sola hizalı etiket dikeyde yer kazandırır ama gözün her alanda yatay sıçrama yapmasını gerektirir. Üst hizalı etiket tek bir dikey tarama hattı oluşturur, buna karşılık form daha uzun görünür. Uzun etiketli veya çok dilli formlarda sola hizalama alan genişliğini de daraltır.

A/B test senaryosu. Bu sayfa bir test planıdır, gerçek bir deney sonucu içermez.

  • Form ve kayıt
  • Form Tamamlama Oranı

Seçenek A / Seçenek B

Değişken nerede durduğu; öğenin kendisi değişmiyor.

Değişen
alan etiketi konumu
Sayfa
Form ve kayıt
Değişiklik
taşındı

Etiket alanın üstünde duruyor

Hipotez

Etiketler alanın üstünde durursa kullanıcı etiketi ve alanı tek bakışta okuyup sonraki alana daha az duraksayarak geçebilir; solda durursa form kısa görünür ama uzun etiketlerde alan daralır. Bu yüzden uzun ya da çevrilmiş etiketli formlarda üst hizalamanın form tamamlama oranında öne geçmesi beklenebilir; kısa etiketlerde fark küçük kalabilir.

Test planı

Ne zaman değerlendirilmeli?

Etiket düzeni form doldurmayı yavaşlatıyor gibi görünüyorsa iki hizalamayı karşılaştırmaya değer: form alanı analitiğinde alanlar arasında uzun duraksamalar, yanlış alana yapılan girişler ya da oturum kayıtlarında etiketi yeniden okumak için önceki alanlara dönen kullanıcılar gibi. Hangi hizalama daha iyi çalışıyorsa o kolda forma başlayanların daha çoğu gönderime ulaşır ve alan bazında hata daha az görülür. Kayıplar zorunlu ya da anlaşılmaz tek bir alandan geliyorsa önce o alanı ele al; uzun etiketlerin sol hizalamada kesilmeden sığdığını teste başlamadan kontrol et.

Başarı nasıl ölçülmeli?

Form Tamamlama Oranı

Hizalama gönderime kadar gidenleri artırıyor mu?

Ayrıca izle

  • Form Başlama OranıFormu gören ziyaretçilerden ilk alana bilinçli olarak başlayanların oranını karşılaştır.
  • Form Tamamlama SüresiForm başlangıcından başarılı gönderime kadar geçen süreyi iki kolda aynı şekilde ölç.
  • Alan Bazında Hata OranıYanlış alana giriş ve biçim hatalarını alan bazında izle.

Test nasıl kurulmalı?

  • HizalamaAynı formu üstte hizalı ve solda hizalı etiketlerle karşılaştır.
  • Sabit kalanlarAlanlar, etiket metinleri, validasyon ve form genişliği iki kolda aynı olmalı.
  • TamamlamaForm başlama ve başarılı gönderimi aynı tanımla iki kolda ölç.
  • OkunabilirlikUzun etiketlerin kesilmediğini, alanla doğru eşleştiğini ve ekran okuyucuda anlaşıldığını kontrol et.
  • Cihazİki hizalamanın gerçekten farklı göründüğü cihazlarda sonuçları ayrı incele.

Sonuç yorumlanırken nelere dikkat edilmeli?

  1. 1Hizalamayı form tamamlama oranına göre seç; form başlama oranı, form tamamlama süresi ve alan bazında hata oranı farkın nereden geldiğini gösterir. Daha hızlı doldurulan ama daha çok hatalı girişe yol açan bir hizalamayı yalnızca süreye bakarak seçme.
  2. 2Sonucu yalnızca iki hizalamanın gerçekten farklı göründüğü cihazlarda oku; masaüstünde öne çıkan düzeni mobilde kendi sonucu olmadan uygulayıp testi kapatma. Çok dilli bir sitede tek dilde aldığın sonucu, etiket uzunluğu farklı dillere taşımadan önce o dillerde yeniden doğrula.
  3. 3Hizalamalar arasında küçük bir fark varsa ikisinin ziyaretçi ve form tamamlama sayılarını A/B test anlamlılık hesaplayıcısına gir. Hesaplayıcı anlamlı bir fark göstermiyorsa bu örneklemin iki hizalamayı ayırt edemediğini not et; kazanan ilan etme, okunabilirlik ve erişilebilirlik gibi ölçütlerle karar ver.

Sık Sorulan Sorular

Sola hizalamada uzun etiketlerle ne yapmalıyım?

Etiketi kırpıp üç nokta koyma, okunmayan bir etiket hizalama testini geçersizleştirir. Uzun etiketlerin kesilmediğini ve alanla doğru eşleştiğini kontrol et. Ekran okuyucuda da anlaşıldığını doğrula.

Masaüstünde kazanan hizalamayı mobilde ve diğer dillerde de kullanabilir miyim?

Doğrudan kullanmamalısın. Sonuçları yalnızca iki hizalamanın gerçekten farklı göründüğü cihazlarda ayrı incele. Çok dilli bir sitede tek dilde ölçtüğün sonucu etiket uzunluğu farklı dillere genelleme. Kararı geçerli form tamamlama oranı ile ver.