Микротекстер және UX-коммуникациялар

1) Микротекстер дегеніміз не және олар не үшін қажет

• «қазір не болып жатқанын» және «одан әрі не істеу керектігін» түсіндіреді;
• қателер мен қолдауды азайтады;
• конверсия мен сенімді арттырады.

2) Базалық қағидаттар

1. Мөлдірлік> өткірлік. Ешқандай түсініспеушілік пен сөз байласу жоқ.
2. Контекстілік. Дәл осы жерде және қазір пайдалы нәрсені жазамыз.
3. Қысқалығы. Артық сөздерді мағынасыз алып тастаймыз.
4. Белсенді кепіл және әрекет етушілер. «Сақтау», «Жалғастыру», «Құжаттарды жіберу».
5. Нақтылығы мен бағдарлары. Не, неге, қалай түзетуге болады, қанша уақыт кетеді.
6. Терминдер реттілігі. Бір термин - бүкіл өнім бойынша бір мән.
7. Бренд дауысы және жағдайдың үні. Достық, бірақ түсіністіксіз; стресстік қадамдарда - бейтарап және тыныш.
8. Қол жетімділік. Түсінікті тіл, дауыстап оқуға икемділік, скринридерлермен үйлесімділік.
9. Локализация-first. Жолдардың, сандардың, уақыттың ұзындығына арналған дизайн-токендер; мәдени-тәуелді әзілдерге жол бермейміз.
10. Этика және жауапкершілік. Жағдайдың ашықтығы, адал күту, манипуляциясыз.

3) Микромәтін нүктелерінің картасы

Навигация және CTA: тармақтардың атаулары, түймешіктер, disabled күйі.
Нысандар және ӨЕК/тіркеу: лейблдер, плейсхолдерлер, маскалар, кеңестер, inline-валидация, қателер, растаулар.
Бос күй және «нөлдік» экрандар: бұл не және қалай бастау керек.
Мәртебелер мен прогресс: жүктеулер, кезек, қадамдар, күту уақыты.
Жүйелік хабарламалар: тосттар, баннерлер, мылтықтар, e-mail/инбокс.
Іздеу және сүзгілер: сұрау үлгісі, нөлдік нәтижелер, сұрыптау.
Төлемдер/қорытындылар: деректерге қойылатын талаптар, мерзімдер, комиссиялар, лимиттер.
Параметрлер мен қауіпсіздік: парольдер, 2FA, сессиялар, тәуекелдер.
Интерфейсте көмек: хинта, tooltips, SS- фреймдер, анықтамаға сілтемелер.

4) Негізгі аймақтар бойынша паттерндер (мысалдармен)

4. 1 CTA және әрекет атаулары

Қағидаты: түймешік = пайдаланушының әрекеті + нысан.

Дейін: «Жарайды» → Кейін: «Өзгерістерді сақтау»

Дейін: «Толығырақ білу» → Кейін: «Бонус ережелерін оқу»

Дейін: «Жіберу» → Кейін: «Құжатты жіберу»

Жақсы: қысқаша, нақты, орны бойынша. Жаман: абстрактілі, әзілді, екі мағыналы.

4. 2 Лейблдер мен плейсхолдерлер

Лейбл міндетті; плейсхолдер - форматтың мысалы.
Дейін: плейсхолдер «Иван Иванов» лейблсіз → Кейін: лейбл «ФИО», плейсхолдер «Иван Иванов».
Күту пішімі: "КД. ММ. ЖЖЖЖ», «Мин. 8 символ, 1 цифр".

4. 3 Inline-валидация және қателер

Қате туралы хабарлама формуласы: не дұрыс емес + қалай түзету керек + (неге/шектеу).

Алдында: "Қате 400" → Кейін: "Дұрыс емес күн пішімі. КД пайдаланыңыз. ММ. ЖЖЖЖ".
Дейін: "Жүктеу мүмкін емес" → Кейін: "Файл тым үлкен (ең көп 10 МБ). Кіші файлды таңдаңыз".
Ашулар/бұғаттауларға: қатар «Талаптарды көрсету» сілтемесін қосыңыз.

4. 4 Бос күй

Мақсаты: құндылығын түсіндіру және әрекетті ұсыну.

Үлгі: "Сіз [әрекет] болғаннан кейін [нәтиже/тарих] осында болады. [Қадам түймешігі]".
Мысал: "Сіздің төлемнің сақталған әдістеріңіз жоқ. Картаны қосыңыз - бұл төлемдерді жылдамдатады. [Картаны қосу]".

4. 5 Жүктеулер, прогресс, күту

Не болып жатқанын және қанша уақытты алатынын хабарлаңыз: «Құжаттарды тексереміз (2 минутқа дейін)».
«Терезені жабуға болады - бәрі дайын болғанда хабарлаймыз» баламасын ұсыныңыз.

4. 6 Нөлдік іздеу нәтижелері

Мысал: «Live blackjack» сұрауы бойынша ештеңе табылмады. «blackjack» әрекетін жасаңыз немесе «Провайдер: X» сүзгісін алып тастаңыз. [Сүзгілерді жою]".

4. 7 Хабарламалар (тостар/баннерлер/пушкалар)

Табыс: "Өтінім жіберілді. Біз шешім туралы e-mail арқылы хабарлаймыз".
Ақпарат: «Мекенжайды верификациялау лимитті ұлғайту үшін міндетті».
Назар аударыңыз: "Сессия 1 минуттан кейін аяқталады. Ұзарту керек пе? [Ұзарту] [Шығу]".
Қате: "Төлемді банк қабылдамады. Басқа әдісті қолданыңыз немесе банкпен байланысыңыз".

4. 8 Төлемдер, лимиттер, мерзімдер

Комиссиялар/мерзімдер туралы анық жазыңыз: «Провайдер комиссияны 1,5% ұстап қалады», «Төлем - 15 минутқа дейін».
Бас тарту себептерін түсіндіріңіз: «Бұл әдіс провайдер ережелеріне байланысты сіздің аймағыңызда қол жетімді емес».

4. 9 Қауіпсіздік және сезімтал қадамдар

Бейтарап үн, нөл әзіл.
Мысал: "Біз жаңа құрылғыдан кіруді байқадық. Бұл сен ме? [Иә, бұл менмін] [Жоқ]".

5) Тон және стиль: жағдайға теңшеу

Қалыпты ағын: достық, қысқа.
Оқыту/онбординг: қолдау және ынталандыру.
Стресс/қате/төлем: бейтарап, тыныш, нақты.
Құқықтық/шарттары: формальды-ашық, маркетингтік уәделерсіз.

• Пайдаланамыз: «өтінемін», «дайын», «алаңдамаңыз», «тексеріңіз».
• «Ой», «упс», «хак», «сиқыр», сарказм, кішірейтетін-нәзіктерден аулақ боламыз.

6) Оқшаулау және халықаралық

Жолдар ұзындығы бойынша қор қойыңыз (DE/UK ұзын).
Сандар/валюталар/күндер - жергілікті пішімдеңіз.
Әзіл/метафораның мағынасын шифрламаңыз.
Терминдер мен tone-map глоссарийін тілдер бойынша жүргізіңіз (әрбір жағдайға арналған сөз тіркестерін теру).

7) Қол жетімділік (A11y)

Қателер мен маңызды жағдайлар - aria-live.
WCAG деңгейіндегі қарама-қарсылық және оқылушылық.
Мағынасы - placeholder ғана емес, лейблде/aria-label.
Белгішелер үшін мәтіндік баламалар: «Өшіру», «Құпия сөзді жасыру».
Табуляция реті = мән реті.

8) Мазмұн процесі және дизайн жүйесі

Контент-пайплайн: бриф → драфт → UX-ревью → легал/комплаенс (қажет болса) → локализация → тесттер → релиз.

• жай-күй кітапханалары (табыс/инфо/назар/қате);
• өріс типтері бойынша қате үлгілері;
• CTA-атаулары бойынша гайда;
• tone-map және глоссарий;
• «ұзындық мөлшерлегіштері» (жай-күйлер үшін max chars).
• Мәтінді нұсқалау: жолдарды кодпен/компоненттермен қатар сақтаңыз, кілттер мен сипаттамаларды пайдаланыңыз.

9) Өлшемдер және эксперименттер

Негізгі өлшемдері: қадамның конверсиясы, CTR бойынша CTA, аяқталуға дейінгі уақыт, қате жиілігі (type-specific), сценарий үшін NPS/CSAT, тақырып бойынша қолдаудың жиілігі.
Зерттеулер: UX-сұхбат, юзабилити-тесттер, дауыстап оқу, «соқыр аймақтарды» анықтау үшін eye-tracking, бос күй клик-картасын талдау.
A/B-microcopy тестілері: бір уақытта бір мағыналық факторды тестілеңіз (әрекет етуі, мерзімнің нақтылығы, қате тұжырымы).

10) Қарсы үлгілер

Сыни қадамдардағы әзіл («упсик!» төлем қатесі кезінде).
Әрекет ету объектісінсіз абстрактілі CTA («ОК», «Одан әрі»).
Аудармасыз техникалық кодтар («Сервис қол жетімді емес» орнына «Error 500»).
Лейблдің орнына плейсхолдер.
Жасырын шарттар мен ақталмаған күтулер (кідірістер болған кезде «Тез»).
next-step жоқ «нөлдік» бос күй.
Пассив кепіл және жеке емес конструкциялар («толтырылуы тиіс»).

11) Сөз тіркестерінің үлгілері (алуға және қоюға болады)

• «Телефон нөмірін + 380... форматында енгізіңіз»
• "Құпия сөз тым қысқа. Кемінде 8 таңба"
• "Құжат бұлдыр. Анық фотосуретті жүктеп алыңыз"

• "Дайын! Біз құжаттарды (2 минутқа дейін) тексеріп, хабарлама жібереміз"
• "Төлем қабылданды. Түбіртек e-mail-ге жіберілді"

• "Мұнда алғашқы толықтырудан кейінгі операциялардың тарихы пайда болады. [Толтыру]"

• "Провайдерді қосамыз... бұл әдетте 30 секундқа дейін созылады"

• "Біз беймәлім жерден кіруге тыйым салдық. Егер бұл сіз болсаңыз - қосымшада растаңыз"

12) Чек парақтары

• Пайдаланушыға не істеу керектігі түсінікті бе?
• Нақтылығы бар ма: форматы, лимиті, мерзімі, себебі/салдары?
• Терминдер глоссарийге сәйкес келе ме?
• Тон жағдайға сәйкес келе ме?
• 320 px экранында дыбыстап оқылады ма?
• Қол жетімділік: лейблдер, aria атрибуттары, фокус, контраст.
• Оқшаулау опциясы дайын ба (мәдени тұзақсыз)?

• Хабар себебін түсіндіре ме?
• Түзету керек пе?
• Пайдаланушыны айыптамайды ма?
• Артық техникалық детальдарды ашпайды ма?

13) «дейін/кейін» мысалдары

1. Төлем қабылданбады

Дейін: «Төлем жүргізу қатесі»

"Төлемді банк қабылдамады. Басқа картаны көріңіз немесе банкпен байланысыңыз. Комиссия есептен шығарылмаған"

2. Екі мағыналы түймешік

«Жалғастыру» дейін (нақты не екені белгісіз)

Кейін: «Жеке басын растауға өту»

3. Нөлдік іздеу

«Ештеңе табылмады» дегенге дейін

«roulette live» бағдарламасында ештеңе табылмады. «Тек high-limit» сүзгісін алып тастаңыз немесе «roulette» әрекетін жасаңыз. [Сүзгілерді жою]"

4. Бос әмиян

Дейін: «Бұл бос»

Кейін: "Бастау үшін картаны немесе әмиянды байлаңыз. Бұл толықтыру мен төлемдерді жеделдетеді. [Төлем тәсілін қосу]"

14) Азық-түлік жұмысына microcopy кіріктіру

Мәтінді дизайнымен және логикасымен бір уақытта жоспарлаңыз.
«Жол банкін» репозиторийде және дизайн-жүйеде ұстаңыз.
Экранның көшірмесіндегі мәтіндерді тестілеу кезеңін таңдаңыз.
Шешімдерді құжаттаңыз: неге тұжырым таңдалды, қандай гипотезалар тексерілді.

Қысқаша шпаргалка

Мағынасы → Әрекет → Сөз. Алдымен не істеу керек, содан кейін оны қалай айту керек.
Бір экран - бір мақсат. Шағын мәтін қадамның мақсатына қызмет етеді.
Контексті көп - қолдау аз. Уақытылы және іс бойынша түсіндіріңіз.
Сөздерді UI сияқты тестілеңіз. Мәтіндер - интерфейстің бір бөлігі, әшекей емес.