İçeriğe Geç

Alışveriş Pencerelerinde Açılış, Kapanış ve Geri Dönüş Odağı

Sepet, adres ve beden tablosu pencerelerinde açılış odağını, klavyeyle kapanmayı ve önceki kontrole geri dönmeyi birlikte inceleyin.

Yazar: Teknik AçıklamaGenel KavramE-Ticaret
AdPix tarafından hazırlanan açıklayıcı şema.

Pencerenin Gerçek Davranışı

Beden tablosu veya adres seçimi sayfanın üstünde bir pencereyle açılabilir. W3C modal dialog örüntüsünde açık pencerenin dışındaki içerik etkileşime kapalıdır; klavye gezinmesi pencerenin içinde kalır. Bu davranış normal sayfanın her açılır alanıyla aynı değildir. İnceleme pencerenin modal olup olmadığını belirlemekle başlar. Ekranı karartmak, teknik olarak dış alanı etkisizleştirdiğini kanıtlamaz. Kullanıcı pencereyi görürken klavye arka plandaki satın alma düğmesine gidiyorsa görünüm ve etkileşim birbirinden kopmuş olabilir; bu durum somut adımlarla kaydedilir.

İçeriden Çıkabilmek

W3C klavye kapanı açıklaması, kullanıcının bir bölümde mahsur kalmamasını ele alır. Modal pencere açıkken odağın içeride tutulması tek başına hata değildir; kullanıcı klavyeyle pencereyi kapatabilmeli ve çıkış yolunu anlayabilmelidir. Sadece dış boşluğa fareyle basarak kapanan pencere bu açıdan incelenir. Görünür kapatma kontrolünün erişimi değerlendirilir. Escape davranışı kullanılan örüntüyle uyumlu denenir. Kapatma işlemi tamamlandığında arka planın yeniden kullanılabilir olması da kontrol edilir; pencerenin ekrandan kaybolması bütün klavye engellerinin kalktığını kendiliğinden göstermez veya kanıtlamaz.

İlk Odağın Yerini Seçmek

Kullanıcı deneyimi için pencere açıldığında odağın nereye gittiği önemlidir. W3C dialog örüntüsü ilk odağın içeriğin büyüklüğüne ve amacına göre seçilebileceğini açıklar. Uzun beden tablosunda doğrudan alttaki düğmeye gitmek üst açıklamayı ekran dışına taşıyabilir. Kısa bir onayda ise uygun işlem kontrolü anlamlı olabilir. Her pencerede ilk düğmeye odak verme kuralı düşünmeden uygulanmaz. Başlık, açıklama ve ilk etkileşim alanının ilişkisi değerlendirilir. Özellikle geri alınması zor işlemlerde ilk hedefin seçimi ayrıca ele alınır; metin okunmadan işlem yapılmasına yol açılmamalıdır.

Pencere İçinde Odak ve Eylemler

Temsilî pencere örneğinde başlık, devam ve kapatma kontrolleri aynı pencere içinde gösterilmiştir. 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.

Uzun İçerikte Gezinmek

Klavye kapanı denetimi sadece kısa örnek pencerede yapılmaz. Uzun adres listesinde veya metin içeren tabloda müşteri içeriği okuyabilmeli, ilgili kontrole ulaşabilmeli ve çıkabilmelidir. Kaydırma alanına girince Tab tuşunun etkisizleşmesi ayrı bir hata olabilir. Sayfanın arka planının hareket etmesiyle pencerenin kendi kayması da ayırt edilir. Kapatma düğmesi görünüm dışında kalmışsa erişilebilir başka çıkış yolu değerlendirilir. Bu inceleme pencere içine sınırsız bilgi doldurmayı önermez; mevcut içeriğin gerçek görevini klavyeyle tamamlayabildiğini göstermeyi amaçlar ve kapsamını örnek üzerinden belirler.

Kapatınca Nereye Dönülür?

W3C dialog örüntüsü genel durumda odağın pencereyi açan kontrole dönmesini önerir; bu kontrol ortadan kalkmışsa veya sonraki görev farklıysa anlamlı alternatif seçilebilir. Sepetten ürün silindikten sonra artık bulunmayan düğmeye dönmek bunun örneklerindendir. Teknik ekip hedefi mevcut göreve göre belirler. Her kapanışta sayfanın başına dönmek alışverişte bulunan yeri kaybettirebilir. Kontrolde açan düğme, tamamlanan işlem ve kapanış sonrası hedef birlikte yazılır. Pencerenin yeniden açılabildiği de denenir; ilk denemede çalışan geçici odak düzeltmesi sonraki açılışta bozulmamalıdır.

Görevin Sonuçlandırılması

Örnek denemede beden tablosu veya adres penceresi klavyeyle açılır, içeride gezilir, kapatılır ve satın alma görevine devam edilir. Ayrı olarak onayla kapanan ve iptal edilen yollar incelenebilir. Kullanılan pencere türü ve beklenen geri dönüş hedefi kayıt altına alınır. Yalnız kapatma simgesi tıklanıyor bulgusu yeterli değildir. Yardımcı teknolojiyle başlığın ve rolün duyurulması kontrol edilmişse kapsam belirtilir. Sonuç gerçek müşteri testi gibi sunulmaz; ele alınan örnek pencerenin klavye davranışı ve düzeltilen somut sorun anlatılır.

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.