Web & UI/UX

Ürün Kataloğunda Filtre ve Boş Sonuç Tasarımı

Filtreleri gerçek seçim ölçütüne ve dolu ürün verisine bağlayın; sonuç yokken kullanıcının seçimini düzeltebilmesini sağlayın.

2 dk okuma

Ürün kataloğu için web tasarım ajansı ile çalışırken çok sayıda filtre eklemek iyi deneyimi garanti etmez. Filtrenin işe yaraması, ürün verisinin doğru ve müşterinin seçim biçimine uygun olmasına bağlıdır.

Gerçek seçim ölçütünü öğrenin

Müşteri ölçü, kullanım alanı veya malzemeyle mi daraltıyor? Satış ekibinin kullandığı soruları inceleyin. Teknik bir özelliğin müşteriye açıklanması gerekiyorsa kısa yardımcı metin ekleyin. Birimi olmayan veya farklı adlarla girilmiş özellikler karşılaştırmayı zorlaştırır.

Eksik veriyi düzenleyin

Filtreyi tasarlamadan ürünlerde ilgili alanların doluluğunu kontrol edin. Bilgisi olmayan ürünü sessizce yanlış gruba koymayın. Varyantların nasıl listeleneceğini belirleyin. Aynı ürün farklı seçimlerde kayboluyorsa sorun yalnızca arayüzde olmayabilir; veri yapısı da incelenmelidir.

Boş sonucu anlaşılır yapın

Uygun ürün yoksa hangi filtrelerin seçili olduğunu gösterin ve temizleme yolu sunun. Telefonda filtreyi açıp uygulamayı deneyin. Sonuç sayısı ve seçimin etkisi anlaşılır olsun. Kabul testinde hem geniş hem dar sorgu kullanın; yalnızca örnek ürünlerle yapılan gösteri sınır durumlarını gizleyebilir.

Örnek çalışma

Ölçü alanı bazı ürünlerde santimetre, bazılarında metin olarak tutuluyorsa filtre ürünü yanlış dışlayabilir. Önce veriyi ortaklaştırın. Ardından aynı özelliği iki farklı seçimle deneyin. Boş sonuçta seçili filtreleri ve temizleme yolunu gösterin; müşteriyi sonuçsuz ekranda bırakmayın.

Çalışma sonunda kontrol edilecekler

  • Ürün alanlarının doluluk kontrolü.
  • Müşteri dilindeki filtre adları.
  • Mobilde temizlenebilen boş sonuç durumu.

Konuyu tamamlayan rehberler

KONU ETİKETLERİ

  • Web Tasarım
  • Ürün Filtresi
  • Katalog
WhatsApp