Ulanyjy interfeýsini şahsylaşdyrmak
1) Ýörelgeler
1. Ilki peýdasy, soň "jadysy". Islendik üýtgeşme diňe "geň galdyrmak" däl-de, maksada barýan ýoly (stawka/goýum/oýun/sazlamak) gysgaldmalydyr.
2. Aç-açanlyk we gözegçilik. Ulanyjy nämäniň şahsylaşdyrylandygyny görýär we aňsatlyk bilen dolandyrýar. "Akylly şahsylaşdyrma" tumbleri bar.
3. Ýumşak uýgunlaşma. Teklip ediň, ýüklemäň: göze ilmeýän teklipler, el bilen saýlamagy saklamak.
4. Howpsuzlyk we gizlinlik. Iň az maglumatlar, diňe ylalaşylan signallar, saklamak syýasatlaryna düşnükli.
5. Çaklamalaryň ýerine A/B. Her bir çaklama synaglary geçirýär we regressiýalara gözegçilik edýär.
2) Şahsylaşdyrmagyň ugurlary
Nawigasiýa: bölümleriň tertibi, çalt bellikler, iň soňky baryp gören ekranlar.
Leýaut we dykyzlyk: kartoçkalaryň ululygy, sütünleriň sany, power-users üçin "dykyz" re modeim.
Mazmun: maslahat berlen oýunlar/bazarlar, gyzyklanma bellikleri, saýlanan üpjün edijiler.
Mahabat we bannerler: degişli mahabatlar, ýaryşlar, bonuslar (ýygylyk gözegçiligi bilen).
Gözleg we süzgüçler: taryhy göz öňünde tutup awtomatiki doldurmak, saklanylan presetler.
Habarnamalar: "tupana" garşy akylly digests, gijelerine ümsümlik, görnüşleri boýunça ähmiýeti.
Tema/kontrast/şriftler: wizual islegleri ýatda saklamak.
Domen formatlary: koeffisiýentler (only/bölek/amerikan), görkeziş walýutasy, dil.
3) Şahsylaşdyrmagyň modelleri
3. 1 El sazlamalary (explicit)
"Islegler" paneli: ulanyjynyň özi widjetleri açýar/öçürýär, tertibi sazlaýar, koeffisiýentleriň/walýutanyň/temanyň görnüşini kesgitleýär.
3. 2 Kontekst uýgunlaşmasy (context-aware)
Enjama, günüň wagtyna, tora bil baglaýar: gijelerine - adaty gara tema, gowşak aragatnaşykda - ýönekeýleşdirilen metbugat, ykjam aragatnaşykda - gysgaldylan karuseller.
3. 3 Özüni alyp baryş segmentleri (behavioral)
"Slot-oýunçy", "sport-jedeller", "live-oýunlar", "täze gelen" klasterleri. Bölümleriň, teklipleriň we maslahatlaryň tertibine täsir edýär. Elmydama "defolt" -a gaýdyp gelmek üçin ýol goýuň.
4) Binagärlik: signallar → çözgütler → UI
Signallar: wakalar (tomaşa etmek/basmak/nyrhlar), profil sazlamalary, kontekst (wagt zolagy, enjam), çäklendirmeler (çäklendirmeler/ýurisdiksiýa).
Düzgünleriň/modelleriň gatlagy: fiçeflaglar, segmentator, maslahat beriji hyzmat.
UI-render: komponent semantik bellikleri we konfigleri kabul edýär (içerde ML logikasyz).
Lokal profiller: islegleriň bir bölegi müşderide saklanýar (mysal üçin, widjetleriň tertibi).
5) Ulanyja gözegçilik we aç-açanlyk
Şahsylaşdyrma "Siziň hereketleriňize esaslanýan bloklaryň tertibini üýtgedýäris" tooltip bilen "Akylly sazlama" nyşany bilen bellendi.
Sazlamalar: şahsylaşdyrmagy açyň/ýapyň, "Teklipleri taşlaň", "Standart esasy zady görkeziň".
Üýtgeşmeleriň taryhy (mikro-log): "Saýlanan" blogy goşuldy, sebäbi köplenç açýarsyňyz "....
6) Özara gatnaşyklar we patternler
Widgetleri süýremek (drag-n-drop) + "Öňküsi ýaly yzyna gaýtarmak" düwmesi.
Kartoçka menýusyndan bloky gizläň/görkeziň.
Gözleg/kataloglarda saklanan süzgüçler/toplumlar.
Awtomatiki doldurmak soňky gözlegleri we berkidilen ligalary/oýunlary göz öňünde tutýar.
"Ýerden dowam et": soňky kupon/oýun/ýaryş - birinji ekran.
"Siziň üçin" bölümi ilkinji däl we özüne çekiji däl; elmydama "Hemme zady göster" we "Muny görkezme" bar.
7) iGaming aýratynlyklary
Jogapkär oýun: çäklendirmeler we taým-autlar barada şahsy ýatlatmalar - mahabatdan ileri tutulýar. Işjeň çäklendirmeleri bolan oýunçylara hiç hili basyş edilmeýär.
Koeffisiýentler we bazarlar: halaýan ligalaryňyzy we bazarlaryňyzy ilki görkeziň; "ýakynda üýtgedilen koeffisiýenti" dogruçyl belläň.
Oýunlaryň teklipleri: üpjün edijiler/mowzuklar boýunça dürlülik, bir üpjün edijiniň gaýtalanmalaryny çäklendirmek; "Bu 3 × oýnadyňyz - şuňa meňzeş bir zady synap görüň".
Kassa: saýlanan depozit/çykaryş usulyny ýatda saklamak, görkeziş walýutasy; ETA we komissiýalar ýurda degişlidir.
Gijäniň wagty: gije - habarnamalardan has ýuwaş we ýumşak aksentler.
8) Elýeterlilik we lokalizasiýa
Personalizirlenen bloklaryň hemmesinde drag-n-drop üçin 'aria-grabbed' odaklanan el bar.
"Siziň üçin" ýeke-täk görkeziji hökmünde reňke bil baglamaň - tekst belligini goşuň.
Açarlaryň/maslahatlaryň lokalizasiýasy; san formatlary we walýutalar - lokal boýunça.
RTL-re modeimi: tertip aýna bolýar, drag-ugrlar dogry.
9) Çykyş we durnuklylyk
Konfigiler we teklipler - TTL (mysal üçin, 15-30 min) we içerki täzelenmeler bilen müşderide nagt pul.
"Gahrymanlary" gidratlamak (birinji ekran) galan UI-ni petiklemezden.
Maslahat gullugynyň pese gaçmagy ≠ UI pese gaçmagy: defolt sanawlaryny görkezýäris.
Bloklaryň "titremesini" çäklendirýäris: çalyşmalar N sagatdan/sessiýadan köp bolmaly däldir.
10) Gizlinlik we gabat gelmek
Marketingiň şahsylaşdyrylmagyna aç-açan razylyk alyň.
Diňe zerur signallary awto-aýyrmagyň möhletleri bilen saklaň.
Geliň, islegleriňizi eksport edeliň.
Nyşana almak üçin duýgur kategoriýalary ulanmaň; ýerli talaplary berjaý ediň.
11) Metrikler
Task Success/Time-to-Action: ulanyjy maksadyna has çalt ýetýärmi?
Şahsy bloklaryň CTR-leri vs gözegçilik.
Şahsylaşdyrmagy açanlarda retention/Session depth.
Dismiss/Hide rate widgets ("bu gyzykly däl").
Support rate ("näme üçin muny görkezýärsiňiz? ”).
Regret rate (şahsy teklipden soň yza gaýdyp gelmek).
12) Anti-patternler
"Şahsy penjire" üçin nawigasiýany gizläň.
Ulanyjynyň razylygy bolmazdan gözüniň alnynda elementleriň "teleportasiýasy".
Mahabatyň şahsylaşdyrmak ady bilen agressiw ýygylyk görkezilişi.
Aç-açanlyk bolmazdan möhüm akymlarda şahsylaşdyrmak (kassa, KYC).
Her girelgede öňünden aýdyp bolmajak üýtgeşmeler.
Algoritm üçin el sazlamalaryna "gulplar".
13) Dizaýn-ulgamyň bellikleri we konfigleri (mysal)
json
{
"personalization": {
"enabledDefault": true,
"showBadge": true,
"maxReorderPerWeek": 2,
"widgetVariants": ["default","compact","dense"],
"cooldownHours": 24
},
"recommendations": {
"fallback": "trending",
"diversity": { "provider": true, "category": true },
"ttlMinutes": 30
},
"notifications": {
"digestHour": 9,
"quietHours": [22, 8]
}
}14) Snippetler
Ficheflag + segment (React)
tsx type Segment = 'slots' 'sports' 'live' 'newbie';
type Flags = { personalizeHome:boolean };
function useSegments (): Segment [] {/return from profile/dimensions/return ['sports', 'live'];}
function useFlags(): Flags { return { personalizeHome: true }; }
function Home() {
const segs = useSegments();
const { personalizeHome } = useFlags();
const blocks = [
{id: 'continue', title: 'Continue', fixed: true},
{id: 'sportsTop', title: 'Top Events', seg: 'sports'},
{id: 'slotsRec', title: 'Recommended slots', seg: 'slots'},
{id: 'liveRooms', title: 'Live rooms', seg: 'live'}
];
const ordered = personalizeHome
? [...blocks. filter(b=>b. fixed),...blocks. filter(b=>!b.fixed). sort((a,b)=> Number((segs. includes(b. seg as Segment)))-(segs. includes(a. seg as Segment)))]
: blocks;
return <Main blocks={ordered}/>;
}Drag-n-drop reorder (ýönekeý)
js const list = document. querySelector('[data-widgets]');
let dragId = null;
list. addEventListener('dragstart', e => dragId = e. target. id);
list. addEventListener('drop', e => {
e. preventDefault();
const to = e. target. closest('[draggable]'). id;
if (dragId & & to & dragId! = = to) reorderWidgets (dragId, to) ;//save in profile
});
list. addEventListener('dragover', e => e. preventDefault());Şahsylaşdyrma gözegçiligi
html
<label>
<input type="checkbox" id="pToggle" checked>
Smart personalization
</label>
<button id = "reset "> Reset recommendations </button>
<script>
pToggle. onchange = () => setPersonalization(pToggle. checked);
reset. onclick = () => resetRecommendations () ;//clear profile/cache
</script>15) Boş/ýalňyşlyklar/ýagdaýlar
Şahsylaşdyrmak üçin maglumat ýok: tendensiýalary/täzelikleri görkezmek, "Biz henizem siziň hereketleriňizden öwrenýäris" diýip düşündirmek.
Maslahat hyzmatynyň ýalňyşlygy: fallback-bloklar; "Meşhur tost".
Örän dar profil: dürlüligi köpeltmek (üpjün edijiler/kategoriýalar).
16) QA-çek-sanawy
Aç-açanlyk
- "Akylly sazlama" nyşany we düşnükli gural.
- Şahsylaşdyrma düwmesi açýar/ýapýar; "Teklipleri taşla".
UX
- Klawiaturadan bloklary süýremek/gizlemek.
- Şahsy bloklar möhüm mazmuny ýapmaýar.
- Mahabatyň ýygylygy çäklidir; bar "Gyzyklanmaýar".
A11u/Lokalizasiýa
- 'aria' drag-n-drop üçin, dogry tab-tertip.
- Tekstler/formatlar/walýutalar lokallaşdyryldy; RTL dogry.
Çykyş/Ygtybarlylyk
- UI teklipler düşende işleýär (fallback).
- Sessiýanyň çäginde bloklaryň tertibi "titremeýär".
- Konfigikler kesilýär; TTL we reconnect backoff berjaý edildi.
Komplayens
- Marketing şahsylaşdyrmaga razylyk.
- Signallary saklamagyň möhletleri we aýyrmagyň/eksport etmegiň mehanizmi.
17) Dizaýn-ulgamdaky resminamalar
Компоненты: `PersonalizedHome`, `ForYouRail`, `WidgetContainer`, `ReorderHandle`, `PrefsPanel`.
Bellikler/konfigler: ýygylyk çäkleri, TTL, "fixed" bloklaryň alamatlary, diversity-düzgünler.
Gaýd: "Haçan şahsylaşdyrmaly", "Dolandyryşy nädip görkezmeli", "Fallback-özüni alyp barşy".
Do/Don 't: gizlin nawigasiýa, agressiw bannerler, sessiýanyň dowamynda ýygy-ýygydan çalyşmalar.
Gysgaça gysgaça
Şahsylaşdyrmak aç-açan, tersine we hakykatdanam maksada barýan ýoly gysgaldanda işleýär. Ulanyja gözegçilik ediň, ylalaşylan signallara bil baglaň, ML/düzgünleri komponentleriň daşynda saklaň we elmydama ygtybarly defolt ediň. iGaming-de bu ynamy we gatnaşygy ýokarlandyrýar: "öz" bazarlaryňyzy we oýunlaryňyzy has çalt tapmak, degişli çäkleri we maslahatlary görmek - obsesif we garaşylmadyk ýagdaýda.