Ali Demirbaş - Lab
ENİletişime geç

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.

  • 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

Ü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.

Test planı

Birincil metrik

Form Tamamlama Oranı

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

Diğer metrikler

  • 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.

Testten önce ve test sırasında kontrol edilecekler

  • 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.

Kurulumda kaçınılması gerekenler

  1. 1Aynı testte hizalama ile alan sayısını birlikte değiştirme.
  2. 2Etiketi görsel olarak taşırken `label` bağlantısını koparma; hizalama bir CSS kararıdır, semantik değil.
  3. 3Sola hizalamada etiketi kırpıp üç nokta koyma; okunmayan etiket hizalama testini geçersizleştirir.
  4. 4Masaüstünde kazandı diye mobil düzeni de aynı yapıp testi kapatma.
  5. 5Çok dilli sitede tek dilde ölçüp sonucu etiket uzunluğu farklı dillere genelleme.