Ürün Tasarımı
3 minute read
Ürün Tasarımı (UX/UI)
Denomas ürün tasarım süreci, kullanıcı odaklı tasarım ilkelerini temel alır. Bu sayfa; tasarım ilkeleri, araştırma yöntemleri, prototipleme süreci, tasarım sistemi ve erişilebilirlik standartlarını tanımlar.
Tasarım İlkeleri
Tüm Denomas ürünlerinde geçerli beş temel ilke:
| # | İlke | Açıklama |
|---|---|---|
| 1 | Sadelik | Her ekranda tek birincil eylem. Gereksiz öğe eklenmez. |
| 2 | Tutarlılık | Tasarım sistemi bileşenleri tüm ürünlerde aynı şekilde kullanılır. |
| 3 | Geri Bildirim | Her kullanıcı eylemi görsel veya metin yanıt alır (başarı, hata, yükleniyor). |
| 4 | Erişilebilirlik | WCAG 2.1 AA seviyesinde tüm ürünler erişilebilir olmalıdır. |
| 5 | Verimlilik | Sık kullanılan görevler üç tıklama veya daha azıyla tamamlanabilir. |
Kullanıcı Araştırma Yöntemleri
| Yöntem | Ne Zaman | Katılımcı | Çıktı |
|---|---|---|---|
| Kullanıcı mülakatı | Keşif aşaması | 5-8 kişi | İhtiyaç haritası |
| Kullanılabilirlik testi | Prototip sonrası | 5 kişi | Sorun raporu |
| Kart sıralama | Bilgi mimarisi tasarımı | 10-15 kişi | Kategori yapısı |
| A/B test | Canlı ortam | İstatistiksel örneklem | Kazanan varyant |
| Anket | Genel memnuniyet | 50+ yanıt | Nicel veri |
| Günlük çalışması | Uzun süreli davranış | 5-10 kişi (1-2 hafta) | Davranış kalıpları |
Yeni özellik geliştirmede kullanıcı mülakatı zorunludur. Diğer yöntemler proje kapsamına göre seçilir.
Prototipleme Süreci
Tasarım süreci dört aşamadan oluşur:
1. Düşük Sadakat (Low-Fidelity)
- Araç: Kağıt veya dijital wireframe (Excalidraw)
- Amaç: Bilgi mimarisi ve akış doğrulama
- Süre: 1-2 gün
- Paydaş onayı: Ürün yöneticisi
2. Orta Sadakat (Mid-Fidelity)
- Araç: Figma wireframe
- Amaç: Düzen ve etkileşim kalıpları
- Süre: 2-3 gün
- Paydaş onayı: Ürün yöneticisi + mühendislik lideri
3. Yüksek Sadakat (High-Fidelity)
- Araç: Figma tasarım sistemi bileşenleri ile
- Amaç: Görsel tasarım ve mikro etkileşimler
- Süre: 3-5 gün
- Paydaş onayı: Ürün yöneticisi + mühendislik lideri + kalite
4. İnteraktif Prototip
- Araç: Figma prototip
- Amaç: Kullanılabilirlik testi için tıklanabilir prototip
- Süre: 1-2 gün
- Test: Kullanılabilirlik testi ile doğrulama
Tasarım Sistemi (Component Library)
Denomas tasarım sistemi merkezi bir bileşen kütüphanesidir:
| Katman | İçerik | Örnek |
|---|---|---|
| Temel (Foundations) | Renk, tipografi, aralık, ikon | Renk paleti, font ailesi |
| Atom | Tekil bileşenler | Buton, input, badge |
| Molekül | Bileşen grupları | Form alanı, kart, tablo satırı |
| Organizma | Sayfa bölümleri | Navigasyon çubuğu, sidebar, dashboard panel |
| Şablon | Sayfa düzenleri | Liste sayfası, detay sayfası, dashboard |
Figma tasarım sistemi bileşenleri, frontend bileşen kütüphanesiyle birebir eşleşmelidir. Yeni bileşen ekleme süreci: tasarım onayı → geliştirme → inceleme → yayınlama.
Erişilebilirlik Standartları
WCAG 2.1 AA uyumu tüm ürünlerde zorunludur:
| Kriter | Gereksinim | Kontrol Yöntemi |
|---|---|---|
| Renk kontrastı | Normal metin: 4.5:1, büyük metin: 3:1 | Otomatik kontrol (axe-core) |
| Klavye erişimi | Tüm etkileşimler klavyeyle yapılabilir | Manuel test |
| Ekran okuyucu | Tüm görsellerde alt metin, ARIA etiketleri | Ekran okuyucu testi |
| Odak göstergesi | Klavye odağı görsel olarak belirgin | Manuel test |
| Hata mesajları | Hata durumunda açıklayıcı metin | Manuel test |
| Form etiketleri | Her form alanında ilişkilendirilmiş etiket | Otomatik kontrol |
Erişilebilirlik ihlali bulunan özellik canlıya alınmaz. Kritik ihlaller sprint içinde düzeltilir.
İlgili Sayfalar
Geribildirim
Bu sayfa yararlı oldu mu?
Bu sayfa faydali oldu
Bu sayfa gelistirilmeli
