v6 24 Şubat 2026

Kullanıcı Deneyimi Mockup

Ahmet (Kafe sahibi) anasayfayı nasıl görür? Neye tıklarsa ne olur?

1

Ahmet Anasayfayı Açıyor

Pazartesi sabah 09:30, Kafe sektörü, Premium üye

09:30
Günaydın, Ahmet!
Kafen için seçilmiş sabah listeleri
Editörün Seçimi
Pop Hits Radio
Radyo
90'lar Nostalji
Playlist
Türkçe Pop Albüm
Albüm
Çalışırken Dinle
Playlist
Sabah Kafe Mix
Soft Jazz Radio
Radyo
Sabah Motivasyonu
Playlist
Chill Beats
Playlist
Sezen Aksu
Albüm
Türkçe Pop Klasikler
Türkçe Pop Radio
Radyo
Top 50 Türkiye
Playlist
Tarkan - Yep Yeni
Albüm
Pop Hits Radio
Canlı yayın
2

Tıklanınca Ne Olur?

Her tip farklı davranır

Radyo Tıklandı
HEMEN ÇALAR
1
Kullanıcı "Soft Jazz Radio" kartına tıklar
2
Sayfa değişmez, anında çalmaya başlar
3
Alt player bar güncellenir: "Soft Jazz Radio — Canlı"
Tıklama sonrası player bar:
Soft Jazz Radio
Canlı yayın
Playlist Tıklandı
ŞARKI LİSTESİ AÇILIR
1
Kullanıcı "90'lar Nostalji" kartına tıklar
2
Playlist detay sayfası açılır
3
Şarkılar listelenir, istediğine tıklar → çalar
Playlist detay sayfası:
90'lar Nostalji
24 şarkı • 1s 42dk
1 Sezen Aksu - Hadi Bakalım 4:12
Tarkan - Şımarık 3:48
3 Ajda Pekkan - Bambaşka Biri 3:55
4 Nilüfer - Başucu Şarkısı 4:30
...20 şarkı daha
Albüm Tıklandı
ŞARKI LİSTESİ AÇILIR
1
Kullanıcı "Türkçe Pop Albüm" kartına tıklar
2
Albüm detay sayfası açılır (Playlist'e benzer)
3
Albümün şarkıları listelenir, tıkla → çal
Genre Tıklandı
GENRE SAYFASI AÇILIR
1
Kullanıcı "Jazz" kartına tıklar
2
Genre sayfası açılır — o genre'daki playlistler, radyolar, albümler görünür
Sektör Tıklandı
O SEKTÖRÜN İÇERİKLERİ AÇILIR
1
Kullanıcı "Spa & Wellness" kartına tıklar
2
O sektöre ait radyolar + playlistler listelenir — keşif modu
3

Özet: Her Tip Ne Yapar?

Tip Kart Görünümü Tıklanınca Detay
Radyo Kare kart + play ikonu HEMEN ÇALAR Sayfa değişmez, player bar'da canlı yayın başlar
Playlist Kare kart + ok ikonu ŞARKI LİSTESİ Playlist detay sayfası açılır, şarkılar listelenir
Albüm Kare kart + ok ikonu ŞARKI LİSTESİ Albüm detay sayfası açılır, şarkılar listelenir
Genre Kare kart + ok ikonu GENRE SAYFASI O genre'daki playlistler, radyolar, albümler görünür
Sektör Kare kart + ok ikonu SEKTÖR SAYFASI O sektöre ait radyolar + playlistler listelenir
4

Sıralama Değiştirme

Admin panelden sürükle-bırak ile

ADMIN'DE SIRALAMA (ÖNCE)
0 Playlist Sabah Motivasyonu
1 Radio Soft Jazz Radio
2 Album Sezen Aksu
3 Playlist Chill Beats
ADMIN'DE SIRALAMA (SONRA)
0 Radio Soft Jazz Radio taşındı
1 Playlist Sabah Motivasyonu
2 Playlist Chill Beats taşındı
3 Album Sezen Aksu
position kolonu sıralamayı kontrol eder. Admin panelde sürükle-bırak (Sortable.js) ile değiştirilir. Kullanıcı anasayfada bu sırayla kartları görür. Koleksiyonların kendi aralarındaki sıralama ise priority kolonu ile kontrol edilir.
Versiyon Geçmişi
v1 — İlk analiz (Spotify + Apple + Soundtrack benchmark)
v2 — B2B pivot (Soundtrack Your Brand modeli, dayparting)
v3 — Görsel simülasyon (renk kodlu kartlar, veri akışı)
v4 — 5 polimorfik tip kesinleşti (Playlist, Album, Radio, Genre, Sector)
v5 — Örnek veri tabloları + Users sektör alanı + Draft admin paneli
v6 — Kullanıcı deneyimi mockup: Ahmet'in gerçek ekranı + tıklama davranışları