UX-fidbek boş ýagdaýda

1) Boş ýagdaýlar näme we näme üçin zerur?

Boş ýagdaý - esasy mazmun wagtlaýyn ýok bolan ekran/widget: ilkinji hereketden öň, arassalanandan soň, nol netijede, ýüklemekde ýalňyşlyk ýüze çykanda, hukuklar/elýeterlilik bolmadyk ýagdaýynda.

• "näme üçin bu ýerde boş" diýip düşündirmek;
• bölümiň gymmatyny görkezmek;
• indiki anyk ädim teklip etmek (ýa-da saýlamak üçin birnäçe);
• aladany azaltmak we idegiň öňüni almak.

Gowy boş ýagdaý = kontekst + peýdasy + hereket.

2) Boş ýagdaýlaryň tipologiýasy

1. Ilkinji nol (ilkinji wagt empty): ulanyjy entek hiç zat döretmedi/sazlamady.
2. Nol/süzgüç: haýyş netije bermedi.
3. Wagtlaýyn boşluk: maglumatlar ýüklenýär ýa-da nobat ýerine ýetirilýär.
4. Çäklendirme/hukuk: giriş ýok, barlamak derejesi ýeterlik däl.
5. Ulanyjy tarapyndan arassalandy: sebet/taryh arassalandy.
6. Tehniki näsazlyk: toruň/hyzmatyň şowsuzlygy, retraý.

3) Dizaýn ýörelgeleri

Kontekst: boşlugyň anyk sebäbi hakda aýdýarys.
Gymmatlyk → hereket: ilki näme üçin bu bölüm, soň näme etmeli?
Bir esasy CTA: zerur bolsa - ikinji derejeli (learn more/FAQ).
Gysgalygy we aýratynlygy: 1-2 sözlem + aýdyň düwme.
Wizual goldaw: nyşan/illýustrasiýa manyny saklaýar, ünsüni sowmaýar.
Kynçylyklaryň öňüni almak: elmydama öňe barýan ýol bar.
Äheň sazlaşygy: dostlukly we asuda; kritiki ädimlerde degişmesiz (tölegler, howpsuzlyk).
A11y we lokalizasiýa: skrinrider tarapyndan okalýar, dogry egilýär, setirleriň uzynlygyny göz öňünde tutýar.

4) Boş ýagdaýyň çarçuwasy (şablon)

Sözbaşy (opsiýaly, 1 setirli) - gymmatlygyň ýa-da sebäbiň tassyklanmagy.
Tekst (1-2 sözlem) - "näme üçin boş" + "indiki näme".
Esasy CTA esasy maksatly hereketdir.
Ikinji STA/salgylanma - kömek/düzgünler/resminamalar.
Wizual (hökman däl) - 24-96 px ýeňil illýustrasiýa, artykmaç ýüklemäň.

5) Ssenariýalar boýunça patternler

5. 1 Onbording/Birinji nol

Maksat: ilkinji üstünlikli herekete getirmekdir.

Tekst: "Şahsy teklipleri görmek üçin profiliňizi dolduryň we gyzyklanmalary saýlaň."

CTA: "Profili doldurmak "/" Gyzyklanmalary saýlamak".
Maslahat: Güýç/wagt mikro-görkezijisini goşuň: "Bu ~ 1 minut dowam eder".

5. 2 Gözleg/süzgüçler = nol netije

Maksat: Soragy düzetmäge kömek etmek.

"Live blackjack" -den hiç zat tapylmady. "Blackjack" -i synap görüň ýa-da "Üpjün ediji: X "süzgüçini aýyryň"

CTA: "Süzgüçleri taşla": "Katalogy aç".

5. 3 Tölegler/gapjyk boş

Maksat: usulyň goşulmagyny/ilkinji doldurylmagyny höweslendirmek.

Teksti: "Töleg usulyny saklaň - doldurmalar we netijeler has çalt geçer."

CTA: "Töleg usulyny goşmak" ikinji derejeli: "Düzgünler we komissiýalar".

5. 4 Tassyklamak/girmek

Maksat: çäklendirmäni we aýyrmagyň ýoluny aç-açan düşündirmek.

Teksti: "Bu bölüm şahsyýet tassyklanylandan soň elýeterlidir. Adatça 2 minut gerek"

CTA: "Tassyklamany geçmeli" ikinji: "Näme üçin zerur?"

5. 5 Ýoldaky maglumatlar/wagtlaýyn boşluk

Maksat: garaşmak aladasyny azaltmak.

Teksti: "Maglumatlaryňyzy ýygnaýarys. Adatça 30 sekunt gerek. Sahypany goýup bilersiňiz - hemme zat taýýar bolanda size habar bereris"

CTA: Ikinji gezek "düşnükli": "Indiki näme bolar?"

5. 6 Arassalanandan/aýrylandan soň

Maksat: hereketi tassyklamak we indiki ädimi teklip etmek.

Tekst: "Taryh arassalandy. Täze amallar indiki doldurylandan soň peýda bolar"

CTA: "Hasaby doldurmak".

5. 7 Ýalňyşlyk/retrai

Maksat: dikeldişiň anyk ýoly.

Tekst: "Maglumatlary göçürip alyp bolmady. Ulgamy barlaň ýa-da synap görüň"

CTA: "Ikinji gezek gaýtalamak": "Ulgamyň ýagdaýy".

6) Mikroteksler: taýýar şablonlar

• "Bu ýerde birinjisini goşanyňyzda saýlanan oýunlar peýda bolar. [Halanýanlaryňyza goşuň]"

• "{query}" soralanda hiç zat tapylmady. Soragy anyklaň ýa-da süzgüçleri taşlaň. [Süzgüçleri taşla]"

• "Siziň entek saklanyp galan usullaryňyz ýok. Tölegleri çaltlaşdyrmak üçin kartoçka ýa-da gapjyk goşuň. [Usuly goşmak]"

• "Bu aýratynlyk ýaşyny tassyklamazdan elýeterli däl. Bu ~ 2 minut dowam eder. [Ýaşyňyzy tassyklaň] [Näme üçin gerek?]"

• "Soňky 24 sagadyň statistikasyny hasaplaýarys... Adatça 30 sekunta çenli. Hemme zat taýýar bolanda habarnamany görkezeris"

• "Hyzmat elýeterli däl. Biz eýýäm bejerýäris. Soňra synap görüň ýa-da ýagdaýy barlaň. [Gaýtalamak] [Ulgamyň ýagdaýy]"

7) Wizual dil we suratlar

CTA bilen jedelleşmezlik üçin ýeňil monohrom/iki reňkli suratlary ulanyň.
Ölçegler we çyzyklar - kontent kartoçkasyndaky ýaly (wizual sazlaşyk).
Stresli ssenariýalarda gülkünç sahnalary görkezmäň (töleg/howpsuzlyk).

8) Lokalizasiýa we elýeterlilik

Satrlaryň uzynlygyna ätiýaçlyk goýuň (DE/TR has uzyn).
San formatlaryny, walýutasyny, senelerini ýerli görnüşde geçiriň.
Ekranlar üçin: role = "status", aria-live = "polite/assertive".
Diňe şekile many goýmaň: tekst bilen köpeldiň.
320 px okalyşyny we WCAG kontrastyny barlaň.

9) Metrikler we synaglar

• Boş ýagdaýyň esasy CTA boýunça CTR;
• "ilkinji üstünlik" (activation event) öwrülişigi;
• ilkinji herekete çenli wagt;
• ösüş bolmazdan ekrana gaýdyp gelmegiň ýygylygy;
• nol gözleg netijeleriniň paýy;
• ssenariýa boýunça goldamak üçin ýüz tutmalar.

• anyk vs umumy sözbaşy;
• CTA-hereket fiili vs bitarap;
• wagt bahasyny goşmak;
• ikinji derejeli CTA-nyň (SSS) bolmagy we düwmeleriň tertibi;
• suraty vs nyşany vs wizalsyz.

10) Anti-patternler

"Bu ýerde boş" düşündirişsiz we ädimsiz.
Möhüm ädimlerdäki degişmeler (töleg, howpsuzlyk).
Bir CTA "Has köp öwreniň" kontekste baglanyşyksyz.
Passiw girew: "goşulmalydyr". Işjeň ýazyň: "Goşuň"....
Uzyn abzaslar: 1-2 teklip iň köp.
Görnüşlerdäki belligiň ýerine pleýsholder - A11y we düşünmegi ýaramazlaşdyrýar.
Gizlin çäklendirmeler (gijä galmak mümkin bolsa-da, "derrew").

11) Goýberilmezden öň çek-sanawy

• Näme üçin boş?
• Bir sözlemde bölümiň gymmaty barmy?
• Bir esasy CTA bar we zerur bolsa ikinji derejeli?
• Teksti gysgaça (140 belgiden ≤) we anyk?
• Wagt/güýç bahasy goşuldymy?
• Äheň ssenariýa laýyk gelýärmi?
• Lokalizasiýa we A11y barlandyňyzmy?
• Surat CTA-dan agdyklyk etmeýärmi?

12) "Öň/soň" mysallary

Oýun katalogy (birinji nol)

Öň: "Bu ýerde entek hiç zat ýok"

Ondan soň: "Lentaňyzy ýygnaň. Halaýan 3 reanryňyzy saýlaň - maslahat berip başlarys. [Reanrlary saýla]"

Nol gözlemek

Öň: "Hiç zat tapylmady"

Soň: "high-limit roulette" boýunça netije ýok. "High-limit" süzgüçini aýyryň ýa-da "roulette" synagyny görüň. [Süzgüçleri taşla]"

Tölegler

Öň: "Töleg usuly ýok"

Ondan soň: "Kartyňyzy ýa-da gapjygyňyzy saklaň - doldurmalar we netijeler has çalt bolar. [Usuly goşmak] [Komissiýalar we möhletler]"

Tassyklamak

Öň: "Giriş ýok"

Ondan soň: "Bölüm şahsyýet tassyklanylandan soň elýeterlidir. Bu ~ 2 minut dowam edýär. [Tassyklamak] [Näme üçin möhüm]"

13) Dizaýn ulgamyna ornaşdyrmak

• 'title'
• 'body' (1-2 sözlemiň gysga teksti)
• `primaryAction { label, onClick }`
• `secondaryAction { label, href/onClick }`
• 'icon/illustration' (goşmaça)

Tekstleri komponentiň gapdalyndaky i18n-faýllarda saklaň, açarlary we düşündirişleri saklaň, tone-map (ýagdaýlaryň äheňi we sözlügi) birikdiriň.

14) Çalt dizaýner (göçürip almak we ulanmak)

• Sözbaşy: "Birinji ädimden başla"
• Teksti: "Bu ýerde gyzyklanmalaryňyzy saýlan badyňyzda teklipler bolar."
• CTA: "Gyzyklanmalary saýlaň"
• Ikinjisi: "Bu nähili işleýär?"

• "{query}" üçin hiç zat tapylmady. Süzgüçleri taşlaň ýa-da soragy anyklaň"
• CTA: "Süzgüçleri taşla"
• Ikinji derejeli: "Katalog"

• Tekst: "Funksiýa ýaşy tassyklanandan soň elýeterlidir. Adatça 2 minuta çenli"
• CTA: "Ýaşyny tassyklaň"
• Ikinjisi: "Näme üçin gerek?"

• Teksti: "Bir günde maglumatlary ýygnaýarys. Adatça 30 sekunta çenli. Hemme zat taýýar bolanda habar bereris"
• CTA: "Gowy"

Jemleýji şpargalka

Kontekst + gymmatlyk + hereket - bir "üýşmeleňde".
Wizual agramy boýunça bäsdeşliksiz bir esasy CTA.
Gysgaça we anyk: 1-2 teklip.
Hemişe ahyrky çykalga: ahyrky ekranlar ýok.
Lokalizasiýa we A11y komponentiň derejesinde goýulýar.