Önce bilginin sahibini belirleyin

Bir alanın adı “E-posta” olabilir; fakat talebi yapan kişinin mi, teslimatı alacak kişinin mi adresini istiyor? Bu ayrımı tasarım dosyasında yazın. Temsili numune formunda talep sahibinin adı, şirket adı ve teslimat alıcısı ayrı görevler taşır. Gerçekte aynı bilgi gerekiyorsa yinelenen alanı kaldırmayı değerlendirin.

Her alan için görünür etiket, örnek değer, bilginin sahibi ve kaydedileceği yeri içeren küçük bir liste hazırlayın. Yanlış eşleşmeyi yalnız görsel tasarım sorunu diye ajansa aktarmak yerine bu listeyi paylaşın.

Etiket, klavye türü ve alan amacı farklı işler yapar

Görünür etiket kişiye yardımcı olur. W3C, kullanıcıya ait yaygın bilgi alanlarının amacının programatik olarak belirlenebilmesini de açıklar. W3C açıklaması.

Geliştirici için e-posta klavyesinin açılmasıyla doğru kişinin e-postasının önerilmesi ayrı kabul ölçütleri olsun. Alanı “İletişim bilgisi” gibi belirsiz bir adla bırakıp teknik işaretlemeden her sorunu çözmesini beklemeyin. Doldurulan değer sonradan okunabilir ve değiştirilebilir kalmalı.

Tarayıcıya tutarlı ipuçları verin

MDN, autocomplete için name, organization ve email gibi amaç belirten değerleri; teslimat ve fatura bilgilerini ayırmak için shipping ve billing gruplarını belgeler. Bunlar tarayıcıya verilen ipuçlarıdır, aynı davranışı her cihazda garanti etmez. MDN başvurusu.

Örneğimizde şirket adını kişinin adı gibi işaretlemeyin. Aynı sayfada iki adres grubu varsa yalnız ekrandaki başlıkları değil teknik eşleşmeyi de ayırın. Yanlış doldurmayı fark etmeden bütün alanlarda otomatik doldurmayı kapatmak, sorunun nedenini gizleyebilir.

Dört kısa denemeyi teslim listesine ekleyin

  • Kayıtlı bilgisi bulunan bir tarayıcıda temsili profili seçin.
  • İki farklı kişi veya adres bulunduğunda doğru grubu kontrol edin.
  • Otomatik gelen bir değeri elle değiştirip kayda nasıl geçtiğini görün.
  • Kayıtlı bilgi bulunmayan tarayıcıda formu tamamen elle tamamlayın.

Gerçek müşteri bilgilerini test raporuna koymayın. İşletmenin kendi test ortamında hazırlanan örnek değerlerle ilerleyin. Ekrandaki doğru görünümün yanında alınan kayıttaki ad, şirket ve adresi de karşılaştırın.

Uluslararası adres tasarımını ayrı değerlendirin

Otomatik doldurma doğru çalışsa bile her ülkeye Türkiye ilçe listesini zorunlu tutan form uygun hale gelmez. Bu ikinci karar için uluslararası adres rehberini kullanın. Buradaki teslim ölçütü, doğru bilginin doğru alana önerilmesi ve kullanıcının onu değiştirebilmesidir.

Web tasarım çalışmamızda form kapsamını bu tür görevlerle netleştirebiliriz. Farklı kurumsal sunumlar için projelerimizi inceleyebilirsiniz; bu örnek testin her projede uygulanmış olduğu iddia edilmez.

Sık sorulan sorular

Otomatik doldurma her telefonda aynı mı çalışır?

Hayır. Tarayıcı, kayıtlı bilgiler ve kullanıcı tercihleri etkili olabilir. Hedef cihazlarda deneme yapın ve kullanılabilir elle giriş yolunu koruyun.

Bu iş için daha fazla kişisel bilgi toplamak gerekir mi?

Hayır. Önce mevcut alanların gerçekten gerekli olup olmadığını inceleyin. Amaç, gereksiz alan eklemek değil gereken bilginin doğru yerde bulunmasıdır.

Kaynaklar ve ileri okuma

W3C — Identify Input Purpose ↗MDN — autocomplete ↗
Web tasarım & geliştirmeBu hizmeti konuşalım ↗