Uğur mesajları və emosional cavab
1) Niyə uğur mesajları lazımdır
UX-fidbek «uğur» (success state feedback) - istifadəçinin uğurlu hərəkətdən sonra aldığı müsbət rəy: formanı göndərmək, ödənişi tamamlamaq, qeydiyyatı təsdiqləmək, parametrləri saxlamaq və s.
Bu mikro-dəqiqələr UX psixologiyasının güclü bir vasitəsidir: onlar nəzarət hissini gücləndirir, səyləri mükafatlandırır və davranış vərdişini möhkəmləndirir. Davranış dizaynı baxımından bu, məhsula inam və sədaqət formalaşdıran «dopamin cavabı anıdır».
1. Nəticəni təsdiqləyir. İstifadəçi hər şeyin düzgün başa çatdığına şübhə etmir.
2. Emosiya yaradır. Sevinc, məmnunluq, tamamlanma hissi.
3. Növbəti addımı təyin edir. İndi nə etmək olar - paylaşmaq, qayıtmaq, davam etmək.
2) Uğur mesajlarının növləri
3) Uğur UX mesajlarının əsas prinsipləri
1. Xüsusiyyətləri. Tam olaraq nə uğurlu oldu: «Sənədlər yoxlanıldı», «Ödəniş qəbul edildi».
2. Kontekst. İstifadəçi addımını nəzərə alın: qeydiyyat ≠ çıxarış ≠ saxlama.
3. Vaxtında. Mesaj təsdiqləndikdən dərhal sonra, gecikmədən görünür.
4. Qısa. 1-2 sətir mətn + başa düşülən CTA.
5. Vizual dəstək. Rəng, animasiya, «tuşlar» simvolu, səs və ya vibro siqnalı.
6. Emosional balans. Hərəkət gündəlik olarsa, həddindən artıq «bayram» olmadan.
7. Növbəti addım. İstifadəçini «dalana dirənməyin» - məntiqi davam təklif edin.
4) Uğur mesajı strukturu
Şablon:- Başlıq (isteğe bağlı): qısa təsdiq ("Bitdi! ", "Uğurla saxlanılır").
- Mətn: nəticənin konkretləşdirilməsi.
- CTA: Aşağıdakı müvafiq hərəkət.
- Vizuallaşdırma: müsbət nəticəni vurğulayan yüngül animasiya/ikona.
- Ekran vaxtı: tost üçün 2-4 saniyə və ya modal pəncərə üçün klik.
5) Müxtəlif ssenarilər üçün nümunələr
5. 1 Qeydiyyat/avtorizasiya
"Xoş gəlmisiniz! Hesab yaradılıb. Təsdiq üçün e-poçt yoxlayın"
"Siz uğurla daxil olmuşsunuz. Qaldığınız yerdən davam edin"
5. 2 Ödənişlər/Doldurmalar
"Ödəniş qəbul edildi! Vəsait 15 dəqiqə ərzində köçürüləcək"
"Doldurma uğurla. Balans yenilənib"
5. 3 KYC/yoxlama
"Sənədlər yoxlanılıb. İndi bütün xüsusiyyətlər mövcuddur"
"Təbrik edirik! Hesabınız tam təsdiqləndi"
5. 4 Parametrlər/saxlama
«Dəyişikliklər saxlanılır.»
"Parametrlər yenilənib. Yeni qiymətlər yenidən başladıqdan sonra qüvvəyə minəcək"
5. 5 Bonuslar/nailiyyətlər
"Təbrik edirik! 50 FS bonusu aldınız"
"Siz "Oyun həftəsi" tapşırığını yerinə yetirdiniz! [Mükafat almaq]"
6) Emosional mesaj dizaynı
Uğur mesajları interfeysin emosional mənzərəsinin bir hissəsidir. Onlar sistemin «canlılığı» hissini formalaşdırırlar.
Emosional cavab alətləri:- Mikroanimasiyalar: rəvan görünüşü, konfeti, yumşaq parıltı.
- Rəng: yaşıl/firuzəyi - təhlükəsizlik və qəbul ilə assosiasiya.
- Səs/vibrasiya (mobile): vizual faza ilə üst-üstə düşən qısa siqnal.
- Ton: marketinq eyforiyası əvəzinə sakit inam.
7) UX balans: rasional və emosional
Bütün uğurlar bərabər deyil. İstifadəçi qavrayışı iki səviyyəyə bölünür:- Rasional UX: «Mən aksiyanın başa çatdığını görürəm».
- Emosional UX: «sistem mənim töhfəmi qiymətləndirdi/mən məmnunam».
- gündəlik hərəkətlər → neytral-müsbət siqnallar;
- əhəmiyyətli nailiyyətlər → emosional vurğu (illüstrasiya, səs, bonus).
Əsas odur ki, mahiyyəti «effektlə» əvəz etməyin: duyğu uğurun şüurunu artırmalıdır, diqqəti yayındırmamalıdır.
8) Emosiyaların lokallaşdırılması və mədəniyyəti
Müxtəlif dillərdə sevinc və «formalizm» müxtəlif şəkildə ifadə olunur.
İngilis dilində «Well done!» təbii; alman dilində daha uyğun «Erfolgreich abgeschlossen».
Türk və ərəb interfeyslərində tez-tez həddindən artıq nidaların qarşısını alırlar.
Lokalizasiyalarda vacibdir: eyni sətir uzunluğu, eyni duyğu gücü.
Tərcüməçilər üçün tone-map saxlayın: ssenarilərə görə icazə verilən «sevinc» səviyyələri.
9) Effektivlik metrikası
CTR müvəffəqiyyət mesajında CTA (nə qədər istifadəçi gedir).
Reaksiya vaxtı: mesaj avtomatik gizlətmədən əvvəl bağlanır.
Təkrar hərəkətlərin sayı (funksiyanın təkrar istifadəsi).
Növbəti addımdakı səhvlərin səviyyəsi fidbekin aydınlığının göstəricisidir.
UX müsahibəsi: "Aksiyanın bitdiyini başa düşdünüzmü? ”.
- Ifadə variasiyaları («Bitdi» vs «Uğurla tamamlandı»).
- İllüstrasiya/ikona mövcudluğu.
- CTA mövcudluğu.
- Emosionallıq tonu (neytral vs dəstəkləyici).
10) Anti-nümunələr
Həddindən artıq yüklənmiş animasiyalar axını bloklayır.
Ciddi addımlarda həddindən artıq şən və ya «uşaq» tonu.
Neytral «OK» tam olaraq nə başa çatdığını göstərmədən.
Açıq davam varsa, CTA olmadan mesaj.
Rəng statusu uyğunsuzluğu (məsələn, müvəffəqiyyətli olduqda qırmızı fon).
Uzun əməliyyatlarda təsdiqin olmaması (istifadəçi əmin deyil).
11) Buraxılışdan əvvəl çek siyahısı
- Aksiyanın başa çatdığı aydın görünür?
- Tam olaraq nə edildiyi göstərilir?
- Mesaj həddindən artıq emosiyalara səbəb olmur?
- Növbəti addım üçün CTA var?
- Rəng və ikona uğur nümunəsinə uyğundur?
- Mesaj 2-4 saniyə görünür (və ya hərəkət əvvəl)?
- Qaranlıq mövzuda və mobil yoxlanılır?
- Lokalizasiya mənasını və tonunu dəyişmədi?
12) Nümunələr «əvvəl/sonra»
Ödəniş:- Qədər: «OK»
- Sonra: "+ Ödəniş qəbul edildi! Vəsait hesaba köçürülür. [Tarixə bax]"
- Qədər: «Qeydiyyat tamamlandı»
- Sonra: "Xoş gəlmisiniz! Hesab yaradılıb. Təsdiq üçün e-poçt yoxlayın"
- Qədər: «Dəyişikliklər saxlanılır»
- Sonra: "+ Parametrlər yeniləndi. Yeni parametrlər artıq tətbiq olunub"
- Qədər: «Sənədlər yoxlanılıb»
- Sonra: "+ Hər şey hazırdır! Yoxlama başa çatdı. İndi nəticələr və bonuslar mövcuddur"
13) Dizayn sistemi üçün şablon
SuccessMessage komponenti:jsx
<SuccessMessage title = "Done!"
message =" Your payment was successful."
icon="check-circle"
duration={3000}
primaryAction = {{label: "View history," onClick: openHistory}}
tone="positive"
/>14) Sürətli ifadə şablonları
Qısa şparqalka
Xüsusi olaraq müvəffəqiyyəti təsdiqləyin.
Asan bir emosiya əlavə edin - çox oynamadan.
Vizual və mətn müsbət vurğulayın.
Növbəti addımı təklif edin.
Sürət, oxuculuq və mədəni tarazlığı yoxlayın.