Dizayn təkcə piksellər və naxışlar deyil. Bu da temp və hisslərdir. Bəzi məhsullar bizi ətrafımıza çəkmədən qeyri-müəyyənlik, rahatlıq, güvən və sakitlikdə bizə yol göstərən kimi kinoya uyğun gəlir. Bu, Axındakı Emosiyadır. Digərləri yanlış yerdə zarafatla, sürpriz pop-up və ya həyəcanlı keçidlə öz anlarını alt-üst edir. Bu Münaqişədə Duyğudur. Bunlar yalnız UX ideyaları deyil. Onları əyləncədə hər yerdə görə bilərsiniz. Fərqi hiss etməyin ən aydın yolu, animenin emosional dəyişiklikləri necə idarə etdiyini və Marvel və DC filmlərinin büdrəməsini müqayisə etməkdir. Biz biri Dan da Dandan (Netflix-də anime seriyası) və biri James Gunn-ın Superman filmindən iki konkret nümunədən istifadə edəcəyik ki, bu iki anlayışı müəyyənləşdirsin və sonra onları dərhal tətbiq edə biləcəyiniz praktiki məhsul dizayn nümunələrinə çevirək. Qeyd: Biz proqramlar, SaaS və veb daxil olmaqla rəqəmsal məhsullara diqqət yetirəcəyik. Emotion In Flow (Anime: Dan da Dan) Dan da Danda ton diapazonu vəhşi, dəhşət, komediya, incəlik olsa da, axır. Nümunə: Bir qövsdə baş qəhrəmanlar əsas personajlardan birinin (hə, həqiqətən) “qızıl cinsi orqanları” ilə bağlı qəribə, komediya axtarışındadır, digərində isə biz uşağı qaçırılan ananın ürəkağrıdan hekayəsinə çəkilirik. Kağız üzərində bu növbə avtomobil qəzası olmalıdır. Ekranda o, ardıcıl və emosional olaraq oxunaqlıdır. Niyə bu ekranda işləyir?
Maraqların davamlılığı. Hətta tıxac düşsə belə, personajların məqsədləri və təhlükəsi toxunulmaz qalır. Yumor mini rezolyusiyadan sonra gərginliyi aradan qaldırır; təhlükəni inkar etmir. Aydın əhval-ruhiyyə işarələri. Musiqi, çərçivə, pacing və xarakter reaksiyaları növbəti hissi teleqraf edir. Növbəyə hazırsınız, ona görə də yıxılmaq əvəzinə ona minirsiniz. Bir emosional lövbər. Münasibətlər Şimal Ulduzu olaraq qalır, ona görə də ton hərəkət edəndə səhnənin ürəyi itmir.
Bu UX-ə necə tərcümə olunur? Yaxşı məhsullar eyni şeyi edir: hazırlayın, keçin, həll edin ki, emosional ton dəyişdikcə istifadəçilər batmağa davam etsinlər.
Emotion In Conflict (Marvel/DC: James Gunn's Superman) Lois və Clark səmimi, səmimi söhbət edir, ləng, insan anı keçirir, arxa planda isə qaçan tıxac oynayır (nəhəng beysbol yarasası ilə dolanan canavar). Səhnə real bir şey hiss etməyinizi istəyəndə tıxac diqqəti dərhal oğurlayır. Nəticə emosiyanı sərbəst buraxmaq əvəzinə onu deşdirən tonal toqquşmadır. Niyə bu ekranda uğursuz olur?
Artan idrak yükü. Burada baş verənlər bilavasitə koqnitiv yük nəzəriyyəsi ilə əlaqələndirilir. Səhnə (və ya interfeys) istifadəçilərdən eyni vaxtda iki rəqabətli emosional siqnalı emal etməyi tələb etdikdə, bu, vəzifə və ya anın özü ilə heç bir əlaqəsi olmayan kənar idrak yükü, zehni səy təqdim edir. Emosional ritmə diqqət yetirmək əvəzinə, diqqət bir-birini həll etməyən siqnallar arasında bölünür. Məhsullarda yumor, promosyonlar və ya gözlənilməz UI dəyişiklikləri yüksək riskli məqamlara müdaxilə etdikdə belə olur: istifadəçilər hərəkət etməyə çalışdıqları anda ton və niyyəti şərh etməyə məcbur olurlar ki, bu da anlamanı yavaşlatır və stressi artırır. Rəqabət edən ritmlər eyni zamanda. Zarafat ciddi ritmin kulminasiyası ilə üst-üstə düşür; tamaşaçı hissdən çox keçidə diqqət yetirir. Tonal ötürmə yoxdur. Yumor gəlməzdən əvvəl yaxınlığı yaradan heç bir keçid yoxdur, ona görə də anı həll etmək əvəzinə, zəifləmiş hiss edir.
Bu UX-ə necə tərcümə olunur? Məhsullarda bu, təsdiqlənmədən əvvəl konfeti problemi, pul axınındakı arsız səhv və ya kritik bir tapşırığın ortasında görünən promo modaldır. Bu, həm də idrak yükünü artırır: istifadəçilər problemi həll etməyə çalışarkən yumoru emal etməlidirlər ki, bu da onları ləngidir və stressi artırır.
Tez təriflər Flow-da Emosiya Duyğusal sürüşmələr qazanılmış, teleqraflanmış və vaxt təyin edilmiş hiss olunur ki, onlar əvvəlki vuruşları həll edirlər. Münaqişədə Emosiya Canlı emosional ritmi deşdirən sarsıdıcı açar (və ya sərt kəsmə). Daldırma pozulur.
İndi onu adlandırdıq: bu UX-ə necə qoşulur? Emosiyalar məhsulun yaddaqalanlığını necə formalaşdırır İnsanlar bir təcrübənin ortalamasını xatırlamırlar; zirvələri və sonları xatırlayırlar. Əgər axınınızın zirvəsi məyusluqdursa və ya sonunuz qarışıqdırsa, bu, qalıcıdır. Beləliklə, emosional əyrini məqsədli şəkildə tərtib edin. Duyğular üç təbəqədə yaşayır (Don Normanın Emosional Dizaynından) və məhsulunuz onları sıralamalıdır:
Visseral (bağırsaq): İlk təəssürat siqnalları: vizual görüntülər, hərəkət, haptiklər, səs. Nümunələr: Daimi skelet yükləyicisi həyəcandan daha çox sakitləşdirirəyirici; incə bir müvəffəqiyyət zəngi/haptik kran, qışqırmadan qalibiyyətə enməyə imkan verir; ardıcıl asanlaşma/istiqamət gözə nə dəyişdiyini bildirir. Davranış (etmək): Tapşırığımı rahat şəkildə yerinə yetirə bilərəmmi? Burada sürtünmə stress deməkdir. Nümunələr: Proqnozlaşdırıla bilən tərəqqi ilə üç aydın ödəniş addımı; nə baş verdiyini və necə bərpa olunacağını izah edən səhv vəziyyətləri; formanın sonu partlayışları yerinə daxili doğrulama. Reflektiv (məna): Sonra özümə danışdığım hekayə: “Buna dəyərdi? Mən buna güvənirəmmi?” Nümunələr: Səliqəli yekun ekran (“Bitti. Cümə gününə qədər X alacaqsınız.”) bağlayır; kiçik bir xülasə (“Bu il €18 qənaət etdiniz”) atəşfəşanlıq olmadan qürur yaradır.
Mikro qarşılıqlı əlaqə emosional yapışqandır. Hər birində bir tətik (Mən Ödəmə klikləyirəm), qaydalar (sistemin nə etdiyi), rəy (tərəqqi və aydın nəticə) və döngələr və ya rejimlər (istifadəçi yenidən cəhd etsə nə olacaq) var. Bunları düzgün edin və keçidləriniz hisslər üzərində körpü qurun. Onları səhv edin və axını pozurlar.
Emosional döyüntü vərəqi Normanın təcrübə qatlarına təmiz şəkildə xəritə verir:
Qeyri-müəyyənlik visseral və ilkin davranış təbəqələrində yaşayır, burada istifadəçilər nə baş verdiyini anlamaq üçün sensor siqnallara (hərəkət, aydınlıq, rəy) etibar edirlər. Aydınlıq davranış qatında, sistemin niyyətinin və istifadəçinin növbəti hərəkətinin yerində kilidləndiyi an möhkəmdir. Gözləmə davranış (istifadəçi məqsədyönlü bir şey edir) və əks etdirici (istifadəçi artıq nəticəni proqnozlaşdırır və bundan sonra nə olacağını təsəvvür edir) birləşməsidir. Nailiyyət, istifadəçinin uğuru, etibarı və təcrübənin “düzgün hiss olunub-olunmadığını” qiymətləndirdiyi əks etdirici zirvədir. Sakitlik/Bağlama ilk növbədə əks etdirir, istifadəçilərə qarşılıqlı əlaqənin mənasını başa salmağa və məhsulun etibarlı və geri qayıtmağa dəyər olub-olmadığına qərar verməyə kömək edir.
Həqiqi məhsullarda bu ardıcıllıq hər şey səhv gedəndə yox olmur. Səhvlər, gecikmə və pozulmuş vəziyyətlər emosional qövsdən istisna deyil - onlar onun bir hissəsidir. Bir povest obyektivindən baxıldığında, bu anlar qəhrəmanın səyahətindəki maneələrdir. Yaxşı tərtib edilmiş bərpa vəziyyəti uğursuzluğu etiraf edir, baş verənləri aydınlaşdırır və yeni emosional səs-küy yaratmadan növbəti addımı istiqamətləndirir. Uğursuzluq qırılma əvəzinə döyülmə kimi qəbul edildikdə, emosional axın hətta stress altında da saxlanıla bilər. UX Nümunələri: Akışda Emosiya və Münaqişədə Emosiya Emosiya axını Yoxlama düzgün aparıldı (Stripe/Apple Pay üslubu): qısa addımlar, aydın irəliləyiş və kəskin uğur vəziyyəti (isteğe bağlı yumşaq haptik işarəsi ilə işarə). Zirvə (uğur) yerə enir və sonu bağlanma (qəbz və ya növbəti addım) verir.
Götürmə statusu (sürüş üçün proqramlar, məsələn, Uber, Pulsuz İndi və ya Bolt): mütərəqqi yeniləmələr oriyentasiyanı qoruyur və narahatlığı azaldır (“Sürücü gəlir”, “2 dəqiqəlik məsafədə”, “Gəlib”). Qeyri-müəyyənlik aydınlığa çevrilir, incə hərəkət hər keçidi hazırlayır.
Münaqişədə Emosiya Qeyd: Biz burada konkret məhsulların adını çəkmirik – onların arxasında duran işə hörmət edirik. Bunun əvəzinə, emosional münaqişəyə səbəb olan nümunələri və onları necə düzəltməyi dəqiq göstəririk.
Ciddi anlarda zarafatlar. Pul/sağlamlıq/təhlükəsizlik üçün arsız surətdə səhv vəziyyətləri. İstifadəçilər stress keçirir; yumor qıcıqlanmanı gücləndirir. Qətnamədən əvvəl qeyd etmə. Təsdiqdən əvvəl konfeti, atəşfəşanlıq və ya yüksək səslər. Partiya kulminasiyanı kəsir. Sərt vəziyyət sıçrayışları. Sürpriz modallar/təşviqlər orta tapşırıq, hazırlıqsız tam ekran ələ keçirmələr. Emosional döyüntü zamanı qəfil kəsilmiş kimi hiss olunur.
Akışda Emosiyanı təmin etmək üçün nə edə bilərsiniz Budur, dublikat edə biləcəyiniz tam şablonu olan bir Anlayış səhifəsi:
Emosional ritm cədvəli şablonu.
1. Əvvəlcə emosional döyüntü vərəqini yazın Hər bir əsas axın (onboarding, ödəniş, bərpa) üçün hər addımda hissləri xəritələşdirin: qeyri-müəyyənlik → aydınlıq → gözləmə → nailiyyət → sakitlik. Hər vuruşa surət, hərəkət və mikro qarşılıqlı əlaqə əlavə edin. (Emosiyanı kim hara aparır?) 2. Tonu Tapşırıq Riskinə uyğunlaşdırın Ton matrisi yaradın (risk səviyyəsi × vəziyyət). Yüksək riskli səhvlərdə sakit, sadə və həll yönümlü olun. Az riskli kontekstlər üçün oynaqlığı yadda saxlayın. Şablon parçaları:
Yüksək riskli xəta: "Şəxsiyyətinizi təsdiq edə bilmədik. Yenidən cəhd edin və ya dəstək xidməti ilə əlaqə saxlayın." Aşağı riskli boş vəziyyət: "Hələ heç nə yoxdur. Nümunə ilə başlamaq istəyirsiniz?"
Bu, bir çox yetkin məhsulların sakitcə emosional münaqişəyə girdiyi yerdir. Zaman keçdikcə komandalar niyyətdən çox vərdişlə zövq verirlər. Faydalı bir öz-özünə yoxlama soruşmaqdır: Əgər bu addımdan hər bir əyləncəli və ya şənlik elementini çıxarsaq, axın hələ də insani hiss edəcəkmi və yasürtünməni maskalayan elementlər? Yaxşı emosional dizayn təcrübəni aydınlaşdırır; böyük emosional dizayn qarışıqlığı kompensasiya etmək üçün dekorasiyaya ehtiyac duymur. 3. Dizayn Pik Və Sonu Məqsəd Mühəndis bir aydın zirvə (uğur anı) və bir təmiz son (təsdiq və sonra nə olacaq). Hər iki nöqtədə xatırlama və məmnuniyyəti ölçün. 4. Mikroqarşılıqlı təsirlərdən Spot İşıqları kimi deyil, körpü kimi istifadə edin
Hazırlayın: Böyük vəziyyət dəyişikliyindən əvvəl kiçik, ardıcıl hərəkət göstərişləri. Təsdiq edin: Müvəffəqiyyət bir az daha yavaş çıxış və isteğe bağlı yüngül haptik ilə incə həll olur. Bərpa: Təkrarlanan uğursuzluq tonu zərif şəkildə müsbətdən dəstəkləyiciyə çevirir və növbəti addımı istiqamətləndirir.
5. Emosional Davamlılıq Testi İstifadə rahatlığı seanslarında sadəcə “Bu asan idi?” sualını verməyin. Bunun əvəzinə “Burada hansı hiss dəyişdi?” deyə soruşa bilərsiniz. Əgər “çaşqın → əyləndi → çaşqın” sözünü eşidirsinizsə, sizdə axın yox, münaqişə var. Yalnız ekranları deyil, keçidləri təkrarlayın. Münaqişədə Emosiyadan Necə Qaçmaq olar: Sürətli Yoxlama Siyahısı Qırmızı bayraqlar → düzəlişlər:
Ciddi anlarda zarafatlar → sakit, birbaşa dil və aydın bərpa yolu ilə dəyişdirin. Qətnamədən əvvəl qeyd etmə → bayramı təsdiqlədikdən sonra keçirin; yüksək riskli vəzifələr üçün onu tonlayın. Sərt vəziyyət sıçrayışları → keçidləri əvvəlcədən elan edin; çərçivəni ardıcıl saxlamaq; davamlılığı qorumaq üçün mənalı hərəkətdən istifadə edin. Komandalar arası ton dəyişikliyi → risk səviyyəsi və vəziyyətə görə nümunələrlə səs və ton təlimatlarını mərkəzləşdirin.
Emosional axının qəsdən və zəruri olduğu anlar var. Təhlükəsizlik xəbərdarlıqları, qanuni təsdiqləmələr və təhlükəsizlik baxımından kritik xəbərdarlıqlar tez-tez ani ton dəyişikliklərindən faydalanır. Bu hallarda pozulma vacibliyə işarə edir və diqqət tələb edir. Problem emosional münaqişənin özü deyil; təsadüfi münaqişədir. Dizaynerlər qəsdən pozulmağı seçdikdə, istifadəçilər qamçı hiss etmək əvəzinə, riskləri başa düşürlər. Nəticə Böyük təcrübələr yönləndirilmiş təcrübələrdir. Dan da Dan bizi itirmədən hisslərdən necə keçəcəyini göstərir: hazırlayır, keçid edir və həll edir. Supermen səhnəsi bunun əksini göstərir: ürək döyüntüsü ilə toqquşan tıxac. Əvvəlkini edin. Emosional döyüntülərinizi xəritələndirin, tonu tapşırıq riskinə uyğunlaşdırın və mikro qarşılıqlı əlaqənin hisslər arasında körpü olmasına imkan verin ki, istifadəçilər ortadakı qamçı deyil, doğru zirvəni və doğru sonu yadda saxlasınlar.
