Tablet + Mobil + Desktop uyumlu tasarımlar. Hover yok, sadece tıklama/touch.
Tablet Uyumluluk Kuralları
Mute ikonu + yanında sabit yatay slider. Her zaman görünür, hover gerektirmez. Touch drag destekli.
İkona tıkla → yukarıda zarif panel açılır. Dikey slider + % gösterge + mute toggle. Dışarı tıklayınca kapanır.
5 dikey çubuk. Her çubuk bir kademe (20-100%). Aktif kademeler gradient renkli. Büyük dokunma alanı.
İkon yanında 5 küçük nokta (horizontal). Her nokta tıklanabilir kademe. Ultra kompakt, bar genişlemez.
İkona tıkla → yukarıda yatay slider balon açılır. % gösterge + mute butonu + slider. Dışarı tıklayınca kapanır.
| # | Tasarım | Tetikleme | Hassasiyet | Kompaktlık | Tablet/Mobil | Avantaj |
|---|---|---|---|---|---|---|
| 1 | Inline Horizontal | Her zaman açık | %1 | Orta (80px ek) | Tam | Tıklama gerektirmez, en hızlı erişim |
| 2 | Click Vertical Panel | Tıklama | %1 | Çok iyi | Tam | Bar genişlemez, hassas ayar |
| 3 | Segmented Steps | Tıklama | %20 | İyi | Mükemmel | Büyük touch hedef, ıskalamak zor |
| 4 | Inline Mini Dots | Tıklama | %20 | En iyi | İyi | Ultra kompakt, bar hiç genişlemez |
| 5 | Click Horizontal Balloon | Tıklama | %1 | Çok iyi | Tam | Geniş slider alanı, mute butonu dahil |
Notlar