Микротексттер жана UX-байланыш

1) микротексттер деген эмне жана алар эмне үчүн керек

• "азыр эмне болуп жатканын" жана "мындан ары эмне кылуу керектигин" түшүндүрөт;
• каталарды жана колдоону азайтат;
• конверсияны жана ишенимди жогорулатат.

2) Негизги принциптер

1. тактык> акылдуу. Эч кандай түшүнүксүз жана сөз.
2. Контекст. Биз бул жерде жана азыр пайдалуу нерсени так жазып жатабыз.
3. Кыска. Ашыкча сөздөрдү маанисин курмандыкка чалбай алып салабыз.
4. Активдүү күрөө жана аракет этиштери. "Сактоо", "Улантуу", "Документтерди жөнөтүү".
5. Өзгөчөлүктөрү жана көрсөтмөлөрү. Эмне, эмне үчүн, кантип оңдоо керек, канча убакытты талап кылат.
6. Терминдердин ырааттуулугу. Бир термин - продукт боюнча бир маани.
7. Бренд үнү жана кырдаалдын тону. Достук, бирок түшүнбөстүк жок; стресстик кадамдарда - бейтарап жана тынч.
8. Жеткиликтүүлүк. Тил түшүнүктүү, үн чыгарып окуу жөндөмдүүлүгү, скринридерлер менен шайкештиги.
9. Локализация-first. Саптардын, сандардын, убакыттын узундугу үчүн дизайн-токендер; Биз маданий көз каранды тамашалардан качабыз.
10. Этика жана жоопкерчилик. Шарттардын ачык-айкындуулугу, чынчыл күтүүлөр, манипуляциясыз.

3) Микротексттердин чекиттеринин картасы

Навигация жана CTA: пункттардын аттары, баскычтары, абалдары жок.
Формалар жана КУС/каттоо: лейблдер, плейсхолдерлер, маскалар, кеңештер, inline-валидация, каталар, ырастоолор.
Бош абалдар жана "нөл" экрандар: бул эмне жана кантип баштоо керек.
Статустар жана прогресс: жүктөмөлөр, кезек, кадамдар, күтүү убактысы.
Системалык билдирүүлөр: тосттор, баннерлер, мылтыктар, электрондук почта/инбокс.
Издөө жана чыпкалар: суроо-үлгү, нөл натыйжалары, сорттоо.
Төлөмдөр/корутундулар: маалыматтарга карата талаптар, мөөнөттөр, комиссиялар, лимиттер.
Орнотуулар жана коопсуздук: сырсөздөр, 2FA, сессиялар, тобокелдик-алерттери.
Интерфейсте жардам: хинттар, tooltips, FAQ-фреймдер, маалымдама шилтемелери.

4) Негизги зоналар боюнча үлгүлөр (мисалдар менен)

4. 1 CTA жана иш-аракеттердин аттары

Принцип: кнопка = колдонуучунун аракети + объект.

Чейин: "ОК" → Кийин: "өзгөртүү сактоо"

Чейин: "Көбүрөөк билүү" → Кийин: "Бонус эрежелерин окуп"

Чейин: "жөнөтүү" → Кийин: "документти жөнөтүү"

Жакшы: кыскача, тактап айтканда, жер боюнча. Жаман: абстракттуу, тамашалуу, түшүнүксүз.

4. 2 Лейблдер жана Playsholders

Лейбл милдеттүү болуп саналат; pleysholder - үлгү формат.
До: плейсхолдер "Иван Иванов" лейблсиз → Кийин: лейблдер "ФИО", плейсхолдер "Иван Иванов".
Күткөндөрдү форматтаңыз: "DD. ММ. GGGG", "Мин. 8 белги, 1 сан".

4. 3 Inline валидация жана каталар

Ката билдирүүнүн формуласы: эмне туура эмес + кантип оңдоо керек + (эмне үчүн/чектөө).

Чейин: "Ката 400" → Кийин: "Туура эмес дата формат. DD колдонуу. ММ. GGGG".
Чейин: "жүктөп алуу мүмкүн эмес" → Кийин: "Файл өтө чоң (макс. 10 MB). Кичирээк файлды тандаңыз".
Ачуу/бөгөттөө үчүн: жакын жерде "Талаптарды көрсөтүү" шилтемесин кошуңуз.

4. 4 Бош шарттар

Максаты: баалуулугун түшүндүрүү жана иш-аракет сунуш кылуу.

Шаблон: "Бул жерде сиз [аракет] кийин [жыйынтык/тарых] болот. [Баскычы-кадам]".
Мисал: "Сизде азырынча сакталган төлөм ыкмалары жок. Картаны кошуу - бул төлөмдөрдү тездетет. [Картаны кошуу]".

4. 5 жүктөмөлөр, прогресс, күтүү

Эмне болуп жатканын жана канча убакытты талап кылаарын айтыңыз: "Документтерди текшерип жатабыз (2 мүнөткө чейин)".
Альтернативаны сунуштаңыз: "Терезени жабсаңыз болот - баары даяр болгондо кабарлайбыз".

4. 6 Нөлдүк издөө натыйжалары

Мисалы: "Эч нерсе табылган жок "Live Blackjack". "Blackjack" аракет же чыпкасы алып салуу "Провайдер: X". [Чыпкаларды өчүрүү]".

4. 7 Билдирүүлөр (тосттор/баннерлер/мылтыктар)

Ийгилик: "Арыз жөнөтүлдү. Биз чечим тууралуу электрондук почта аркылуу кабарлайбыз".
Маалымат: "Даректи текшерүү лимитти көбөйтүү үчүн милдеттүү".
Эскертүү: "Сессия 1 мүнөттөн кийин аяктайт. узартуу? [узартуу] [чыгуу]".
Ката: "Төлөм банк тарабынан четке кагылды. Башка ыкманы көрүңүз же банк менен байланышыңыз".

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

Комиссиялар/мөөнөттөр жөнүндө так жазыңыз: "1,5% комиссия провайдер тарабынан кармалат", "Төлөм - 15 мүнөткө чейин".
Баш тартуунун себептерин түшүндүрүңүз: "Ыкма провайдердин эрежелеринен улам сиздин аймакта жеткиликтүү эмес".

4. 9 Коопсуздук жана сезимтал кадамдар

нейтралдуу тон, нөл тамаша.
Мисал: "Биз жаңы түзмөктөн киргенин байкадык. Бул сен? [Ооба, бул мен] [Жок]".

5) тон жана стили: жагдайга ылайыкташтыруу

Нормалдуу агым: достук, кыска.
Окутуу/чогултуу: колдоо жана түрткү.
Стресс/ката/төлөө: нейтралдуу, тынч, конкреттүү.
Укуктук/шарттары: расмий-ачык, маркетинг убадалары жок.

• Колдонобуз: "сураныч", "даяр", "кабатыр болбоңуз", "текшериңиз".
• Качуу: "ой", "упс", "хак", "сыйкырчылык", сарказм, кичирейтүү-жумшак.

6) Локалдаштыруу жана эл аралык

саптардын узундугу боюнча запасын (DE/UK узун).
Сандар/валюталар/даталар - жергиликтүү түрдө форматтаңыз.
Юмор/метафоралардын маанисин шифрлебеңиз.
Терминдердин жана тон-картанын сөздүгүн тилдер боюнча жүргүзүңүз (ар бир жагдай үчүн фразалардын мисалдарын топтоо).

7) Жеткиликтүүлүк (A11y)

Каталар жана маанилүү статустар - aria-live.
WCAG деъгээлинде карама-каршылык жана окуу.
Мааниси - белги/aria-label, placeholder гана эмес.
иконалар үчүн текст эквиваленттери: "Алып салуу", "Сырсөздү жашыруу".
Табуляция тартиби = маани тартиби.

8) Процесс жана дизайн-мазмун системасы

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

• мамлекеттик китепканалар (ийгилик/маалымат/көңүл/ката);
• талаа түрлөрү боюнча ката шаблондору;
• CTA аталыштары боюнча жол;
• tone-map жана глоссарий;
• узундуктагы "дозаторлор" (шарттар үчүн max chars).
• Текст версиясы: коддун/компоненттердин жанында саптарды сактаңыз, ачкычтарды жана сүрөттөөлөрдү колдонуңуз.

9) Метрика жана эксперименттер

Негизги көрсөткүчтөр: кадам которуу, CTR CTA, аяктаганга чейин убакыт, ката жыштыгы (type-specific), скрипт үчүн NPS/CSAT, тема боюнча колдоо чалуулар жыштыгы.
Изилдөө: UX-маек, колдонмо-тесттер, үн менен окуу, "сокур аймактарды" аныктоо үчүн eye-tracking, бош абалдардын клик картасын талдоо.
A/B-тесттер microcopy: бир убакта бир семантикалык факторду сыноо (иш-аракет этиш, мөөнөтү, ката түзүү).

10) Анти-үлгүлөрү

Юмор критикалык кадамдарда ("упсик!" төлөм катасы болгондо).
Абстракттуу CTA ("ОК", "Андан ары") иш-аракет объектисиз.
Которулбаган техникалык коддор ("Error 500" ордуна "Кызмат жеткиликтүү эмес").
Pleysholder ордуна лейбл.
Жашыруун шарттар жана негизсиз күтүүлөр (кечигүүлөр болгондо "заматта").
next-кадам жок "нөл" бош шарттар.
Пассивдүү күрөө жана жеке эмес конструкциялар ("толтурулууга тийиш").

11) Сөз айкаштарынын үлгүлөрү (алып коюуга болот)

• "+ 380 форматындагы телефон номерин киргизиңиз..."
• "Пароль өтө кыска. Кеминде 8 белги"
• "Документ бүдөмүк. так сүрөттү жүктөп алыңыз"

• "Даяр! Биз документтерди (2 мүнөткө чейин) текшерип, билдирүү жөнөтөбүз"
• "Төлөм кабыл алынды. Дүмүрчөк электрондук почтага жөнөтүлдү"

• "Бул жерде биринчи толуктоодон кийинки операциялардын тарыхы пайда болот. [Толуктоо]"

• "Биз провайдерди туташтырып жатабыз... адатта 30 секундга чейин созулат"

• "Биз бейтааныш жерден кирүү аракетине бөгөт койдук. Эгер сиз болсо, тиркемеде тастыктаңыз"

12) Чек-баракчалар

• Колдонуучу мындан ары эмне кылуу керектиги түшүнүктүү?
• өзгөчөлүктөрү бар: формат, чеги, мөөнөтү, себеби/натыйжасы?
• Терминдер глоссарий менен дал келеби?
• Тон жагдайга туура келет?
• билдирүү үн менен жана 320 px экранда окулат?
• Жеткиликтүүлүк: лейблдер, aria атрибуттары, фокус, контраст.
• Локалдаштыруу үчүн параметр даярбы (маданий тузактар жок)?

• Билдирүү себебин түшүндүрөт?
• түзөтүү сунуш кылат?
• Колдонуучуну күнөөлөбөйбү?
• кошумча техникалык маалымат ачып бербейт?

13) мисалдар "чейин/кийин"

1. Төлөм четке кагылды

Чейин: "Төлөм жүргүзүү ката"

Кийин: "Төлөм банк тарабынан четке кагылды. Башка картаны аракет кылыңыз же банк менен байланышыңыз. Комиссия эсептен чыгарылган эмес"

2. Эки жактуу баскычы

Чейин: "улантуу" (так эмес)

Кийин: "ID ырастоо өтүү"

3. Нөлдүк издөө

Чейин: "Эч нерсе табылган жок"

Андан кийин: "Эч нерсе табылган жок "roulette live". "High-limit гана" чыпкасын алып салыңыз же "рулетка" аракет кылыңыз. [Чыпкалоо]"

4. Бош капчык

Чейин: "Бул бош"

Андан кийин: "Баштоо үчүн, картаны же капчыкты байлаңыз. Бул толуктоолорду жана төлөмдөрдү тездетет. [Төлөм ыкмасын кошуу]"

14) азык-түлүк ишине microcopy киргизүү

Текстти дизайн жана логика менен бир убакта пландаштырыңыз.
"Саптар банкын" репозиторийде жана дизайн системасында сактаңыз.
Тексти сыноо баскычын экрандардын көчүрмөлөрүнө коюңуз.
Чечимдерди документтештирүү: эмне үчүн формулировка тандалып алынган, кандай гипотезалар сыналган.

Кыскача шпаргалка

Мааниси → иш-аракет → сөз. Биринчиден, эмне кылуу керек, анан кантип айтыш керек.
Бир экран - бир максат. Микротекст кадамдын максатын тейлейт.
Көбүрөөк контекстте - азыраак колдоо. өз убагында жана иш боюнча түшүндүрүп.
Сөздөрдү UI сыяктуу сынап көрүңүз. Тексттер - интерфейстин бир бөлүгү, жасалгалоо эмес.