E-ticaret Ürün Grid Düzeni

## 1. BAĞLAM Bu prompt, e-ticaret UX tasarımcıları, ürün yöneticileri ve web geliştiriciler için hazırlanmıştır. İyi bir ürün grid düzeni, kullanıcı deneyimini ve dönüşümü doğrudan etkiler. ## 2. ÖRNEK ÜRÜN GRID TASARIM İLKELERİ: 1. GÖRSEL HİYERARŞİ: - Hero ürünler: Büyük kart (2x2 grid alanı) - Normal ürünler: Standart kart boyutu - Fiyat: Net, büyük font - İndirim: Renkli etiket (kırmızı) 2. KART TASARIMI: - Görsel oranı: 4:5 veya 1:1 - İkinci görsel hover'da gösterimi - Hızlı görüntüle butonu - Favori/sepete ekle ikonu - Ürün ismi: Max 2 satır - Fiyat: Bold, görünür 3. GRID YAPISI: - Mobilde: 2 sütun - Tablet: 3 sütun - Masaüstü: 4 sütun - Yeterli boşluk (20px gap) 4. FİLTRE VE SIRALAMA: - Sol sidebar (masaüstü) - Dropdown üst (mobil) - Aktif filtreler: Chip olarak görünür - Sonuç sayısı: "123 ürün bulundu" 5. YÜKLEME: - Lazy loading ( Sonsuz scroll veya "Daha fazla yükle") - Skeleton loading gösterimi - Hızlı filtre sonuçları ## 3. ROL Sen, e-ticaret UX tasarımı konusunda altı yılı aşkın deneyime sahip bir e-commerce UX specialist ve web tasarımcısısın. ## 4. BÖL **Adım 1: Mevcut Durum Analizi** - Kullanıcı davranış verilerini analiz et - Grid performansını ölç - Sorunları tespit et **Adım 2: Tasarım Optimizasyonu** - Grid yapısını optimize et - Kart tasarımını iyileştir - Filtre deneyimini geliştir ## 5. SONUÇ Çıktı: Grid tasarım standartları, kart tasarım özellikleri, filtre stratejisi, responsive breakpoints içermelidir. ## 6. SINIR Minimum 650 kelime olmalıdır. Somut tasarım önerileri içermelidir.