🎨 Tasarım Draft v2 Ultra Pill Varyantları

💊 Ultra Compact Pill - Alternatifler

27 Aralık 2025 • Progress Bar + Üç Nokta Menü Seçenekleri

✅ Tüm Alternatiflerde Ortak

Üç nokta menüsü
Favori ekle
Sıradakiler
Paylaş
Playlist'e ekle
Sanatçıya git
A

Bottom Line Progress

Pill altında ince çizgi

Sayfa İçeriği

Yıldızların Altında

Sezen Aksu

1:23
3:45

Özellikler

  • ✓ Progress bar pill'in içinde (altta)
  • ✓ Süre bilgisi görünür
  • ✓ Üç nokta menü sağda
  • ✓ Yükseklik: ~60px
  • ✓ Seekable progress bar
B

Ring Progress

Vinyl etrafında halka

Sayfa İçeriği

1:23

Yıldızların Altında

Sezen Aksu

Özellikler

  • ✓ Progress vinyl etrafında halka
  • ✓ Süre badge vinyl altında
  • ✓ En kompakt seçenek (~48px)
  • ✓ Görsel olarak çarpıcı
  • ✓ Seek için tıklama zor (dezavantaj)
C

Border Glow Progress

Pill kenarında gradient ilerleme

Sayfa İçeriği

Yıldızların Altında

Sezen Aksu

1:23 / 3:45

Özellikler

  • ✓ Progress pill kenarında (border)
  • ✓ Süre şarkı adının yanında inline
  • ✓ Kompakt (~48px)
  • ✓ Görsel olarak zarif
  • ✓ Seek için border'a tıklama (opsiyonel)
D

Swipe Up Teaser

Mini bar + yukarı kaydır ipucu

Sayfa İçeriği

Yıldızların Altında

Sezen Aksu

• 1:23

Özellikler

  • ✓ Üstte swipe handle (yukarı kaydır)
  • ✓ Full-width progress bar
  • ✓ Kare kapak (vinyl yerine)
  • ✓ Favori butonu görünür
  • ✓ Yükseklik: ~75px

⋮ Üç Nokta Menü İçeriği

Yıldızların Altında

Sezen Aksu

Favorilere Ekle

Şarkıyı favorilere ekler/çıkarır

Sıradakiler

Çalma sırasını gösterir (queue panel)

Playlist'e Ekle

Playlist seçim modalı açar

Karışık Çal

Shuffle modunu açar/kapar

Sanatçıya Git

Sanatçı sayfasına yönlendirir

Paylaş

Native share API veya link kopyala

📊 Karşılaştırma

Özellik A. Bottom Line B. Ring C. Border D. Swipe Up
Yükseklik ~60px ~48px ~48px ~75px
Progress Seek Kolay Zor Orta Kolay
Süre Görünürlüğü İki uçta Sadece current Inline Sadece current
Sanatçı Adı
Favori Butonu Menüde Menüde Menüde Görünür
Görsel Etki ⭐⭐⭐ ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐

🎯 Öneri

🏆 Tavsiyem: A veya D

A (Bottom Line): En dengeli seçenek. Progress bar ile seek yapılabilir, süre görünür, kompakt kalır.

D (Swipe Up): Favori butonu görünür, full-width progress, yukarı kaydırarak genişletme imkanı.

💡 Kombinasyon Mümkün

İstersen şu kombinasyonu yapabiliriz:
• B'nin vinyl ring'i + A'nın bottom line progress'i
• veya tamamen farklı bir mix