Uzun ürün katalogları: sayfalama mı, daha fazla yükle mi?

Önce ziyaretçinin tarama biçimini anlayın

Bir yedek parça alıcısı belirli bir kodu arayabilir; dekorasyon ürünü inceleyen biri ise seçenekleri karşılaştırmak için uzun süre gezinebilir. İkisi aynı liste davranışına ihtiyaç duymayabilir. Kodu bilen kişiye arama, seçenekleri değerlendiren kişiye düzenli kartlar ve bulunduğu yeri anlatan bir liste yapısı gerekir. Sayfalama, filtre ve arama kararları birbirini tamamlar.

Katalogdaki toplam ürün sayısını tek başına belirleyici yapmayın. Kartın boyutu, görüntü ağırlığı ve ziyaretçinin karşılaştırma ihtiyacı da önemlidir. Önce gerçek ürün içeriğiyle bir örnek hazırlayın. Telefonda kaç karttan sonra yön duygusunun kaybolduğunu ve bir ürün detayından dönünce ne beklendiğini gözlemleyin.

Üç modeli aynı görevle karşılaştırın

Numaralı sayfalar, belirli bir bölüme dönmek ve adres paylaşmak gerektiğinde anlaşılır bir başlangıçtır. “Daha fazla yükle” düğmesi, yeni grubu ziyaretçinin isteğiyle ekler; görülen ürün sayısını ve yükleme durumunu açıklamak gerekir. Sonsuz kaydırma kesintisiz gezinme sağlayabilir, fakat sayfa sonundaki bilgiye ulaşmayı ve belirli bir konumu tekrar bulmayı ayrıca tasarlamanız gerekir.

Bir modeli sadece hareketi daha etkileyici diye seçmeyin. Küçük örnekte aynı görevi deneyin: üçüncü gruptaki ürünü aç, geri dön, yanındaki ürünü bul. Her modelde bu işin anlaşılır olup olmadığına bakın. Ardından sayfa sonundaki iletişim veya teknik yardım bağlantısının erişilebilirliğini kontrol edin.

Listeyi yalnızca düğmenin arkasında bırakmayın

Google Search Central, tarayıcısının genellikle gerçek href içeren bağlantıları izlediğini; daha fazla içerik açan düğmeleri kullanıcı gibi tıklamadığını açıklar. Rehber, sayfalı içerikte ayrı adresler ve her sayfanın kendisini gösteren canonical kullanılmasını önerir. Bu teknik yapı indekslenme garantisi değildir, fakat ürünlere ulaşılabilir bağlantılar kurmak için önemli bir başlangıçtır.

Geliştiriciye “animasyonlu yükleme olsun” demekle yetinmeyin. İkinci grup doğrudan adresle açıldığında hangi ürünler görünmeli, geri bağlantısı nereye götürmeli ve mevcut filtreler nasıl korunmalı, bunları tarif edin. Yükleme başarısız olduğunda mevcut kartlar kaybolmasın; ziyaretçiye tekrar deneyebileceği açık bir durum sunulsun.

İkinci grup için örnek durum kartı

Yayın öncesi üç dönüş yolunu kontrol edin

Tarayıcının geri düğmesini, ürün içindeki “kataloğa dön” bağlantısını ve doğrudan paylaşılan liste adresini ayrı ayrı deneyin. Liste değiştiğinde artık bulunmayan bir konum için anlaşılır bir başlangıç gösterin. Filtre sonucu hiç ürün yoksa sayfalama düğmelerini boş bir listeyle bırakmak yerine filtreyi değiştirme yolunu açıklayın.

Bir sonraki aşamada ürün karşılaştırma tablosunu ve sonuçsuz arama durumunu ele alabilirsiniz. Web tasarım kapsamına yalnızca ilk katalog ekranını değil, geri dönüş ve hata durumlarını da ekleyin. Erhan Mobilya proje sunumu ürün odaklı görsel anlatım için ilgili bir örnektir; burada önerilen sayfalama modeli o projede uygulanmış bir özellik iddiası değildir.