SaaS ürünlerinde acı bir gerçek var: Kullanıcıların %40-60'ı ilk hafta içinde ürünü terk ediyor. Peki neden?
Son 2 yılda 8 farklı SaaS ürününün UI/UX tasarımını yaptık veya yeniden tasarladık. Bu süreçte öğrendiğimiz en önemli şey: Özellik değil, deneyim satar.
İlk 5 Dakika: Kritik Pencere
Kullanıcı araştırmalarımızda şunu gözlemledik:
| Süre | Kullanıcı Davranışı |
|---|---|
| 0-30 sn | "Bu ne işe yarıyor?" sorusunun cevabını arıyor |
| 30 sn - 2 dk | Temel bir aksiyonu denemeye çalışıyor |
| 2-5 dk | "Bana değer katacak mı?" kararını veriyor |
| 5+ dk | Ya bağlanıyor ya terk ediyor |
12 Kritik UI/UX Prensibi
Prensip 1: Progressive Disclosure
Kullanıcıya her şeyi bir anda göstermeyin.
Uygulama:
- •Başlangıçta sadece core features
- •Kullanıcı ilerledikçe yeni özellikler aç
- •Tooltip ve coach marks ile eğit
Prensip 2: Empty States Stratejik Kullan
Boş dashboard = Kayıp kullanıcı.
❌ Boş liste: "Henüz veri yok"
✅ Aksiyon odaklı: "İlk projenizi oluşturun →"
Test sonucumuz: Aksiyon odaklı empty state, ilk aksiyonu %67 artırdı.
Prensip 3: Aha Moment'e Kısa Yol
Her SaaS'ın bir "Aha moment"i var - kullanıcının değeri gördüğü an.
| Ürün Tipi | Aha Moment |
|---|---|
| Proje yönetimi | İlk görev tamamlama |
| CRM | İlk müşteri kaydı |
| Analitik | İlk rapor görme |
| E-posta pazarlama | İlk kampanya gönderimi |
Tasarım hedefi: Bu ana ulaşma süresini minimize et.
Prensip 4: Onboarding Akışı
Test ettiğimiz en etkili onboarding formatı:
- 1Hoş geldin + değer önerisi (5 sn)
- 2Tek kritik ayar (profil/şirket)
- 3Guided first action
- 4Kutlama + sonraki adım önerisi
"📊 Verilerimiz: 4 adımlı onboarding, 7+ adımlıya kıyasla %34 daha yüksek** completion rate gösterdi."
Prensip 5: Hiyerarşik Navigasyon
❌ Düz navigasyon (10+ link)
✅ Gruplandırılmış (3-4 kategori, alt menüler)
| Yapı | Hedef bulma süresi |
|---|---|
| 10 düz link | 8.2 sn |
| 4 grup + alt menü | 4.1 sn |
Prensip 6: Tutarlı Aksiyon Dili
Tüm üründe aynı terminoloji:
- •"Oluştur" (her yerde)
- •"Kaydet" (her yerde)
- •"Sil" (her yerde)
Prensip 7: Feedback Loops
Her aksiyon görsel feedback almalı:
| Aksiyon | Feedback |
|---|---|
| Butona tıklama | Loading state |
| Form gönderme | Success toast |
| Hata | Inline error message |
Prensip 8: Yıkıcı Aksiyonlarda Çift Onay
Silme işlemlerinde modal ile onay alın.
Prensip 9: Dashboard Hiyerarşisi
- •Primary KPI Cards (3-4 max)
- •Ana İçerik Alanı
- •Navigation Sidebar
Prensip 10: Mobile-First
Türkiye'de SaaS kullanıcılarının %45'i mobil cihazdan erişiyor.
Prensip 11: Contextual Help
Yardımı kullanıcının olduğu yere getirin:
- •Tooltip'ler
- •Inline hints
- •Contextual documentation
Prensip 12: Performans = UX
| Metrik | Hedef |
|---|---|
| İlk sayfa yüklenme | < 2 sn |
| Sayfa geçişleri | < 300 ms |
| Aksiyon response | < 100 ms |
Checklist: SaaS UI/UX Denetimi
- •[ ] 5 dakika içinde ilk değeri gösteriyor musunuz?
- •[ ] Empty state'ler aksiyon odaklı mı?
- •[ ] Navigasyon 4'ten fazla ana kategori içermiyor mu?
- •[ ] Tüm aksiyonlar feedback veriyor mu?
- •[ ] Mobil deneyim test edildi mi?
Bu rehber, Yunexia tasarım ekibinin 8 SaaS ürün tasarımı deneyimine dayanmaktadır.
