डिझाइन केवळ पिक्सेल आणि नमुने नसतात. हे वेगवान आहे आणि भावना देखील. काही उत्पादने सिनेमॅटिक वाटतात कारण ती आपल्याला अनिश्चितता, आराम, आत्मविश्वास आणि शांततेत मार्गदर्शन करतात. ती भावना प्रवाहात आहे. इतर लोक चुकीच्या ठिकाणी विनोद, आश्चर्यचकित पॉप-अप किंवा उडी मारून त्यांचे स्वतःचे क्षण कमी करतात. ती म्हणजे संघर्षातील भावना. हे UX-केवळ कल्पना नाहीत. आपण त्यांना मनोरंजनात सर्वत्र पाहू शकता. आणि फरक जाणवण्याचा सर्वात स्पष्ट मार्ग म्हणजे मार्वल आणि डीसी चित्रपट कसे अडखळतात याच्या तुलनेत ॲनिम भावनिक बदल कसे हाताळते याची तुलना करणे. आम्ही दोन विशिष्ट उदाहरणे वापरू, एक डॅन दा डॅन (Netflix वरील ॲनिम मालिका) आणि एक जेम्स गनच्या सुपरमॅन चित्रपटातील, दोन संकल्पना परिभाषित करण्यासाठी, आणि नंतर तुम्ही लगेच लागू करू शकता अशा व्यावहारिक उत्पादन डिझाइन नमुन्यांमध्ये त्यांचे भाषांतर करू. टीप: आम्ही ॲप्स, SaaS आणि वेबसह डिजिटल उत्पादनांवर लक्ष केंद्रित करू. भावना प्रवाहात (ॲनिम: डॅन दा डॅन) डॅन दा डॅनमध्ये, टोनल श्रेणी जंगली, भयपट, विनोदी, कोमलता आहे, तरीही ती वाहते. उदाहरण: एका कमानात, नायक विचित्र, विनोदी शोधात आहेत ज्यात मुख्य पात्रांपैकी एकाचे "सोनेरी गुप्तांग" समाविष्ट आहे (होय, खरोखर), आणि दुसऱ्यामध्ये, आम्ही एका आईच्या हृदयद्रावक कथेत रेखाटले आहे जिच्या मुलाचे अपहरण झाले आहे. कागदावर, ती शिफ्ट कार क्रॅश असावी. स्क्रीनवर, ते सुसंगत आणि भावनिकदृष्ट्या सुवाच्य आहे. हे स्क्रीनवर का काम करते?
स्टेक्सची सातत्य. एखादं गँग उतरल्यावरही, पात्रांची ध्येयं आणि धोका कायम राहतो. विनोद एक मिनी-रिझोल्यूशन नंतर तणाव सोडतो; तो धमकी नाकारत नाही. मूडचे संकेत स्पष्ट करा. संगीत, फ्रेमिंग, पेसिंग आणि वर्ण प्रतिक्रिया पुढील भावनांना टेलीग्राफ करतात. तुम्ही शिफ्टसाठी प्राईम आहात, म्हणून त्यावर जाण्याऐवजी तुम्ही राइड करता. एक भावनिक अँकर. नातेसंबंध उत्तर तारा राहतात, त्यामुळे जेव्हा टोन हलतो तेव्हा दृश्याचे हृदय हरवत नाही.
हे UX मध्ये कसे भाषांतरित होते? चांगली उत्पादने तेच करतात: तयार करा, संक्रमण करा, निराकरण करा, जेणेकरून वापरकर्ते भावनिक टोन बदलत असताना मग्न राहतात.
संघर्षातील भावना (मार्वल/डीसी: जेम्स गनचा सुपरमॅन) लोइस आणि क्लार्क मनापासून, जिव्हाळ्याचे संभाषण करत आहेत, एक संथ, मानवी क्षण आहे, तर पार्श्वभूमीत एक धावणारी गग खेळत आहे (एक राक्षस बेसबॉलच्या मोठ्या बॅटने लटपटत आहे). जेव्हा दृश्य तुम्हाला काहीतरी वास्तविक वाटण्यास सांगते तेव्हा गॅग फोकस चोरतो. परिणाम एक टोनल संघर्ष आहे जो भावना सोडण्याऐवजी पंक्चर करतो. हे स्क्रीनवर का अयशस्वी होते?
वाढीव संज्ञानात्मक भार. येथे काय घडत आहे ते थेट संज्ञानात्मक लोड सिद्धांताशी संबंधित आहे. जेव्हा एखादे दृश्य (किंवा इंटरफेस) वापरकर्त्यांना एकाच वेळी दोन स्पर्धात्मक भावनिक संकेतांवर प्रक्रिया करण्यास सांगते, तेव्हा ते बाह्य संज्ञानात्मक भार, मानसिक प्रयत्नांचा परिचय देते ज्याचा कार्य किंवा क्षणाशी काहीही संबंध नाही. भावनिक ठोक्यावर लक्ष केंद्रित करण्याऐवजी, एकमेकांचे निराकरण न करणाऱ्या सिग्नल्समध्ये लक्ष विभक्त केले जाते. उत्पादनांमध्ये, जेव्हा विनोद, जाहिराती किंवा अनपेक्षित UI बदल उच्च-स्थिर क्षणांवर घुसतात तेव्हा असे होते: वापरकर्त्यांना ते कृती करण्याचा प्रयत्न करत असताना टोन आणि हेतूचे स्पष्टीकरण करण्यास भाग पाडले जाते, ज्यामुळे आकलन कमी होते आणि तणाव वाढतो. एकाच वेळी प्रतिस्पर्धी बीट्स. विनोद गंभीर बीटचा कळस ओव्हरलॅप करतो; प्रेक्षक भावनांपेक्षा स्विचकडे लक्ष देतात. टोनल हँडऑफ नाही. विनोद येण्यापूर्वी जवळीक निर्माण करणारे कोणतेही संक्रमण नाही, त्यामुळे क्षण निराकरण होण्याऐवजी कमी वाटतो.
हे UX मध्ये कसे भाषांतरित होते? उत्पादनांमध्ये, ही कॉन्फेटी-पूर्वी-पुष्टीकरण समस्या आहे, पैशाच्या प्रवाहातील गुळगुळीत त्रुटी किंवा गंभीर कार्याच्या मध्यभागी दिसणारे प्रोमो मॉडेल आहे. हे संज्ञानात्मक लोड देखील वाढवते: वापरकर्त्यांनी समस्या सोडवण्याचा प्रयत्न करताना विनोदावर प्रक्रिया केली पाहिजे, ज्यामुळे त्यांची गती कमी होते आणि तणाव वाढतो.
जलद व्याख्या फ्लोमधील भावना भावनात्मक शिफ्ट्स कमावल्या, तार आणि वेळेवर आल्यासारखे वाटतात त्यामुळे ते आधीच्या ठोक्यांचे निराकरण करतात. विसर्जन धारण करते. संघर्षात भावना एक ज्वलंत स्विच (किंवा हार्ड कट) जे थेट भावनिक ठोके पंक्चर करते. विसर्जन खंडित.
आता आम्ही त्याचे नाव दिले आहे: हे UX शी कसे कनेक्ट होते? भावना उत्पादन स्मरणीयतेला कसा आकार देतात लोकांना अनुभवाची सरासरी आठवत नाही; त्यांना शिखरे आणि शेवट आठवतात. जर तुमच्या प्रवाहाचे शिखर निराशा असेल किंवा तुमचा शेवट गोंधळलेला असेल, तर तेच टिकून राहते. त्यामुळे हेतुपुरस्सर भावनिक वक्र रचना करा. भावना तीन स्तरांवर राहतात (डॉन नॉर्मनच्या इमोशनल डिझाईनमधून), आणि तुमच्या उत्पादनाने त्यांना जोडणे आवश्यक आहे:
व्हिसेरल (आतडे): प्रथम-इम्प्रेशन सिग्नल: व्हिज्युअल्स, मोशन, हॅप्टिक्स, ध्वनी. उदाहरणे: एक स्थिर कंकाल लोडर गोंधळापेक्षा अधिक शांत करतोफिरकीपटू हळुवार यशाची झंकार/हॅप्टिक टॅप ओरडल्याशिवाय जमिनीवर विजय मिळवू देते; सातत्यपूर्ण सहजता/दिशा डोळ्यांना काय बदलले ते सांगते. वर्तणूक (करणे): मी माझे कार्य सुरळीतपणे पूर्ण करू शकतो का? येथे घर्षण म्हणजे ताण. उदाहरणे: अंदाजित प्रगतीसह तीन स्पष्ट पेमेंट टप्पे; त्रुटी सांगते जे काय झाले आणि कसे पुनर्प्राप्त करावे हे स्पष्ट करते; एंड-ऑफ-फॉर्म स्फोटांऐवजी इनलाइन प्रमाणीकरण. चिंतनशील (अर्थ): नंतर मी स्वत:ला जी कथा सांगतो, "ते फायद्याचे होते का? मला यावर विश्वास आहे का?" उदाहरणे: एक नीटनेटका रॅप-अप स्क्रीन ("पूर्ण. तुम्हाला शुक्रवारपर्यंत X मिळेल.") क्लोजर देते; एक लहान रीकॅप (“तुम्ही या वर्षी €18 वाचवले”) फटाक्यांशिवाय अभिमान निर्माण करतो.
मायक्रोइंटरॅक्शन्स म्हणजे भावनिक गोंद. प्रत्येकाकडे ट्रिगर (मी पे टॅप करतो), नियम (सिस्टम काय करते), फीडबॅक (प्रगती आणि स्पष्ट परिणाम), आणि लूप किंवा मोड (वापरकर्त्याने पुन्हा प्रयत्न केल्यास काय होईल) असते. हे बरोबर मिळवा आणि तुमची स्थित्यंतरे भावनांना दुरुस्त करा. त्यांना चूक करा आणि ते प्रवाह खंडित करतात.
भावनात्मक बीट शीट नॉर्मनच्या अनुभवाच्या स्तरांवर स्वच्छपणे नकाशे करते:
अनिश्चितता व्हिसेरल आणि सुरुवातीच्या वर्तणुकीच्या स्तरांमध्ये राहते, जिथे वापरकर्ते काय घडत आहे हे समजून घेण्यासाठी संवेदी संकेतांवर (गती, स्पष्टता, अभिप्राय) अवलंबून असतात. स्पष्टता ही वर्तणुकीच्या स्तरामध्ये घट्टपणे असते, ज्या क्षणी सिस्टमचा हेतू आणि वापरकर्त्याची पुढील क्रिया लॉक होते. अपेक्षा हे वर्तनात्मक (वापरकर्ता हेतूने काहीतरी करत आहे) आणि प्रतिबिंबित (वापरकर्ता आधीच परिणामाचा अंदाज घेत आहे आणि पुढे काय होईल याची कल्पना करत आहे) यांचे मिश्रण आहे. यश हे एक चिंतनशील शिखर आहे, जिथे वापरकर्ता यश, विश्वास आणि अनुभव "योग्य वाटला" याचे मूल्यांकन करतो. शांत/बंद हे प्रामुख्याने परावर्तित आहे, वापरकर्त्यांना परस्परसंवादाचा अर्थ गुंडाळण्यात आणि उत्पादन विश्वासार्ह आणि परत येण्यासारखे आहे की नाही हे ठरविण्यात मदत करते.
वास्तविक उत्पादनांमध्ये, जेव्हा गोष्टी चुकीच्या होतात तेव्हा हा क्रम अदृश्य होत नाही. त्रुटी, विलंब आणि क्षीण अवस्था या भावनिक चाप अपवाद नाहीत - ते त्याचा भाग आहेत. वर्णनात्मक दृष्टीकोनातून पाहिले, हे क्षण नायकाच्या प्रवासातील अडथळे आहेत. एक चांगली रचना केलेली पुनर्प्राप्ती स्थिती धक्का बसते, काय घडले ते स्पष्ट करते आणि नवीन भावनिक आवाज न आणता पुढील चरणाचे मार्गदर्शन करते. जेव्हा अपयशाला फाटण्याऐवजी एक थाप मानली जाते, तेव्हा तणावातही भावनिक प्रवाह जपला जाऊ शकतो. UX उदाहरणे: प्रवाहातील भावना वि. संघर्षातील भावना भावना प्रवाहात चेकआउट बरोबर केले (स्ट्राइप/ऍपल पे स्टाईल): लहान पायऱ्या, स्पष्ट प्रगती आणि एक कुरकुरीत यश स्थिती (पर्यायी सॉफ्ट हॅप्टिकसह चेकमार्क). शिखर (यश) उतरते आणि शेवटी बंद होते (पावती किंवा पुढची पायरी).
पिकअप स्थिती (राइड-हेलिंग ॲप्स, उदा., Uber, फ्री नाऊ, किंवा बोल्ट): प्रगतीशील अपडेट्स अभिमुखता राखतात आणि चिंता कमी करतात (“ड्रायव्हर येत आहे”, “2 मिनिट दूर”, “आले”). अनिश्चितता स्पष्टतेमध्ये बदलते, सौम्य गती प्रत्येक संक्रमणाची तयारी करते.
संघर्षात भावना टीप: आम्ही येथे विशिष्ट उत्पादनांची नावे देत नाही - आम्ही त्यांच्यामागील कार्याचा आदर करतो. त्याऐवजी, आम्ही भावनिक संघर्ष निर्माण करणारे नमुने दाखवत आहोत आणि त्यांचे निराकरण कसे करावे.
गंभीर क्षणांमध्ये विनोद. पैसे/आरोग्य/सुरक्षेसाठी चीकी कॉपी-इन-एरर स्टेटमेंट. वापरकर्ते तणावग्रस्त आहेत; विनोद चिडचिड वाढवतो. ठरावापूर्वी उत्सव. कॉन्फेटी, फटाके किंवा पुष्टीकरणापूर्वी मोठा आवाज. पक्ष क्लायमॅक्समध्ये व्यत्यय आणतो. हार्ड स्टेट जंप. आश्चर्यचकित मॉडेल/प्रोमो मिड-टास्क, पूर्ण-स्क्रीन टेकओव्हर तयारीशिवाय. भावनिक ठोके दरम्यान अचानक कट झाल्यासारखे वाटते.
प्रवाहातील भावना सुनिश्चित करण्यासाठी आपण काय करू शकता तुम्ही डुप्लिकेट करू शकता अशा संपूर्ण टेम्प्लेटसह येथे एक कल्पना पृष्ठ आहे:
भावनिक बीट शीट टेम्पलेट.
1. प्रथम इमोशनल बीट शीट लिहा प्रत्येक मुख्य प्रवाहासाठी (ऑनबोर्डिंग, पेमेंट, रिकव्हरी), प्रति चरण भावनांचा नकाशा बनवा: अनिश्चितता → स्पष्टता → अपेक्षा → यश → शांतता. प्रत्येक बीटला कॉपी, मोशन आणि मायक्रोइंटरॅक्शन्स संलग्न करा. (कोण भावना कुठे घेऊन जातो?) 2. टास्क रिस्कसह टोन संरेखित करा टोन मॅट्रिक्स तयार करा (जोखीम पातळी × स्थिती). उच्च-जोखीम त्रुटींमध्ये, शांत, साधे आणि समाधान-केंद्रित व्हा. कमी-जोखीम संदर्भांसाठी खेळकरपणा जतन करा. टेम्पलेट स्निपेट्स:
उच्च-जोखीम त्रुटी: "आम्ही तुमच्या आयडीची पडताळणी करू शकलो नाही. पुन्हा प्रयत्न करा किंवा सपोर्टशी संपर्क साधा." कमी-जोखीम रिकामी स्थिती: "येथे अजून काहीही नाही. नमुना घेऊन सुरुवात करायची आहे का?"
येथेच अनेक परिपक्व उत्पादने शांतपणे भावनिक संघर्षात वळतात. कालांतराने, संघ हेतूपेक्षा सवयीने आनंद वाढवतात. एक उपयुक्त स्व-तपासणी विचारणे आहे: जर आम्ही या पायरीवरून प्रत्येक खेळकर किंवा उत्सव घटक काढून टाकला, तर प्रवाह अजूनही मानवी वाटेल — किंवाते घटक घर्षण मास्क करतात? चांगली भावनिक रचना अनुभव स्पष्ट करते; गोंधळाची भरपाई करण्यासाठी उत्कृष्ट भावनिक डिझाइनला सजावटीची आवश्यकता नाही. 3. डिझाइन पीक आणि उद्देशाने समाप्त अभियंता एक स्पष्ट शिखर (यशाचा क्षण) आणि एक स्वच्छ शेवट (पुष्टी आणि पुढे काय होते). दोन्ही बिंदूंवर स्मरण आणि समाधान मोजा. 4. मायक्रोइंटरॅक्शन्स ब्रिज म्हणून वापरा, स्पॉटलाइट्स नाही
तयार करा: मोठ्या स्थितीत बदल होण्यापूर्वी लहान, सुसंगत गतीचे संकेत. पुष्टी करा: यशाला एक सूक्ष्म सेटल मिळते, थोडे हळू सहज-आऊट आणि पर्यायी लाइट हॅप्टिकसह. पुनर्प्राप्त करा: वारंवार आलेले अपयश कृपापूर्वक उत्साही वरून समर्थनाकडे बदलते आणि पुढील चरणाचे मार्गदर्शन करते.
5. भावनिक सातत्य साठी चाचणी उपयोगिता सत्रांमध्ये, फक्त "ते सोपे होते?" असे विचारू नका. त्याऐवजी, तुम्ही विचारू शकता "येथे कोणती भावना बदलली?" जर तुम्ही "गोंधळलेले → आनंदित → गोंधळलेले" ऐकत असाल तर, तुमच्यात संघर्ष आहे, प्रवाह नाही. पुनरावृत्ती संक्रमणे, फक्त स्क्रीन नाही. संघर्षात भावना कशी टाळायची: जलद चेकलिस्ट लाल ध्वज → निराकरणे:
गंभीर क्षणांमध्ये विनोद → शांत, थेट भाषा आणि स्पष्ट पुनर्प्राप्ती मार्गासाठी अदलाबदल करा. ठरावापूर्वी उत्सव → पुष्टीकरणानंतर उत्सवाकडे हलवा; उच्च-जोखीम कार्यांसाठी ते कमी करा. हार्ड स्टेट जंप → पूर्व-घोषणा संक्रमण; फ्रेमिंग सुसंगत ठेवा; सातत्य राखण्यासाठी अर्थपूर्ण हालचाली वापरा. क्रॉस-टीम टोन ड्रिफ्ट → केंद्रीकृत आवाज आणि टोन मार्गदर्शक तत्त्वे प्रति जोखीम पातळी आणि स्थिती उदाहरणांसह.
असे काही क्षण असतात जेव्हा भावनिक प्रवाह खंडित करणे हेतुपुरस्सर आणि आवश्यक असते. सुरक्षा चेतावणी, कायदेशीर पुष्टीकरणे आणि सुरक्षितता-गंभीर इशारे अनेकदा अचानक टोनल शिफ्टचा फायदा घेतात. या प्रकरणांमध्ये, व्यत्यय महत्त्वाचा संकेत देतो आणि लक्ष देण्याची मागणी करतो. समस्या ही भावनात्मक संघर्षाची नाही; हा अपघाती संघर्ष आहे. जेव्हा डिझायनर जाणीवपूर्वक व्यत्यय निवडतात, तेव्हा वापरकर्त्यांना व्हिप्लॅश वाटण्याऐवजी स्टेक्स समजतात. निष्कर्ष उत्तम अनुभव हे निर्देशित अनुभव असतात. डॅन दा डॅन आपल्याला न गमावता भावनांमधून कसे पुढे जायचे हे दर्शविते: ते तयार करते, संक्रमण करते आणि निराकरण करते. सुपरमॅन दृश्य याच्या उलट दाखवते: हृदयस्पर्शी धडधडणारी एक गग. माजी करा. तुमचे भावनिक ठोके मॅप करा, टास्क जोखमीसाठी टोन संरेखित करा आणि मायक्रोइंटरॅक्शन्सना भावना पूर्ण करू द्या जेणेकरुन वापरकर्त्यांना योग्य शिखर आणि योग्य टोक लक्षात ठेवा, मध्यभागी व्हिप्लॅश नाही.
