Interfeýsde hakyky fidbek

1) "Hakyky fidbek" näme

Hakyky fidbek öz wagtynda, anyk we hereket bilen baglanyşykly seslenme bolup, ulanyja nämeleriň bolup geçýändigine, häzir nämeleriň bolup geçjekdigine düşünmäge kömek edýär. Aň-düşünjäni peseldýär, ýalňyşlyklary azaldýar we gözegçilik duýgusyny ýokarlandyrýar.

• Näbellilik we garaşmak.
• Ýalňyşlyklaryň öňüni almak we olary çalt düzetmek.
• Üstünligi tassyklamak we indiki ädimi görkezmek.

2) Seslenmäniň görnüşleri

Derrew (100-200 ms ≤): hover/focus/pressed-halatlar, işjeň elementleriň yşyklandyrylyşy.
Gysga (1 s ≤): spinnerler/skeletonlar, mikro-podstratlar, "Saklandy".
Ösüş (sekunt-minut): determinate/indeterminate-görkezijiler, ETA/ädimler.
Tassyklamalar: aýdyň "Taýýar" + netijä baglanyşyk/undo.
Duýduryşlar: zyýany ýumşak ýagdaýda saklaýarlar (iberilmezden öň).
Ýalňyşlyklar: "nämäniň nädogrydygyny" we "nädip düzetmelidigini" düşündirýärler.
Ulgam ýagdaýy: onlaýn/awtonom, sinhronizasiýa, gapma-garşylyklar.
Kontent fidbek: üýtgeşmeleri yşyklandyrmak, wersiýalary deňeşdirmek, "täze" nyşany.

3) Hil fidbekiniň ýörelgeleri

1. Öz wagtynda:

mikrosignal birbada; uzak möhletli amallar - ösüş bilen.

2. Kontekste baglanyşyk:

hereket/meýdanyň gapdalynda; umumy bannerde gizlemäň.

3. Takyklygy we hereketi:

"Parol gaty gysga (8 minut). Düzetmek?" "Hata 400" ýerine.

4. Yzyna gaýdyp gelmek:

Üýtgetmek baradaky habarnamada "Ýatyrmak "/" Yzyna gaýtarmak ".

5. Öňünden aýdylýanlygy:

önümde üstünlik/ýalňyşlyklar üçin birmeňzeş şablonlar.

6. Elýeterlilik:

kontrast, diňe bir reňk däl, ARIA live, fokus dolandyryşy.

7. Üns tygşytlamak:

iň az ýeterlik signal; gereksiz moda we "gykylyk" bolmazdan.

4) "Janly" fidbek patternleri

4. 1 Elementleriň wizual ýagdaýy

Hover/focus/pressed/disabled - görünýän iýerarhiýa.
Düwme → "ýüklemek" (gaýtalanmaýar).

4. 2 Inline-validasiýa (göni meýdanda)

Fokus ýitirilende ýa-da giriş arakesmesinde sintaksisi barlamak (debounce 300-500 ms).
Meýdanyň aşagyndaky habar, status nyşany, mysal/maska ("+ 38 (0XX) XXX-XX-XX").
Tertip: ilki öňüni almak, soň düzetmek.

4. 3 Skeletons и Empty States

"Bökýän" mazmunyň ýerine skeletons.
Görkezmeler/demo maglumatlary we CTA bilen boş ýagdaýlar.

4. 4 Optimistic UI (yza gaýdyp)

Netijäni derrew üýtgedip görkezýäris, şol bir wagtyň özünde serwere iberýäris.
Şowsuz bolanda - ýumşak yza gaýdyp gelmek + anyk sebäp + "Gaýtala".
Yzyna gaýtarmagyň ýazgylary we metrikleri hökmanydyr.

4. 5 Awtomatiki gorap saklamak we görkezijiler

"Saklandy 18:42 "/" Senkronizasiýa" .../" Awtonom: ýerli göçürme ".
Gapma-garşylyklar: diff görkeziň we üýtgeşmeleri saýlaň/syzdyryň.

4. 6 Bellikler we inbox

Möhüm wakalar - hereket düwmesi bilen 3-5-e çenli görnüp duran tost.
Fon meseleleri üçin - habarnamalar merkezi/taryh.

5) Ýalňyşlyklar: klassifikasiýa we jogaplar

Tassyklama (ulanyjy): meýdanyň gapdalynda; nädip düzetmeli; mysal.
Işewürlik düzgünleri: düzgüni/bosagany düşündirmek; alternatiwa hödürlemek.
Tehniki: ulgam/serwer - "Aragatnaşyk meselesi. Gaýtalamak?" + awtonom re modeim.
Kritiki: hemme zady moda bilen bozmazlyk - konteksti saklamak, dikeldişe ýol bermek.

Ýalňyşlyklaryň mikrokopitasy: gysgaça, dilden, kody we ulanyjynyň günäsi bolmazdan.

6) Uzak möhletli amallar we nobatlar

Determinate progress: Belli göwrümi - göterimleri/ädimleri görkezmek.
Indeterminate: näbelli - impuls + baha "Adatça 5-10 s".
Fon meseleleri: wezipeleriň sanawyndaky status + taýynlyk boýunça push/tost.
Ýatyryş/Arakesme: ýerlikli ýerde - hökmany.
Ösüş kompozisiýasy: köp ädim → kiçi ädimler ("2/4 ädim: barlamak"...).

7) Awtonom, arakesmeler we gapma-garşylyklar

Habar beriň: "Awtonom", "Birikdirýäris" nyşany....
Lokal kesleşmek: torsuz işlemek; ibermek üçin nobat.
Wersiýalaryň gapma-garşylyklary: tapawudyny, saýlamasyny ýa-da merge strategiýasyny çaklaýaryn.
Taýmautlar: "30 sagadyň içinde şowsuz bolduňyz - ýene synap göreliň?" + "Soň habar beriň".

8) Elýeterlilik we öz içine alyjylyk

ARIA live regions: 'aria-live = "polite/assertive"' tost/ýalňyşlyklar üçin.
Fokus-dolandyryş: ýalňyşlyk bilen - meýdana fokus; üstünlik - netijä.
Diňe reňk däl: nyşan/tekst/nagyş.
Hereket islegleri: 'prefers-reduced-motion' -a hormat goýmak.
Ses/takyklyk: ýumşak haptics, öçürmek mümkinçiligi.

9) Fidbekiň hiliniň metrikleri

TTF (Time-to-Feedback): hereketden soň ilkinji signaldan öň wagt.
Error Rate/Correction Rate: hatalaryň we ≤ üstünlikli düzedilenleriň paýy N s.
Rage-Clicks/Dead-Ends: hereketsiz zolaklara birnäçe gezek basmak.
Rollback Rate (optimistic): yzyna gaýtarmagyň göterimi we sebäpleri.
Success Acknowledged: "Taýýar" diýen aýdyň tassyklamalaryň paýy.
Support Signals: düşnüksiz ýalňyşlyklar/statusyň ýitmegi barada şikaýatlar.
Task Completion/TTFV: fidbekiň wezipeleri tamamlamakdaky täsiri we ilkinji gymmaty.

10) Gurallar we wakalar

ui_action {type, target_id, context}
ui_feedback_shown {type: success    warning    error    progress, target_id, latency_ms}
ui_error {category: validation    business    network    system, field, code, retriable}
sync_state {online    offline    syncing, queued_ops, conflicts}
optimistic_tx {entity, op, committed    rolled_back, reason}

Atributlar: segment, enjam, kanal, programmanyň/bildiň wersiýasy.

11) Çek-listler

11. 1 Dizaýn

• Her hereketde derrew wizual jogap bolýar.
• Ýalňyşlyklar - meseläniň ýerleşýän ýeriniň golaýynda, düzediş mysaly bilen.
• Üstünlik - aýdyň tassyklama + indiki ädim/baglanyşyk.
• Uzak amallar - ösüş/ETA/ýatyrmak.
• Awtonom ýagdaý we senkronizasiýa beýan edildi.
• Optimistic UI howpsuz yza gaýdyp barmak we ýapmak bilen.
• Elýeterlilik: kontrast, ARIA, fokus, "diňe reňk".

11. 2 Mazmun/mikroskoplar

• Gysgaça, iş boýunça, tehniki jargonsyz.
• Ulanyjyny günäkärlemäň; düzediş ýoluny teklip etmek.
• Konsistent şablonlary ("Saklandy", "Şowsuz - Gaýtalamak").

11. 3 Tehnika

• Idempotency/CTA-da tıklamalary aýyrmak.
• Ibermegi, wagtlary we backoff retrailerini ýatyrmak/gaýtalamak.
• TTF ýazgylary, ýalňyşlyklar, yza gaýdyp gelmek we awtonom nobat.
• Erbet tor/uzak jogap/gapma-garşylyklar bilen synaglar.

12) Mikrokopiratyň mysallary

• "Saklandy 19:05. Kartoçkany aç →"

• "Parol gaty gysga - azyndan 8 nyşan."

• "Aragatnaşyk ýitdi. Üýtgeşmeler ýerli ýagdaýda saklandy. Iberilmegini gaýtalamak?"

• "Faýly gaýtadan işleýäris (2/3 ädim)... Adatça 30 sekunt dowam edýär"

• "Bu resminamanyň täze görnüşi bar. Üýtgeşmeleri deňeşdirmek we saýlamak"

• "Üýtgedip bolmady. Öňküsini yzyna aldyk. Gaýtalamak?"

13) "Öň/soň" halatlary

Maslahatsyz görnüş → inline-validasiýa

Öň: diňe iberilenden soň ýalňyşlyklar; ýokary ret etmek.
Ondan soň: girişine görä maslahatlar, formatyň mysallary, meýdanyň yşyklandyrylyşy - Completion Rate-iň ösüşi we Error Rate-iň peselmegi.

Uzak ýüklemek → skeleton + ösüş

Öň: spinner bilen boş ekran; rage-tıklamalar.
Ondan soň: skeletler, kesgitlenen ösüş, ýatyryş - Rage-Clicks peselmegi.

"Dymmak" → aýdyň üstünlik + indiki ädim

Öň: ulanyjy takyk däl, gaýtalaýar.
Soň: "Saklandy" + "Aç" baglanyşygy - az dublikat we ýalňyşlyk.

Ulgam durnuksyz → awtonom nobat

Öň: maglumatlaryň ýitmegi.
Ondan soň: ýerli ekap, ibermegiň gaýtalanmagy, status nyşany - ynamyň ýokarlanmagy.

14) Durmuşa geçirmek prosesi

1. Ädimleriň we ýalňyşlyklaryň kartasy: nirede seslenme gerek we haýsy görnüş.
2. Fidbek şablonlary: üstünlik/ýalňyşlyk/ösüş/awtonom - ýekeje toplum.
3. Prototip we synaglar: gijikdirmeler emeli usulda köpeldi; elýeterliligi barlamak.
4. Instrumentasiýa: wakalar, TTF, yza gaýdyp gelmek, rage-basmak.
5. Synaglar: A/B formulalarda we nusgalarda (inline vs post-submit).
6. Baýdaklar boýunça rollaut we wakalaryň retrospektiwi.

15) Gysgaça mazmuny

Hakyky fidbek dogry pursatda dogry signaldyr: derrew jogap, düşnükli ýalňyşlyklar, dogruçyl ösüş we görünýän ahyrky nokat. Fidbegi lokal we täsirli ediň, awtonom we yza gaýdyp geliň, elýeterliligi saklaň we "Error Rate" we "Rage-Clicks" bilen bilelikde "Time-to-Feedback" -i ölçäň. Şeýlelik bilen interfeýs öňünden aýdyp bolýar we ulanyjy her bir herekete ynamly bolýar.