Files
kolaytercih/docs/tasarim/ux-duzeltmeler.md
bilalgursen 488845ae1f Add design documentation for CTA drawer and UX improvements
- Introduced a new document detailing the design principles behind the funnel CTA drawer, emphasizing user flow and context retention.
- Added a UX/CRO corrections document outlining critical findings from a recent audit, including payment flow adjustments, button transparency, and pricing clarity.
- Created a gamification document to outline user engagement strategies and the program evaluation model for the Kolay Tercih feature.
- Developed a vision document for TercihAI, detailing the product's positioning, revenue model, and MVP scope, aimed at providing AI-assisted preference guidance for students.
2026-08-06 02:27:34 +03:00

5.5 KiB
Raw Blame History

UX/CRO Kritik Düzeltmeler — Uygulama Takibi

UX denetiminden çıkan 🔴 kritik bulguların uygulama listesi. Kaynak: 26 Temmuz 2026 tarihli UX/CRO denetimi.

K1 — Ödeme sonrası teslimat

  • /odeme/sonuc başarı CTA'sı doğrudan /listem'e gitsin (ölü /sonuc?acildi=1 yerine) (sahte "paid" siparişle canlı doğrulandı: CTA → /listem?acildi=1)
  • /listem ödeme dönüşünde tek seferlik "kilit açıldı" deneyimi (banner + unblur)
  • Ücretli /listem başlık kopyası düzelsin (rozet "Paketin aktif", alt metin "24 tercihinin tamamını gerekçe, risk analizi ve trendleriyle…")

K2 — Buton dürüstlüğü (giriş duvarı sürprizi)

  • Hero sihirbazı son butonu girişsiz kullanıcıda girişi açıkça söylesin ("Giriş yap ve listeni gör"; girişliyse "Listemi oluştur (3 kredi)")
  • Hero akışı oturumu açık kullanıcıyı /giris'ten sektirmeyip doğrudan /sonuc'a götürsün
  • /sonuc sihirbazında girişsiz son buton "Listemi gör" yerine dürüst etiket taşısın
  • Değer önce: hero sihirbazı biten girişsiz kullanıcı /giris'e değil doğrudan /sonuc'taki ücretsiz tabloya gitsin; AI CTA'sı oradan "5 deneme kredinle AI listeni kur — giriş yap" olarak verilsin (panel + sabit alt kart); girişten dönüşte kayıtlı seçimlerle otomatik üretim başlasın

K3 — Fiyat şeffaflığı

  • Landing hero mikro-kopyasına paket fiyatı (299 TL) eklensin
  • FAQ "Fiyatlandırma nasıl çalışıyor?" cevabına rakamlar yazılsın

K4 — Puan türü seçici

  • Hero formuna SAY/EA/SÖZ/DİL/TYT segment kontrolü (varsayılan SAY)

K5 — Ücretsiz kullanıcıya AI sohbeti

  • /listem'de paketi olmayan kullanıcıya kalan kredileriyle sohbet açılsın (fiyat kartının altında; mesaj gönderimi + kredi düşümü canlı doğrulandı)
  • Kredi bitince composer yerinde paket CTA'sı görünsün (0 krediyle canlı doğrulandı)

K6 — Ödeme/AI hata mesajları

  • iyzico/Anthropic yapılandırma hataları kullanıcıya ham sızmasın (log'a detay, kullanıcıya sade mesaj) (iyzico yolu canlı doğrulandı: "Ödeme şu anda başlatılamıyor; kartından çekim yapılmadı…")
  • /paket sayfası ?hata=token|siparis parametresini okuyup banner göstersin

Bonus

  • Hero rozetindeki "açıkk" yazım hatası düzeltilsin

🟠 Önemli

  • Ö1: /listem paywall ara kartı kopyası netleşsin (kilit ikonu + "aşağıdaki tüm satırlar açık" çelişkisi giderilsin; CTA fiyatı söylesin) (yeni kopya: "İlk 3 tercihte AI analizini gördün… Analizleri aç — 299 TL")
  • Ö2: İl seçimi mobilde aranabilir liste ile yapılabilsin; harita mobilde geri çekilsin; harita illerine erişilebilir isim (aria-label) eklensin (arama + çip birincil; harita ≥sm'de görsel destek; path'lerde aria-label/aria-pressed)
  • Ö3: "Listem" isim çakışması giderilsin (manuel liste "Seçtiklerim" olsun, AI raporu /listem "Listem" kalsın)
  • Ö3b: Navbar'daki "Seçtiklerim" butonu liste boşken görünmesin — tabloya ulaşmamış ziyaretçiye "0/24" gürültü; ilk program eklenince belirir, liste boşalınca kaybolur (canlı doğrulandı)
  • Ö4: Güven sayfaları eklensin (gizlilik/KVKK, kullanım & iade koşulları, iletişim) ve footer + giriş + paket sayfalarından bağlansın (NOT: metinler MVP taslağı — yayın öncesi hukuki gözden geçirme gerekir)
  • Ö5: AI'ın ürettiği genel değerlendirme ve uyarılar /listem'de görünsün (paketliye tam, paketsize kilitli önizleme — "Danışman özeti" kartı)
  • Ö6: Paketlinin gerçek revizyon akışı /listem'de çalışsın (geri bildirim kutusu; başlıktaki "Revize et" oraya götürsün) (revizyon-kutusu.tsxlisteRevize aksiyonu; kalan hak sayacıyla)
  • Ö7: Liste tepesine dilim özeti (hayal/dengeli/garanti dağılımı) ve tek şehir uyarısı eklensin
  • Ö8: 2024/2025 verisi eksik satırda çelişkili trend rozeti gösterilmesin (rozet iki yıl da doluysa çıkar; yoksa "Veri eksik")
  • Ö9: Magic link "gönderildi" ekranına yeniden gönder + e-postayı düzelt eklensin (30 sn bekleme sayaçlı yeniden gönder + "E-postayı düzelt")
  • Ö10: Mobilde sohbete hızlı erişim (yüzen "Danışmana sor" kısayolu)

🛠 Dev araçları

  • Dev süperadmin paneli: yalnızca geliştirme ortamında sol altta "DEV" butonu — anında giriş (magic link atlanır), kredi/paket/rapor senaryoları, sahte "paid" siparişle ödeme başarı ekranı, tüm sayfalara hızlı bağlantılar (src/components/dev/dev-panel.tsx + src/lib/dev/actions.ts; layout NODE_ENV kontrolüyle monte eder, aksiyonlar sunucuda ayrıca korunur)

🟢 Güzel olur

  • G1: Sıralama girişinde canlı binlik ayracı + toast yerine input altı hata
  • G2: Sihirbaz adım göstergesi tamamlanan adımı işaretlesin; 1. adımda "Geri" görünmesin
  • G3: Route-level loading / error / not-found boundary'leri eklensin (kök loading/error/not-found + /sonuc ve /listem'e Skeleton'lı loading)
  • G4: Landing istatistik kartlarının yanında "yerleşme garantisi vermeyen dürüst araç" konumlandırması cesur işlensin (koyu kart: "Yerleşme garantisi vermiyoruz. Çünkü kimse veremez.")
  • G5: sonButonEtiketi şeffaflığı hero varyantına taşınsın (girişli: "Listemi oluştur (3 kredi)"; girişsiz artık ücretsiz tabloya gittiği için "Ücretsiz tablonu gör")