Volume Kontrol UI/UX v3

10 farklı yaklaşım. Tümü touch + mouse destekli. Her birini dene.

01

Tap-Expand Inline

İkona dokun → slider sağa doğru açılır

Gece Yarısı

Sezen Aksu

Tek tap: slider aç/kapa • Çift tap: mute • Sürükle: ayarla •

02

Always-Visible Slim

Spotify tarzı — her zaman görünür ince slider

İstanbul

Tarkan

İkon: mute • Slider: sürükle • Mouse wheel: ±5 •

03

Floating Vertical

Tıkla → yukarıda dikey slider açılır

Firuze

Sezen Aksu

İkon: panel aç/kapa • Sürükle: ayarla •

04

Floating Horizontal

Tıkla → yukarıda yatay slider balonu

Yalnızlık

Müslüm Gürses

İkon: panel aç/kapa • Sol buton: mute • Sürükle: ayarla •

05

Quick Tap Cycle

Her dokunuşta kademe atlar: 0→25→50→75→100

Sevda Çiçeği

Barış Manço

Her tıklama bir kademe ilerler • 0'da mute • Ekstra yer kaplamaz •

06

Ring Indicator + Panel

İkon etrafında halka göstergesi + tıklayınca panel

Bilmece

MFÖ

Halka: anlık seviye • Tıkla: panel aç • Sürükle: ayarla •

07

LED Bars

Klasik equalizer çubukları — 5 kademe

Yaz Yaz Yaz

Kenan Doğulu

Çubuklara dokun: kademe seç • İkon: mute •

08

Pill Slider

İkon + slider tek bir pill (kapsül) içinde

Şımarık

Tarkan

Kapsül içinde ikon + slider • Sürükle: ayarla • İkon: mute •

09

Tap + Long-Press

Kısa dokun: ses artır — Uzun bas: mute

Sarı Gelin

Halk Müziği

Kısa tap: +20 (döngü) • Uzun bas (0.5s): mute/unmute • Ekstra yer kaplamaz •

10

Bottom Drawer

İkona dokun → alttan mini panel çıkar (mobil dostu)

Kalamış

Teoman

İkon: panel aç/kapa • Geniş slider alanı • Mobilde çok rahat •

Karşılaştırma

# Tasarım Yer Hassasiyet Touch Referans
01Tap-Expand Inline+110px açık%1TamSpotify (tap versiyonu)
02Always-Visible Slim+90px sabit%1TamSpotify desktop
03Floating VerticalPopup%1TamYouTube Music
04Floating HorizontalPopup%1TamDeezer / Tidal
05Quick Tap Cycle0px%25MükemmelTV kumanda mantığı
06Ring + PanelPopup%1TamApple Watch
07LED Bars+35px%20İyiKlasik equalizer
08Pill Slider+100px sabit%1TamSoundCloud
09Tap + Long-Press0px%20MükemmelMobil ses tuşu mantığı
10Bottom DrawerAlttan panel%1TamiOS Control Center

Desktop için en iyi

#02 (Always-Visible) veya #08 (Pill) — slider her zaman görünür, hızlı erişim, mouse wheel bonus.

Tablet için en iyi

#01 (Tap-Expand), #04 (Floating Horizontal) veya #10 (Bottom Drawer) — büyük touch hedef, rahat sürükleme.

Mobil için en iyi

#05 (Quick Tap) veya #09 (Tap+Long) — yer kaplamaz, tek parmakla kullanılır. Büyük platformlar mobilde volume slider koymaz.

B2B / Müzak için

Kullanıcılar sesi sabahtan ayarlar, gün boyu dokunmaz. Hassas slider şart değil, kademe yeterli. #05 veya #07 ideal.

1 Mart 2026 • Muzibu.com.tr