Dizayn faqat piksellar va naqshlar emas. Bu ham tezlik va hissiyotlar. Ba'zi mahsulotlar bizni noaniqlik, yengillik, ishonch va xotirjamlikdan o'tkazib, bizni tortib olmasdan, bizni kinoga o'xshatadi. Bu Oqimdagi tuyg'u. Boshqalar esa noto'g'ri joyda hazil qilish, kutilmagan qalqib chiquvchi oyna yoki shov-shuvli o'tish bilan o'z lahzalarini buzadi. Bu mojarodagi tuyg'u. Bu faqat UX g'oyalari emas. Siz ularni o'yin-kulgida hamma joyda ko'rishingiz mumkin. Farqni his qilishning eng aniq usuli - bu anime hissiy o'zgarishlarni qanday boshqarishi bilan Marvel va DC filmlari qanday qoqinishini solishtirishdir. Biz ikkita aniq misoldan foydalanamiz, biri Dan da Dan (Netflixdagi anime seriyasi) va biri Jeyms Gunnning Supermen filmidan ikkita tushunchani aniqlash va keyin ularni siz darhol qo'llashingiz mumkin bo'lgan amaliy mahsulot dizayni namunalariga tarjima qilish. Eslatma: Biz raqamli mahsulotlarga, jumladan, ilovalar, SaaS va internetga eʼtibor qaratamiz. Hissiyot oqimi (anime: Dan da Dan) Dan da Danda ohang diapazoni yovvoyi, dahshat, komediya, muloyimlik, ammo u oqadi. Misol: Bir yoyda bosh qahramonlar bosh qahramonlardan birining "oltin jinsiy a'zolari" ishtirokidagi g'alati, komedik izlanishda (ha, haqiqatan ham), boshqasida biz bolasi o'g'irlab ketilgan onaning yurakni ezuvchi hikoyasiga tushamiz. Qog'ozda bu smena avtohalokat bo'lishi kerak. Ekranda u izchil va hissiy jihatdan tushunarli. Nima uchun bu ekranda ishlaydi?
Tiklarning uzluksizligi. Gag tushganda ham, qahramonlarning maqsadlari va xavf-xatarlari saqlanib qoladi. Hazil mini-rezolyutsiyadan so'ng keskinlikni yo'qotadi; tahdidni inkor etmaydi. Aniq kayfiyat belgilari. Musiqa, kadrlar, pacing va xarakter reaktsiyalari keyingi tuyg'uni telegraf qiladi. Siz siljishga tayyorsiz, shuning uchun siz tortib olishdan ko'ra uni minasiz. Bitta hissiy langar. Aloqalar Shimoliy Yulduz bo'lib qoladi, shuning uchun ohang harakat qilganda sahnaning yuragi yo'qolmaydi.
Bu UX ga qanday tarjima qilinadi? Yaxshi mahsulotlar xuddi shunday qiladi: tayyorlaydi, o'tadi, hal qiladi, shuning uchun foydalanuvchilar hissiy ohang o'zgarganda suvga cho'mishadi.
Mojarodagi his-tuyg'ular (Marvel/DC: Jeyms Gunnning Supermeni) Lois va Klark samimiy, samimiy suhbatlashmoqda, sekin, insoniy lahzada, orqa fonda yugurayotgan gag o'ynayapti (bahaybat beysbol tayoqchasi bilan o'ralgan yirtqich hayvon). Voqea haqiqiy narsani his qilishni so'raganda, gag diqqatni o'g'irlaydi. Natijada hissiyotni bo'shatish o'rniga uni teshadigan tonal to'qnashuv paydo bo'ladi. Nima uchun bu ekranda muvaffaqiyatsiz bo'ladi?
Kognitiv yuklamaning ortishi. Bu yerda sodir bo‘layotgan voqealar to‘g‘ridan-to‘g‘ri kognitiv yuk nazariyasi bilan bog‘liq. Agar sahna (yoki interfeys) foydalanuvchilardan bir vaqtning o'zida ikkita raqobatlashuvchi hissiy signalni qayta ishlashni so'rasa, u tashqi kognitiv yukni, vazifa yoki momentning o'zi bilan hech qanday aloqasi bo'lmagan aqliy harakatni keltirib chiqaradi. Hissiy zarbaga e'tibor berish o'rniga, diqqat bir-birini hal qilmaydigan signallar o'rtasida bo'linadi. Mahsulotlarda hazil, reklama aktsiyalari yoki kutilmagan UI o‘zgarishlari katta xavf tug‘dirsa, shunday bo‘ladi: foydalanuvchilar o‘zlari harakat qilayotgan bir vaqtda ohang va niyatni izohlashga majbur bo‘ladi, bu esa tushunishni sekinlashtiradi va stressni kuchaytiradi. Raqobatchi beats bir vaqtning o'zida.Hazil jiddiy zarbaning avjiga to'g'ri keladi; tomoshabin tuyg'uga emas, balki kalitga e'tibor beradi. Tonal uzatish yo'q. Hazil kelishidan oldin yaqinlikni keltirib chiqaradigan hech qanday o'tish yo'q, shuning uchun bu lahza hal qilingandan ko'ra qisqartirilgandek tuyuladi.
Bu UX ga qanday tarjima qilinadi? Mahsulotlarda bu tasdiqlashdan oldingi konfeti muammosi, pul oqimidagi bema'ni xato yoki muhim vazifaning o'rtasida paydo bo'ladigan reklama modali. Bu kognitiv yukni ham oshiradi: foydalanuvchilar muammoni hal qilishda hazilni qayta ishlashlari kerak, bu esa ularni sekinlashtiradi va stressni oshiradi.
Tez ta'riflar Oqimdagi his-tuyg'ular Hissiy siljishlar qo'lga kiritilgan, telegraf qilingan va vaqtga to'g'ri keladi, shuning uchun ular oldingi zarbalarni hal qiladi. Immersion holds. Conflictdagi his-tuyg'u Jonli hissiy zarbani teshuvchi jiringlovchi kalit (yoki qattiq kesish). Immersion tanaffuslar.
Endi biz uni nomladik: bu UX ga qanday ulanadi? Qanday qilib hissiyotlar mahsulotning esda qolishini shakllantiradi Odamlar o'rtacha tajribani eslamaydilar; ular cho'qqilarni va tugashni eslashadi. Agar sizning oqimingizning cho'qqisi umidsizlik bo'lsa yoki sizning tugashingiz tartibsiz bo'lsa, shu narsa saqlanib qoladi. Shunday qilib, hissiy egri chiziqni ataylab loyihalashtiring. Tuyg'ular uchta qatlamda yashaydi (Don Normanning hissiy dizaynidan) va mahsulotingiz ularni bir qatorga qo'yishi kerak:
Visseral (ichak): Birinchi taassurot signallari: vizual tasvirlar, harakat, haptiklar, tovush. Misollar: Skeletning barqaror yuklagichi asabiylashishdan ko'ra ko'proq tinchlantiradi.spinner; yumshoq muvaffaqiyat qo'ng'irog'i/haptik teginish g'alabani baqiriqsiz qo'nishga imkon beradi; izchil yumshatish/yo'nalish ko'zga nima o'zgarganini aytadi. Xulq-atvor (bajarish): Men vazifamni muammosiz bajara olamanmi? Bu erda ishqalanish stressni bildiradi. Misollar: Prognoz qilinadigan rivojlanish bilan uchta aniq to'lov bosqichi; nima sodir bo'lganligini va qanday qilib tiklanishni tushuntiradigan xato holatlari; Shakl oxiridagi portlashlar o'rniga inline tekshirish. Reflektiv (ma'nosi): "Bu arziydimi? Men bunga ishonamanmi?"Masalan: Oraliq ekran ("Bajarildi. Jumagacha X olasiz") yopiladi; kichik takrorlash ("Siz bu yil 18 evroni tejadingiz") otashinlarsiz g'ururni yaratadi.
Mikro o'zaro ta'sirlar hissiy elimdir. Ularning har birida tetik (men to‘lash-ga tegaman), qoidalar (tizim nima qiladi), fikr-mulohaza (rivojlanish va aniq natija) va tsikllar yoki rejimlar (foydalanuvchi qayta urinsa nima bo‘ladi) mavjud. Bularni to'g'ri qabul qiling va o'tishlaringiz hissiyotlarni birlashtiradi. Ularni noto'g'ri qabul qiling va ular oqimni buzadilar.
Hissiy zarba varaqasi Normanning tajriba qatlamlari bilan aniq xaritalanadi:
Noaniqlik visseral va dastlabki xulq-atvor qatlamlarida yashaydi, bu erda foydalanuvchilar nima bo'layotganini tushunish uchun hissiy signallarga (harakat, ravshanlik, fikr-mulohaza) tayanadilar. Aniqlik xulq-atvor qatlamida, tizimning niyati va foydalanuvchining keyingi harakati o'z o'rnida qulflangan paytda qat'iydir. Kutish - bu xulq-atvor (foydalanuvchi maqsadli biror narsa qilmoqda) va aks ettirish (foydalanuvchi allaqachon natijani bashorat qilmoqda va keyin nima bo'lishini tasavvur qilmoqda). Muvaffaqiyat - bu aks ettiruvchi cho'qqi bo'lib, u erda foydalanuvchi muvaffaqiyat, ishonch va tajriba "to'g'ri ekanligini" baholaydi. Sokin/yopish birinchi navbatda aks ettiruvchi boʻlib, foydalanuvchilarga oʻzaro taʼsirning maʼnosini toʻgʻrilash va mahsulot ishonchli va qaytishga arziydimi yoki yoʻqligini aniqlashga yordam beradi.
Haqiqiy mahsulotlarda, narsalar noto'g'ri ketganda, bu ketma-ketlik yo'qolmaydi. Xatolar, kechikish va buzilgan holatlar hissiy yoydan istisno emas - ular uning bir qismidir. Hikoya ob'ektivi orqali qaralsa, bu lahzalar qahramonning sayohatidagi to'siqlardir. Yaxshi ishlab chiqilgan tiklanish holati muvaffaqiyatsizlikni tan oladi, nima bo'lganini aniqlaydi va yangi hissiy shovqinlarni kiritmasdan keyingi qadamni boshqaradi. Muvaffaqiyatsizlik yorilish o'rniga zarba sifatida qaralganda, hissiy oqim hatto stress ostida ham saqlanib qolishi mumkin. UX misollari: Oqimdagi his-tuyg‘ular va mojarodagi his-tuyg‘ular Oqimdagi hissiyot Hisob-kitob to‘g‘ri amalga oshirildi (Stripe/Apple Pay uslubi): qisqa qadamlar, aniq taraqqiyot va aniq muvaffaqiyat holati (ixtiyoriy yumshoq haptik bilan tasdiq belgisi). Cho'qqisi (muvaffaqiyat) qo'nadi va oxiri yopilishni (qabul qilish yoki keyingi qadam) beradi.
Olib ketish holati (avtomobilni qabul qilish ilovalari, masalan, Uber, Free Now yoki Bolt): progressiv yangilanishlar orientatsiyani saqlaydi va xavotirni kamaytiradi (“Haydovchi yetib keldi”, “2 daqiqa masofada”, “Kelib keldi”). Noaniqlik ravshanlikka aylanadi, yumshoq harakat har bir o'tishni tayyorlaydi.
Konfliktdagi hissiyot Eslatma: Biz bu erda aniq mahsulotlarni nommayapmiz - biz ularning ortidagi ishni hurmat qilamiz. Buning o'rniga, biz hissiy nizolarni keltirib chiqaradigan naqshlarni va ularni qanday tuzatish kerakligini ko'rsatamiz.
Jiddiy lahzalarda hazil. Pul/sog'liq/xavfsizlik uchun cheeky copy-in-xato holatlari. Foydalanuvchilar stressda; hazil tirnash xususiyati kuchaytiradi. Rezolyutsiyadan oldin bayram. Tasdiqlashdan oldin konfeti, otashinlar yoki baland tovushlar. Partiya avjini to'xtatadi. Qattiq holat sakrashlari. Hayratlanarli modallar/tashviqotlar oʻrta vazifa, tayyor holda toʻliq ekranli qabul qilish. Hissiy zarba paytida keskin kesish kabi his qiladi.
Oqimdagi his-tuyg'ularni ta'minlash uchun nima qilishingiz mumkin Bu yerda siz nusxa ko'chirishingiz mumkin bo'lgan to'liq shablonga ega tushuncha sahifasi:
Hissiy zarba varaq shabloni.
1. Avval "Emosional Beat Sheet" ni yozing Har bir asosiy oqim uchun (onboarding, to'lov, tiklanish) har bir qadamdagi his-tuyg'ularni xaritada tuzing: noaniqlik → ravshanlik → kutish → muvaffaqiyat → xotirjamlik. Har bir zarbaga nusxa ko'chirish, harakat va mikro o'zaro ta'sirlarni biriktiring. (Kim his-tuyg'ularni qayerda olib boradi?) 2. Ohangni vazifa xavfi bilan tekislang Ohang matritsasini yarating (xavf darajasi × holat). Yuqori xavfli xatolarda xotirjam, sodda va yechimga yo'naltirilgan bo'ling. O'yin-kulgini past xavfli kontekstlar uchun saqlang. Shablon parchalari:
Yuqori xavf xatosi: "Identifikatoringizni tasdiqlab boʻlmadi. Qayta urinib koʻring yoki qoʻllab-quvvatlash xizmatiga murojaat qiling." Past xavfli boʻsh holat: “Bu yerda hali hech narsa yoʻq. Namunadan boshlamoqchimisiz?”
Bu erda ko'plab etuk mahsulotlar jimgina hissiy ziddiyatga tushadi. Vaqt o'tishi bilan jamoalar niyat emas, balki odat bo'yicha zavq qo'shadilar. O'z-o'zini tekshirish foydali bo'ladi: agar biz ushbu bosqichdan har bir o'ynoqi yoki bayram elementini olib tashlasak, oqim hali ham insoniy bo'lib tuyuladimi yoki?bu elementlar ishqalanishni yashiradimi? Yaxshi hissiy dizayn tajribani aniqlaydi; ajoyib hissiy dizayn chalkashlikni qoplash uchun bezakni talab qilmaydi. 3. Dizayn cho'qqisi va maqsadi Muhandis bir aniq cho'qqi (muvaffaqiyat momenti) va bitta toza uchi (tasdiqlash va keyin nima bo'lishini). Ikkala nuqtada ham eslab qolish va qoniqishni o'lchang. 4. Spotlight emas, balki ko'prik sifatida mikro ta'sirlardan foydalaning
Tayyorlang: Katta holat o'zgarishidan oldin kichik, izchil harakatga ishoralar. Tasdiqlang: Muvaffaqiyat bir oz sekinroq yengillik va ixtiyoriy yorug'lik haptiki bilan nozik hal bo'ladi. Qayta tiklash: Takroriy nosozlik ohangni ijobiydan qo'llab-quvvatlovchiga o'zgartiradi va keyingi bosqichga yo'naltiradi.
5. Hissiy davomiylik uchun test Foydalanish bo'yicha mashg'ulotlarda shunchaki "Bu osonmi?" Deb so'ramang. Buning o'rniga siz "Bu erda qanday tuyg'u o'zgargan?" Deb so'rashingiz mumkin. Agar siz "chalkash → hayajonlangan → chalkash" degan so'zlarni eshitsangiz, sizda oqim emas, ziddiyat bor. Faqat ekranlarni emas, balki o'tishlarni takrorlang. Mojaroda his-tuyg'ulardan qanday qochish kerak: tezkor nazorat ro'yxati Qizil bayroqlar → tuzatishlar:
Jiddiy daqiqalarda hazil → tinch, to'g'ridan-to'g'ri til va aniq tiklanish yo'li bilan almashtiring. Qaror qabul qilishdan oldin nishonlash → bayramni tasdiqlangandan keyin o'tkazish; yuqori xavfli vazifalar uchun uni kamaytiring. Qattiq holatdagi sakrashlar → o'tishlarni oldindan e'lon qilish; ramkani izchil saqlash; uzluksizlikni saqlash uchun mazmunli harakatdan foydalaning. Jamoalar o'rtasida ohang o'zgarishi → xavf darajasi va holati bo'yicha misollar bilan ovoz va ohang ko'rsatmalarini markazlashtiring.
Hissiy oqimni buzish qasddan va zarur bo'lgan paytlar mavjud. Xavfsizlik ogohlantirishlari, qonuniy tasdiqlar va xavfsizlik uchun muhim ogohlantirishlar ko'pincha tonal o'zgarishlardan foyda keltiradi. Bunday hollarda buzilish muhim ahamiyatga ega va e'tibor talab qiladi. Muammo hissiy ziddiyatning o'zi emas; bu tasodifiy ziddiyat. Dizaynerlar ataylab buzilishni tanlaganlarida, foydalanuvchilar qamchilash o'rniga, qoziqlarni tushunishadi. Xulosa Katta tajribalar yo'naltirilgan tajribalardir. Dan da Dan bizni yo'qotmasdan his-tuyg'ular orqali qanday harakat qilishni ko'rsatadi: u tayyorlaydi, o'tadi va hal qiladi. Supermen sahnasi buning aksini ko'rsatadi: yurak urishi bilan to'qnashuv. Birinchisini bajaring. Emotsional zarbalaringizni xaritada ko'ring, ohangni vazifa xavfiga moslang va foydalanuvchilar o'rtadagi qamchini emas, balki to'g'ri cho'qqi va o'ng tomonni eslab qolishlari uchun tuyg'ularni birlashtirishga imkon bering.
