Mikrotekslar va UX kommunikatsiyalar

1) Mikrotextlar nima va ular nima uchun zarur?

• «hozir nima bo’layotganini» va «bundan keyin nima qilish kerakligini» tushuntiradi;
• xatolar va qo’llab-quvvatlashni kamaytiradi;
• konversiya va ishonchni oshiradi.

2) Bazaviy prinsiplar

1. Aniqlik> aql. Hech qanday noaniqlik va so’zlashuv yo’q.
2. Kontekstlik. Hozir ham, hozir ham foydali narsalarni yozyapmiz.
3. Qisqacha. Maʼnosiz ortiqcha soʻzlarni olib tashlaymiz.
4. Faol garov va harakat feʼllari. «Saqlash», «Davom etish», «Hujjatlarni joʻnatish».
5. Aniqlik va ko’rsatkichlar. Nima, nima uchun, qanday tuzatish kerak, qancha vaqt kerak.
6. Atamalar ketma-ketligi. Bitta atama - butun mahsulot bo’yicha bitta ma’no.
7. Brend ovozi va vaziyatning ohanglari. Do’stona, ammo xayrixohliksiz; stressli qadamlarda - neytral va xotirjam.
8. Foydalanish imkoniyati. Tushunarli til, ovozli o’qish qobiliyati, skrinriderlar bilan moslik.
9. Lokalizatsiya-birinchi. Satrlar, sonlar, vaqt uzunligi uchun dizayn-tokenlar; madaniy-bog’liq hazillardan qochamiz.
10. Axloq va javobgarlik. Sharoitlarning shaffofligi, halol umidlar, manipulyatsiyasiz.

3) Mikrotext nuqtalari xaritasi

Navigatsiya va CTA: bandlar nomi, tugmalar, disabled holatlari.
Shakllar va MSK/ro’yxatdan o’tkazish: yorliqlar, pleysholderlar, niqoblar, maslahatlar, inline-validatsiya, xatolar, tasdiqlashlar.
Boʻsh holatlar va «nol» ekranlar: bu nima va qanday boshlash kerak.
Status va progress: yuklash, navbat, qadam, kutish vaqti.
Tizimli bildirishnomalar: tostlar, bannerlar, pushlar, e-mail/inbox.
Qidirish va filtrlar: soʻrovlar namunasi, nol natijalar, saralash.
To’lov/xulosalar: ma’lumotlarga qo’yiladigan talablar, muddatlar, komissiyalar, limitlar.
Moslamalar va xavfsizlik: parollar, 2FA, sessiyalar, xavf-xatarlar.
Interfeysda yordam: xint, tooltips, SSS freymlari, maʼlumotnomaga havolalar.

4) Asosiy zonalar bo’yicha patternlar (misollar bilan)

4. 1 CTA va harakatlar nomi

Printsip: tugma = foydalanuvchi + obyekt.

Do: «OK» → So’ngra: «O’zgarishlarni saqlash»

Do: «Ko’proq ma’lumot olish» → So’ngra: «Bonus qoidalarini o’qish»

Do: «Jo’natish» → So’ngra: «Hujjatni jo’natish»

Yaxshi: qisqacha, aniq, joyida. Yomon: mavhum, hazil, noaniq.

4. 2 Yorliqlar va pleysholderlar

Yorliq majburiydir; pleysholder - formatning namunasi.
Do: pleysholder «Ivan Ivanov» leyblsiz → Keyin: leybl «FIO», pleysholder «Ivan Ivanov».
Kutishni formatlash: "DD. MM. GGG», «Min. 8 ta belgi, 1 ta raqam".

4. 3 Inline-validatsiya va xatolar

Xato xabar formulasi: nima notoʻgʻri + qanday tuzatish mumkin + (sababi/chegarasi).

Oldin: "Xato 400" → Keyin: "Sananing formati notoʻgʻri. DDdan foydalaning. MM. GGGG".
Oldin: "Yuklab boʻlmadi" → Keyin: "Fayl juda katta (maksimal 10 MB). Kichikroq faylni tanlang.
Ochish/blokirovkalarga: «Talablarni koʻrsatish» bogʻlamasini qoʻshing.

4. 4 Boʻsh holatlar

Maqsad: qadriyatni tushuntirish va harakatni taklif qilish.

Namuna: "Bu yerda [natija/tarix] siz [harakat] qilganingizdan so’ng bo’ladi. [Qadam tugmasi]".
Misol: "Sizda hali saqlangan toʻlov usullari yoʻq. Kartani qo’shing - bu to’lovlarni tezlashtiradi. [Xarita qoʻshish]".

4. 5 Yuklab olish, progress, kutish

Nima sodir bo’layotgani va qancha vaqt ketishi haqida xabar bering: «Hujjatlarni tekshiramiz (2 daqiqagacha)».
Muqobil taklif qiling: «Agar oynani yopsangiz, hamma narsa tayyor boʻlganda xabar beramiz».

4. 6 Nol qidiruv natijalari

Misol: «Live blackjack» soʻrovi boʻyicha hech narsa topilmadi. «Blackjack» dan foydalaning yoki «Provayder: X» filtrini olib tashlang. [Filtrlarni olib tashlash]".

4. 7 Bildirishnomalar (tostlar/bannerlar/pushlar)

Muvaffaqiyat: "Ariza yuborildi. Qaror haqida e-mail orqali xabar beramiz".
Ma’lumot: «Manzilni tekshirish limitni oshirish uchun majburiydir».
Diqqat: "Sessiya 1 daqiqadan keyin tugaydi. Uzaytirishni istaysizmi? [Uzaytirish] [Chiqish]".
Xato: "To’lov bank tomonidan rad etildi. Boshqa usulni sinab koʻring yoki bank bilan bogʻlaning".

4. 8 To’lovlar, limitlar, muddatlar

Komissiya/muddatlar haqida aniq yozing: «1,5% komissiya provayder tomonidan ushlab qolinadi», «To’lov - 15 daqiqagacha».
Rad etish sabablarini tushuntiring: «Ushbu usul provayder qoidalari tufayli hududingizda mavjud emas».

4. 9 Xavfsizlik va sezgir qadamlar

Neytral ohang, nol hazil.
Misol: "Yangi qurilmadan kirishni payqadik. Bu sizmi? Ha, bu men, yoʻq", dedi.

5) Ton va uslub: vaziyatga moslashtirish

Oddiy oqim: do’stona, qisqa.
Ta’lim/onbording: qo’llab-quvvatlovchi va rag’batlantiruvchi.
Stress/xato/to’lov: neytral, xotirjam, aniq.
Huquqiy/shartlar: rasmiy-shaffof, marketing va’dalarsiz.

• «Iltimos», «tayyor», «tashvishlanmang», «tekshiring».
• Biz: «oh», «ups», «haq», «sehr», istehzo, kamaytirish-muloyimlik.

6) Mahalliylashtirish va xalqaro

Satr uzunligi boʻyicha zaxirani qoʻying (DE/UK uzunroq).
Raqamlar/valyutalar/sanalar - lokal ravishda formatlang.
Hazil/metaforalarning maʼnosini shifrlamang.
Tillar bo’yicha atamalar va tone-map (har bir holat uchun iboralar to’plami).

7) Foydalanish imkoniyati (A11y)

Xatolar va muhim holatlar - aria-live.
WCAG darajasidagi kontrast va oʻqish qobiliyati.
Ma’nosi - leybl/aria-label, nafaqat placeholder.
Belgilar uchun matnli ekvivalentlar: «Oʻchirish», «Maxfiy soʻzni yashirish».
Tabulyatsiya tartibi = maʼno tartibi.

8) Kontent jarayoni va dizayn tizimi

Kontent-payplayn: brif → draft → UX-revyu → legal/komplayens (agar kerak boʻlsa) → lokalizatsiya → testlar → reliz.

• holatlar kutubxonasi (muvaffaqiyat/axborot/e’tibor/xato);
• maydon turlari bo’yicha xato shablonlari;
• CTA nomlari bo’yicha gidlar;
• tone-map va glossariy;
• «dozatorlar» uzunligi (holatlar uchun max chars).
• Matnni versiya qilish: satrlarni kod/komponentlar yonida saqlang, kalitlar va tavsiflardan foydalaning.

9) Metrika va eksperimentlar

Asosiy metrikalari: qadam konvertatsiyasi, CTA bo’yicha CTR, tugash vaqti, xato chastotasi (type-specific), stsenariy uchun NPS/CSAT, mavzu bo’yicha qo’llab-quvvatlovchi murojaatlar chastotasi.
Tadqiqotlar: UX-intervyular, yuzobiliti-testlar, ovozli o’qish, «ko’r zonalarni» aniqlash uchun eye-tracking, bo’sh holatlar klik-kartasini tahlil qilish.
A/B-testlar microcopy: bir vaqtning o’zida bitta semantik omilni (amal qilish fe’li, muddatning aniqligi, xatoning ifodasi) sinab ko’ring.

10) Anti-patternlar

Tanqidiy qadamlardagi hazil («upsik!» to’lov xatosi bo’lganda).
Obʼektsiz abstrakt CTA («OK», «Keyingi»).
Tarjimasiz texnik kodlar («Xizmat mavjud emas» o’rniga «Error 500»).
Leybl o’rniga pleysholder.
Yashirin shartlar va asossiz umidlar (kechikishlar bo’lganda «Darhol»).
«Nol» holatlar next-step’siz.
Passiv garov va shaxssiz konstruksiyalar («to’ldirilishi kerak»).

11) Iboralar shablonlari (olib qo’yish mumkin)

• «Telefon raqamini + 380 formatiga kiriting...»
• Maxfiy soʻz juda qisqa. Kamida 8 ta belgi"
• "Hujjat noaniq. Aniqroq fotosuratni yuklang"

• "Tayyor! Biz hujjatlarni tekshiramiz (2 daqiqagacha) va bildirishnoma yuboramiz"
• "To’lov qabul qilindi. Kvitansiya elektron pochta orqali yuborildi"

• "Bu yerda birinchi toʻldirishdan keyingi operatsiyalar tarixi paydo boʻladi. [Toʻldirish]"

• "Provayderni ulayapmiz... odatda 30 soniyagacha davom etadi"

• "Biz notanish joydan kirishga urinishni blokladik. Agar buni siz tasdiqlasangiz, ilovada tasdiqlang"

12) Chek-varaqlar

• Foydalanuvchi bundan keyin nima qilishi aniq?
• Aniqlik bormi: format, limit, muddat, sabab/natija?
• Soʻzlashuv atamalari bir - biriga mos keladimi?
• Ohangingiz vaziyatga mos keladimi?
• Xabar baland ovozda va 320 px ekranda oʻqiladimi?
• Foydalanish imkoniyati: yorliqlar, aria atributlari, fokus, kontrast.
• Mahalliylashtirish varianti tayyormi (madaniy tuzoqlarsiz)?

• Xabar sababini tushuntiradimi?
• Tuzatish kerakmi?
• Foydalanuvchini ayblamaysizmi?
• Keraksiz texnik tafsilotlarni oshkor qilmaydimi?

13) «oldin/keyin» misollari

1. Toʻlov rad etildi

Do: «To’lov xatosi»

Keyin: "To’lov bank tomonidan rad etildi. Boshqa kartani sinab koʻring yoki bank bilan bogʻlaning. Komissiya hisobdan chiqarilmagan"

2. Noaniq tugma

Do: «Davom etish» (aniq emas)

So’ngra: «Shaxsni tasdiqlashga o’tish»

3. Nol qidirish

Oldingisi: «Hech narsa topilmadi»

Keyin: «Roulette live» dan hech narsa topilmadi. «Faqat yuqori limit» filtrini olib tashlang yoki «roulette» ni urinib koʻring. [Filtrlarni olib tashlash]"

4. Boʻsh hamyon

Do: «Bu yerda boʻsh»

So’ngra: "Boshlash uchun karta yoki hamyonni bog’lang. Bu to’ldirish va to’lovlarni tezlashtiradi. [Toʻlov usulini qoʻshish]"

14) Oziq-ovqat ishiga microcopy qo’shish

Matnni dizayn va mantiq bilan bir vaqtda rejalashtirish.
«Satr banki» ni omborxonada va dizayn tizimida saqlang.
Ekran nusxalaridagi matnlarni sinash bosqichini belgilang.
Qarorlarni hujjatlashtiring: nima uchun ibora tanlangan, qanday farazlar tekshirilgan.

Qisqacha shpargalka

Maʼno → Harakat → Soʻz. Avval nima qilish kerak, keyin nima deyish kerak.
Bitta ekran - bitta maqsad. Mikro matn qadam maqsadiga xizmat qiladi.
Ko’proq kontekst - kamroq qo’llab-quvvatlash. Oʻz vaqtida va ishda tushuntiring.
So’zlarni UI kabi sinab ko’ring. Matnlar interfeysning bir qismidir, bezak emas.