Սխալների հիերարխիա և առաջնահերթությունների լուսավորություն

1) Ինչո՞ ւ է անհրաժեշտ սխալների հիերարխիա

Սխալը պարզապես «կարմիր տեքստ» չէ։ Սա կառավարվող ազդանշան է, որը պետք է

բացատրել, որ այդպես չէ,

ցույց տալ, թե ինչու է դա կարևոր։

ասել, թե ինչ անել հաջորդը,

առաջնահերթություններ դնել, եթե սխալները մի փոքր են։

Սխալների հիերարխիան նվազեցնում է ճանաչողական բեռը, արագացնում է ուղղումը և բարձրացնում քայլերի ծրարը (վճարումներ, KYC)։

2) Քննադատության մակարդակների մոդելը (Severity)

Պլանավորվում է հինգ աստիճաններ 'լուծումներից մինչև արգելափակող խնդիրներ

1. Գրանցումը (տեղեկացումը) - «Թերի պրոֆիլը, կարող եք լրացնել ավելի ուշ»։ Չի արգելափակում։

2. Notice (ուշադրություն) - «Լիմիթ գրեթե սպառված»։ Մենք պետք է գործենք։

3. Warning (նախազգուշացում) - «Ձևաչափի անհամապատասխանությունը, տվյալները մասամբ պահպանված են»։ Կարող է խանգարել։

4. Error (սխալ) - «Սխալ ձևաչափը/պարտադիր դաշտը դատարկ է»։ Արգելափակում է կոնկրետ գործողությունը։

5. Critical (կրիտիկական) - «International/անվտանգության ռիսկը»։ Արգելափակում է սցենարը, պահանջում է անհապաղ։

Կանոնները

Մեկ էկրանը մեկ հիմնական կարգավիճակ է։

Շատ սխալներով 'ցույց ենք տալիս քննադատական վերևից և կայուն շրջում ենք դեպի առաջին սխալը։

3) Առաջնահերթությունների լուսավորման սկզբունքները

1. Տեսողական հիերարխիա 'գույնը/իկոնկան/108/հակադրությունը մեծանում են քննադատության հետ։

2. Տարածական հարևանությունը 'դաշտի/գոտու մոտ սխալը, որին պատկանում է։

3. Ֆոկուսը և պտտումը 'ավտոմեքենան-սկրոլը առաջին սխալի համար + ֆոկուսը խնդրահարույց դաշտում։

4. Մեկ հիմնական callout 'ընդհանուր լոգոն/ալերտ կրիտիկական խնդրի մասին + տեղական հուշումներ։

5. Հոսանքների հաջորդականությունը 'գույներ/իկոնիկներ/տառատեսակներ Ռուսաստանի/Warning/Error-ի համար անփոփոխ են բոլոր ապրանքներում։

6. Կյանքի ժամանակը 'տեղական սխալները դեռ չեն շտկվել։ դրոշները մինչև փակումը/ուղղումը։

7. Մենք չենք շփոթում, «դատարկ» է «սխալ», «ակնկալելով» ռուսական «սխալ»։

4) Տեսողական լեզուն (UI-tocens)

Գույները

Իսպանիան չեզոք կապույտ/մոխրագույն է,

Notice-ը յաթ/դեղին է,

Warning-ը նարնջագույն է,

Error - կարմիր,

Critical-ը հագեցած կարմիր + հակադրողական ֆոն է։

Իկոնկի 'notice, error/, success։

Բեռնարկղերը

Intert-հաղորդագրությունը դաշտի տակ (նվազագույն շրջանակ)։

Row-callout տողի/քարտի վրա։

Page-alant (դրոշը) ընդհանուր/քննադատական համար։

Միկրո անիմացիաները 'փափուկ տեսքը, առանց «derganya» մակետի։

5) Սխալների տեքստերը ՝ բանաձևը և օրինակները

Բանաձևը ՝ Ոչ թե + ինչպես շտկել + (Ինչու/սահմանափակումը)։

"Ամսաթվի սխալ ձևաչափը։ Մուտքագրեք DD ձևաչափով։ MM։ ԳԳԳ"

"Ֆայլը չափազանց մեծ է (maks 10 MB)։ Բեռնեք ֆայլը ավելի փոքր չափսերով"։

"Ստուգման անբավարար մակարդակը։ Անցեք KYC-ը, դա կպահանջի 242 րոպե"։

"Մոսկվան մերժվել է բանկի կողմից։ Փորձեք մեկ այլ մեթոդ կամ կապվել բանկի հետ"։

Anti-pattern: «Սխալ 400», «Ինչ-որ բան սխալ է», հումորը սթրեսային քայլերում։

6) Հիերարխիա բարդ ձևերով (108/KUS/վճարումներ)

1. Inter-validation blur-ում, մենք անմիջապես տեղական սխալներ ենք բռնում։

2. Համաշխարհային ստուգումը ֆոսֆիտի վրա 'ցույց տվեք «Ուղղեք նշված դաշտերը» և/խարիսխի ցուցակը։

3. Սխալների լուծումը 'ստեղնաշար/ծխախոտ, «Անցնել սխալի # 1/# N»։

4. Ուղղման կարգը 'նախ արգելափակող (Error/Critical), ապա Warning/Notice։

5. Կոնտեքստի պահպանումը 'ներդրված տվյալները սխալմամբ չեն կորցնում։

7) Հատուկ հատկություններ

7. 1 Վճարումներ/եզրակացություններ

Critical 'պրովայդերի/բանկի շեղումը, կասկածելի ակտիվությունը։

ERROR 'քարտեզի/IBAN դաշտը, սահմանները գումարով/հաճախականությամբ։

Warning: դանդաղ ցանց/սպասման ժամանակի ավելցուկ։

Տեքստը ՝ "Մոսկվան մերժված է բանկից։ Փորձեք մեկ այլ մեթոդ կամ կապվել բանկի հետ։ Հանձնաժողովը դուրս չի գրվել"։

7. 2 KUS/անվտանգություն

Critical: փաստաթուղթը կեղծված է/արգելափակված երկիրը/մուլտֆիլմի հաշիվը։

Error 'ոչ ընթերցված փաստաթուղթ/ամսաթվի անհամապատասխանություն։

Տեքստը. <<Փաստաթղթի նկարը փչացած է։ Բեռնեք ավելի մեծ պատկեր լավ լուսավորությամբ"։

7. 3 Որոնում/ֆիլտրեր

Սա սխալ չէ, այլ զրոյական արդյունք։

Տեքստը '<<Արդյունքներ չկա>>։ Հեռացրեք «Պրովայդեր: X» ֆիլտրը կամ փորձեք «alt +»։ [Գցեք ֆիլտրերը]"

8) Հասանելիությունը (A11y) և տեխնոլոգիական պահանջները

Սխալները հայտարարվում են scrinrider: aria-210 = «assertive» քննադատների համար, «polite» ուրիշների համար։

Սխալով դաշտերը ՝ aria-medalid =» 112», aria-describedby հաղորդագրությանը։

Ֆոկուսը տեղափոխվում է առաջին սխալի. ծխախոտի կարգը պահպանում է տրամաբանությունը։

WCAG AA-ի հակադրություն; իկոնկան չի փոխարինում տեքստը։

Տեքստը պետք է բարձրաձայն կարդա առանց իմաստի կորստի։

9) Տեղայնացումը և իրավաբանական ճշգրտությունը

Խուսափեք ժարգոնից և մշակույթային մետաֆորներից։

Համաձայնեցնել տերմինները (գլոսարիան) '«ռուսական մերժված», «սահմանը ավելի բարձր է», «հավատալիացում»։

Նշեք ժամանակը և սահմանափակումները տեղական ձևաչափով '«մինչև 15 րոպե», արժույթը/ամսաթիվը։

10) Որակի մետրերը

Error rate դաշտով/քայլով (օգտագործողների մասնաբաժինը, որոնք բախվել են սխալին)։

Time-to-Fix (միջին ժամանակը առաջին սխալի ուղղումից առաջ)։

Drop-off-ը սխալից հետո (ինչքան են հեռանում, առանց շտկելու)։

Սխալների կրկնությունը (recurrence) ուղղություններով/նստաշրջաններով։

Դիմումներ ՝ աջակցելու սխալի տեսակին։

Կոնվերսիան կատարվում է հիերարխիայի փոփոխությունից առաջ/հետո։

A/B գաղափարները

Avto-scroll և foxus vs միայն գույնը/տեքստը։

Պատճառի ճշգրիտ ձևակերպումը ընդհանուր է։

Լուսավորության կարգը (սկզբում banner noinae) vs (միայն inae)։

«Ցույց տալ պահանջները» հղման ավելացումը սխալի կողքին։

11) Չեկի թուղթը նախքան թողարկումը

• Յուրաքանչյուր սխալ ունի մակարդակ (Core/Notice/Warning/Error/Critical)։
• Գույնը/իկոնկան/կոնտեյները համապատասխանում են մակարդակին։
• Առաջին սխալի և ֆոկուսի տեղափոխման առաջընթաց կա։
• Հաղորդագրությունը բացատրում է որ/ինչպես/ինչու։
• Տերմինները համապատասխանում են գլոսարին; տեղայնացումը ստուգված է։
• Հասանելիություն ՝ aria-ատրիբուտներ, հակադրություն, բարձրաձայն ընթերցում։
• Տվյալները սխալմամբ չեն կորցնում։
• «Զրոյական արդյունքի» և «սպասման» արձանները չեն կազմված որպես սխալներ։

12) «Մինչև/հետո» օրինակները

Ամսաթվի ձևը

Մինչ: <<Սխալ 400>>

Հետո '"Ամսաթվի սխալ ձևաչափը։ Օգտագործեք DD։ MM։ ԳԳԳ"

Lenta.ru

«Վճարումը չի անցել»

Հետո. <<Մոսկվան մերժված է բանկից։ Փորձեք մեկ այլ մեթոդ կամ կապվել բանկի հետ։ Հանձնաժողովը դուրս չի գրվել"։

KYC

Մինչ «Փաստաթուղթը չի ընդունվել»

Հետո. <<Չի հաջողվել ճանաչել փաստաթուղթը։ Բեռնեք նկարը առանց բլոկների, տեսանելի են անկյունները և տեքստը"։

Զրոյական որոնում (սխալ չէ)։

Առաջ ՝ «Սխալ, ոչինչ չի հայտնաբերվել»

Հետո. < -ի արդյունքները չկան։ Հանեք «High-limit» ֆիլտրը կամ փորձեք «roulette»։ [Գցեք ֆիլտրերը]"

13) Դիզայնի համակարգի բաղադրիչները

``

Пропсы: `message`, `severity`, `ariaDescribedBy`, `compact`.

Ռենդեր 'տեքստը + իկոնկա, գույնը' severity "։

``

Пропсы: `title`, `description`, `severity`, `actions[]`.

Տարբերակներ ՝ «www.notice warning mederror ww.critical»։

``

«Անցնել # 1»։

(տրամաբանություն)

Դաշտում կանոնները/ձևը/քայլը, գերակայությունները, սխեմաները (օրինակ, JSON-Schema), հաղորդագրությունների տեղայնացումը։

14) Արագ ձևանմուշներ ֆրազ

15) Գործընթացին մասնակցելը

Նախագծեք տեքստերը միաժամանակ վալիդացիայի տրամաբանության հետ։

Պահեք տողերը i18n բաղադրիչների կողքին, տարբերակեք։

Chek-liste PR-ում 'մակարդակի համապատասխանությունը, aria-ատրիբուտների առկայությունը, ճիշտ տեղայնացումը։

Կանոնավորաբար սխալների և աջակցության հետադարձ կապի միջոցով։

Ալյումինե գնդակը

Նվազեցրեք մակարդակները 'Medical Critical։

Ցույց տվեք առաջնահերթությունը տեսողական և ֆոկուսում։

Բացատրեք ուղղությունը կարճ և կոնկրետ։

Թույլ մի՛ տուր, որ դատարկությունը սխալ լինի։

Չափեք և բարելավեք 'error rate, Time-to-Fix, drop-off։