Alanların Anlamlı Sırası
Ödeme formunda klavyenin Tab tuşuyla ilerleyen müşteri, adres ve teslimat alanlarını anlaşılır bir sırayla karşılamalıdır. W3C’nin odak sırası açıklaması, anlamı ve kullanımı koruyan bir sıra ister; ekrandaki her sütunun tek bir zorunlu gezinme düzeni olduğunu söylemez. Sorun, odağın sebepsiz biçimde farklı bölümler arasında atlamasıdır. Kontrol adresin ilk alanından siparişi gönderme düğmesine kadar yapılır. Hangi öğeye gelindiği görülmüyorsa yalnız alanların sıraya dahil olması yeterli kabul edilmez.
İşlemi Klavyeyle Tamamlamak
W3C klavye rehberi, işlevlerin klavye arayüzüyle de çalıştırılabilmesini açıklar. Teslimat seçeneğinin fareyle seçilebilmesi, klavyeyle aynı kararın verilebildiğini göstermeyebilir. İnceleme yalnız alanlara ulaşmayı değil seçim yapmayı, değiştirmeyi ve sonraki adıma geçmeyi kapsar. Kurgusal bir ödeme formunda kargo seçimi açılıyor fakat seçenek etkinleştirilemiyorsa bu durum sıralama sorunundan ayrı kaydedilir. Böylece geliştirici yalnız Tab sırasını düzenleyip temel satın alma işleminin çalışmadığını gözden kaçırmaz; her işlev kendi sonucu üzerinden değerlendirilir.
Yenilenen Adres Alanları
Kullanıcı deneyimi açısından önemli bir hata, il seçilince ilçe alanı yeniden oluşturulurken odağın sayfanın başına dönmesidir. Bu örnekte hangi alanın kaldırıldığı, yerine hangi öğenin geldiği ve sonraki Tab adımının nereye gittiği kaydedilir. Yeni alanın görünmesi bütün sayfanın odağını sıfırlamayı gerektirmez. Değerlendirme önceki seçimin korunup korunmadığını da kapsar. Odak aynı yerde görünse bile müşterinin seçtiği il silinmişse satın alma görevi kesintiye uğramıştır; yalnız görsel işaretin yerinde kalması yeterli değildir.
Ödeme Formunda Odak Sırası
Temsilî ödeme formunda e-posta, adres ve devam düğmesinin odak sırası numaralandırılmıştır. AdPix tarafından çizilmiş açıklayıcı arayüz örneğidir; gerçek mağaza ekranı, müşteri verisi veya gerçekleştirilmiş test kaydı değildir.
Kapalı Alanların Davranışı
Kullanılmayan adres bölümündeki kontroller görünmediği halde klavyeyle dolaşımda kalıyorsa müşteri neyi düzenlediğini anlayamayabilir. Klavye incelemesinde açık ve kapalı form bölümleri ayrı denenir. Bireysel veya kurumsal fatura seçimi değiştiğinde yalnız geçerli alanlara erişildiği görülür. Teknik ekip, görünümü kapatmakla etkileşimden çıkarmanın farklı olduğunu değerlendirmelidir. Gizli bölümdeki düğmeye basınca beklenmeyen işlem oluşması ayrıca kaydedilir. Bu kontrol müşteri bilgisi olmadan hazırlanmış örnek bir formla da yapılabilir; gerçek ödeme alınması denemenin zorunlu parçası değildir.
Geri Dönüş ve Düzeltme
Odak sırası tek yönde gezinmeyle sınırlı incelenmez. Shift ve Tab ile geri gidilerek kargo seçeneğinin veya adresin düzeltilebildiği görülür. Düzenleme düğmesi yeni bölüm açıyorsa müşteri hangi alanı düzenlediğini anlayabilmelidir. Hata mesajından ilgili alana geçiş de aynı yolun parçasıdır. Geri dönüşte başlangıca atlayan bir form, ilk girişte doğru görünmesine rağmen sorun yaratabilir. Örnek kontrol adımları hangi seçimle başladığını ve hangi alanın değiştirildiğini içerirse hata teknik ekip tarafından daha kolay yeniden oluşturulabilir.
Kontrolün Kabul Ölçütü
Kayıt kullanılan form adımını, etkin alanları, sorun oluşturan tuş sırasını ve beklenen sonraki hedefi içerir. Fare kullanmadan adres, teslimat ve ödeme tercihi tamamlanabiliyorsa örnek görevin sonucu doğrulanmış olur. Bu, bütün mağaza için genel erişilebilirlik uygunluğu ilanı değildir. Farklı ekran düzeninde alanlar yeniden yerleşiyorsa aynı görev yeniden değerlendirilir. Otomatik denetimde hata çıkmaması, yeniden oluşan alanların gerçek odak davranışını kanıtlamaz. Kapanışta hangi atlamanın düzeltildiği somut biçimde belirtilir; ölçülmeyen satış veya tamamlama artışı yazılmaz.
Bu Yazıdaki Terimler 1 Kavram
Kısa açıklamaları burada okuyabilir, ayrıntılar için sözlüğe geçebilirsiniz.
- Kullanıcı Deneyimi (UX)
- Kullanıcı deneyimi (UX, user experience), bir kişinin ürün, hizmet ya da web sitesiyle etkileşiminde yaşadığı toplam deneyimdir; e-ticarette sitede gezinmeyi, ürün sayfasını, sepeti ve ödeme sürecini kapsar.
Bu Konuda Nasıl Destek Oluyoruz?
AdPix’in bu alandaki hizmet kapsamını ve çalışma sürecini inceleyin.