इंटरफेस में माइक्रोइंटरट्यूड और माइक्रो प्रॉम्प्ट

अनुभव के साथ हमारे जीवन में माइक्रोट्रांस का उपयोग करने का अनुभव पेश किया जाता है और इसे पूरे जीवन में विकसित किया जाता है। हम केवल नए ज्ञान के साथ इस गुल्लक को फिर से भरते हैं। हमारा व्यवसाय हमारे उत्पादों में इन स्थापित नियमों और संघों का उपयोग करना है और उनका उपयोग करना सीखना है।

Microinteractions ऐसे तत्व हैं जो अंतिम उपयोगकर्ता के लिए जानकारी और कुछ भावनाओं को व्यक्त करते हैं।

Microinteractions और माइक्रो प्रॉम्प्ट विवरण नहीं हैं, यह डिज़ाइन और उत्पाद ही है, एक उच्च-गुणवत्ता वाला उत्पाद विवरण का निर्माण करता है, और विवरण में उपयोगकर्ता के अनुभव शामिल होते हैं जो उन्हें प्रतियोगियों से अलग करते हैं, कुल द्रव्यमान और उत्पाद की समग्र तस्वीर बनाते हैं।

शुरू करने के लिए, उदाहरण में, जिस पर हम विचार कर रहे हैं, माइक्रोएरेन्शन्स एक अनुरोध की तरह, या आपके कान के पास एक मुखपत्र में आवाज की तरह, आपके उबाऊ नारे को चिल्लाते हुए देख सकते हैं।
Microinteractions को वास्तविक दुनिया से उपयोगकर्ता के संपर्क और जुड़ाव का अनुभव लेना चाहिए, एक व्यक्ति के जीवित अनुभव और अन्य वेब संसाधनों पर खर्च किए गए समय, इंटरनेट संसाधनों के उपयोग के दौरान स्थापित नियम और पैटर्न।



अनुरोधों में माइक्रोएनेरेशन घुसपैठ नहीं होना चाहिए, बल और ब्लैकमेल नहीं करना चाहिए, यह उन कार्यों को प्रोत्साहित करना चाहिए जो ग्राहक भूल गए हैं, जो उनके लिए रुचि का हो सकता है या जिन पर उन्होंने ध्यान नहीं दिया होगा।

इंस्टाग्राम पर माइक्रो-इंटरेक्शन

इंस्टाग्राम ने एक माइक्रो-इंटरैक्शन फ़ंक्शन को जोड़ा, जो उपयोगकर्ता को उन पोस्ट पर टिप्पणी करने के रूप में कार्रवाई करने की याद दिलाता है जो उसे रुचि देते हैं, यह नीचे से एक बटन की उपस्थिति के एक छोटे से एनीमेशन की तरह दिखता है जो उस समय केवल अपने एनीमेशन के साथ ध्यान आकर्षित करता है जब आप किसी पोस्ट में रुचि रखते हैं, अर्थात, इस पर विचार करने के लिए रुक जाते हैं, यह अनुरोध घुसपैठ नहीं है और संक्षिप्त रूप में, उपयोगकर्ता उस व्यक्ति से प्रतिक्रिया प्राप्त कर सकता है जिसे वह रुचि रखता है, बदले में, यह टिप्पणीकार के लिए उपयोगी हो सकता है कि परियोजना क्या होनी चाहिए सूक्ष्म बातचीत।
इसके अलावा, माइक्रोएनेरेशन के तत्व में रुचि उपयोगकर्ता अवतार की उपस्थिति को आकर्षित करती है, और जैसा कि हम जानते हैं कि हम जो जानते हैं वह ध्यान आकर्षित करता है और बदले में इसे अधिक पसंद करता है।



बातचीत के उपयोगकर्ता अनुभव का एक बहुत अच्छा समाधान नहीं होने का एक उदाहरण प्रत्येक पद पर इस अनुरोध की उपस्थिति हो सकता है, सामग्री में आपकी रुचि की परवाह किए बिना, एक छोटी सी कार्रवाई करने के लिए पूछना महत्वपूर्ण है, और इसे पूरा करने के लिए मजबूर नहीं करना चाहिए।

उपयोगकर्ता को कार्रवाई करने के लिए कहने के लक्ष्य के अनुसरण में, यह स्पष्ट रूप से प्रदर्शित करना महत्वपूर्ण है कि यह विशेष रूप से उसके लिए कैसे उपयोगी होगा, पूरी प्रक्रिया को खींचे बिना, स्पष्ट रूप से, अनिवार्य रूप से, और संक्षेप में बोलने के लिए आगे के फायदे। चूंकि सूचनात्मक शोर हमारी चेतना को हर समय अधिक से अधिक भरता है, इसलिए यह महत्वपूर्ण है कि पूरी तरह से अनावश्यक को छांटना मुश्किल हो जाए।

उदाहरण के लिए: एक उपयोगकर्ता एक टर्म पेपर लिखने की तलाश में है। अक्सर जब हम किसी साइट पर जाते हैं तो हमें एक तस्वीर दिखाई देती है और हम आकर्षक बिक्री वाले हेडलाइन और अच्छे काम के उदाहरण देखते हैं, लेकिन सबसे महत्वपूर्ण बिंदु चूक हो जाता है, हम सभी महत्वपूर्ण जानकारी प्राप्त नहीं कर सकते क्योंकि यह मौजूद नहीं है। आप इसे केवल एक आवेदन भेजकर प्राप्त कर सकते हैं, एक परामर्श से गुजर सकते हैं और उसके बाद ही काम की लागत का पता लगा सकते हैं।

यह उपयोगकर्ता को उन सभी सूचनाओं के साथ प्रदान करने के लिए बहुत अधिक कुशल है जो उसे (कीमतों, सेवाओं, मूल्य मामलों) की आवश्यकता होती है, साइट संरचना को स्क्रिप्ट के अंत के तत्वों के साथ भरना, एक आवेदन प्रस्तुत करने के लिए बटन के रूप में, या कम से कम पढ़ने के अंत में, आपको सुविधाजनक तरीके से संपर्क करने और सलाह प्राप्त करने का अवसर याद दिलाने के लिए, यह एक घुसपैठिया दृष्टिकोण नहीं है। कुशल हाथों में एक प्रभावी समूह बन जाता है।

उपयोगकर्ता की मदद करने के लिए यह अच्छा अभ्यास है, और उसे सीमित करने के लिए नहीं, यह उस विकल्प को धक्का देना महत्वपूर्ण है जो उपयोगकर्ता के लिए स्पष्ट रूप से फायदेमंद होगा।

इस प्रकार के "अनुरोध" के बाद, जंपिंग कॉल बैक प्रभावी था, लेकिन केवल उन उपयोगकर्ताओं के लिए जो साइटों पर बातचीत करने के स्थापित अनुभव को पूरी तरह से नहीं समझते थे। अब इस प्रकार के जंपिंग, ब्लिंकिंग या चमकदार तत्व केवल उन लोगों से बातचीत करने में मदद करते हैं जिनका इंटरनेट से बहुत कम संबंध है, मैं व्यक्तिगत रूप से
साइट पर यह तत्व टैब को बंद करने और अब संसाधन पर प्रदर्शित नहीं होने के लिए माउस के साथ बटन तक पहुंचने की एक जंगली इच्छा का कारण बनता है।

यदि लंगर तत्वों के बिना किसी साइट का एक विचारहीन स्क्रॉल है या यदि जानकारी के एक असंरचित पदानुक्रम के साथ एक संसाधन है, तो यह कार्यक्षमता उपयोगी हो सकती है
प्रतिक्रिया प्राप्त करने का एक त्वरित और आसान तरीका है। इस तत्व को बैसाखी के रूप में माना जा सकता है, कार्यात्मक साइट की उपस्थिति के थोड़ा करीब है, लेकिन बदले में वे केवल कल्पना हैं।

एक स्पष्ट विभाजन संरचना और सूचना का सही वितरण, संपर्क जानकारी को वास्तव में मॉनिटर स्क्रीन में अपना चेहरा पोछने की तुलना में अधिक कुशल और सुखद खोज देगा, इस उम्मीद के साथ कि उपयोगकर्ता जानकारी को पढ़े बिना कमांड सुनेंगे और डेटा छोड़ देंगे।

उद्धरण चिह्नों में "अनुरोध" क्यों हैं? क्योंकि यह तत्व एक अनुरोध नहीं है, लेकिन मैंने जो ऊपर वर्णित किया है, "आपके कान के नीचे एक चिल्लाहट में एक जुनूनी आवाज।"

माइक्रो-दृश्य दृश्य संवाद

Microinteraction एक छोटा अनुरोध, एक अनुस्मारक, एक घोषणा, एक तत्व है जो ध्यान आकर्षित करता है और उपयोगकर्ता के लिए एक निश्चित अर्थ है।

नीचे दिए गए इंटरफ़ेस में हम इस विषय का एक उदाहरण देखते हैं, शीर्ष लेख के शीर्ष पर केंद्रित एक एनिमेटेड पृष्ठ लोड होने के बाद, हम ट्रेलर देखने की इकाई के साथ सूक्ष्म बातचीत देखते हैं, एक वीडियो बटन क्षेत्र में खेलना शुरू कर देता है और उपयोगकर्ता का ध्यान अपनी ओर खींचता है यदि आपके पास ध्यान केंद्रित करने और बनाने के लिए एक कार्य है। सबसे पहले, एक विशिष्ट बटन पर क्लिक करना, यह उदाहरण इस समस्या का एक रचनात्मक समाधान है।



शॉट ड्रिबल नाथन रिले

डिजाइन और पाठ के माध्यम से हास्य में सूक्ष्मता

इस पसंदीदा उदाहरण का उपयोग हमारे प्यारे हब्र द्वारा किया जाता है, जो पाठकों को अपनी ओर आकर्षित करता है, साथ ही साथ जानकारी के संपूर्ण गंभीर और रचनात्मक अर्थ को संरक्षित करता है।

नीचे स्क्रीनशॉट में आधिकारिक हैबर Vkontakte समुदाय का हेडर है।



पंजीकरण से पहले हैब परीक्षण का पृष्ठ भी विशेष खुशी के योग्य है, जो बदले में इस तकनीक का एक उत्कृष्ट उदाहरण है।

YOTA ने ग्राहकों के साथ एक अद्भुत बातचीत की है, Yota ने आगे के फायदे, शर्तें, टैरिफ नहीं लगाए हैं, उन्होंने अपनी आंतरिक आवाज़ में क्लाइंट की अपेक्षाओं के आधार पर एक शानदार चाल बनाई, जो ऑफर के बिना इसके सार को दर्शाती है। फिलहाल, ऑफ़र और नारे के बजाय, हम शिलालेख "योटा विज्ञापन" या "यहां योटा विज्ञापन" देखते हैं।
योता ने अपने दर्शकों की हास्य की भावनाओं पर खेला, विज्ञापन को यादगार बना दिया।



बदले में, हास्य एक बल्कि फिसलन भरा रास्ता है, यह विश्वास और अपने आप के प्रति स्वभाव का एक महल की ओर जाता है, बातचीत का ऐसा अनुभव काफी सफल और करामाती कहा जा सकता है, लेकिन हास्य और मस्ती के नोट्स खेलना गलती से नकली हो सकता है और एक रचना दे सकता है जो कंपनी को अस्वीकार कर देगा और अक्षमता का लेबल लगा देगा। और व्यावसायिकता नहीं, भगवान ने इस तरह से ग्राहकों के साथ बातचीत करके प्रचार तरंगों पर बाहर निकलने की कोशिश करने के लिए किसी की भावनाओं को रोकने के लिए मना किया।

दृश्य माइक्रोएरेन्डेन्स और अनुरोध

किसी उत्पाद या सेवा को बेचने के लिए एक संसाधन के माध्यम से स्क्रॉल करना, कोई अक्सर रूपांतरण तत्वों या एनिमेशन पर जोर दे सकता है जो अपने आप पर ध्यान आकर्षित करते हैं, इस उदाहरण को एक अच्छा समाधान माना जा सकता है।

बदले में, एक बुरा उदाहरण पूरे समय में स्वयं पर ध्यान आकर्षित करने, निरंतर टिमटिमाते हुए, लंबे एनीमेशन पर ध्यान केंद्रित करने या केवल स्वयं पर ध्यान केंद्रित करने के लिए माना जा सकता है, दर्द रहित तरीके से अन्य तत्वों पर ध्यान देने की क्षमता को छोड़कर।
सफल एनीमेशन मुश्किल से ध्यान देने योग्य होना चाहिए, लेकिन एक ही समय में दूसरी बार ध्यान आकर्षित करना, एनीमेशन की अवधि 0.4 सेकंड से अधिक नहीं होनी चाहिए और अन्य तत्वों पर ध्यान देना चाहिए।

यह डिजाइन के महत्वपूर्ण नियम को याद रखने के लायक है: डिजाइन को समस्याओं को हल करना चाहिए, एनीमेशन, बदले में, कार्यात्मक भूमिकाएं निभानी चाहिए और नेत्रहीन सौंदर्य नहीं। उत्पाद में एनीमेशन तत्व होने से जो किसी विशिष्ट समस्या का समाधान नहीं करते हैं, यह बिना किसी विचार के उनका उपयोग करने से इंकार करने के लिए समझ में आता है।



शॉट क्रिस गैनन

एसोसिएशन और ध्यान के माध्यम से रंग सूक्ष्म बातचीत

रंग माइक्रो-इंटरेक्शन को iphone पर लॉक बटन को स्विच करने के लिए भी कहा जा सकता है, बटन के अंदर नारंगी रंग दिखने के कारण, संघों पर खेलना
वास्तविक दुनिया के रंग, एम्बेडेड उपयोगकर्ता अनुभव को देखते हुए, हम एसोसिएशन को समझते हैं और निष्कर्ष निकालते हैं कि अब फोन मूक मोड में है।

एक ही चाल उपयोगकर्ता के ध्यान के आधार पर तत्वों की रंग स्थिति में होती है और महत्वपूर्ण तत्व, बटन, रंग में पाठ को आकर्षित करती है जो ध्यान आकर्षित करती है, उपयोगकर्ता के पैटर्न को ध्यान में रखते हुए, सामान्य अवधारणा को समझना और रखा जाने वाले तत्वों में सामंजस्य का पालन करना महत्वपूर्ण है, मॉनिटर के सभी पक्षों पर ध्यान बंटाने के लिए नहीं। साइट पर रंगों में माइक्रोएरेनेशन का एक महत्वपूर्ण पहलू इंटरफ़ेस तत्वों में प्रयुक्त सिमेंटिक लोड और भावनात्मक रंग है। यह माध्यमिक रंगों के ठंडे और गर्म समूहों और उनके उपयोग के नियमों को याद रखने योग्य भी है।



शॉट रोमेन पासलैंड

प्रयोज्य की राहत के रूप में माइक्रो-इंटरैक्शन और अनुरोध

Microinteraction को संसाधन पर केंद्रित करने में मदद करनी चाहिए, इसकी कार्यक्षमता का सुझाव देना चाहिए, और दर्द रहित रूप से नए उपयोगकर्ता अनुभव को सिखाना चाहिए, सबसे महत्वपूर्ण पहलुओं में से एक एक निश्चित परिणाम प्राप्त करने के लिए पहले लंबी प्रक्रियाओं का त्वरण और सरलीकरण है, उसी परिणाम को प्राप्त करने के लिए कार्यों की संख्या और भार को कम करना।

साइट पंजीकृत करने या दर्ज करने के लिए पाए गए संसाधनों पर फ़ील्ड भरना हम सभी को पसंद नहीं है। स्वतः पूर्ण एक सुखद उपयोगकर्ता अनुभव की सुविधा देता है और रोजमर्रा की कार्रवाई को तेज करता है। स्वतः पूर्ण को माइक्रो-इंटरैक्शन कहा जा सकता है, और बटन एक अनुरोध के साथ स्वत: पूर्णता का उपयोग करता है, यह अनुरोध सबसे अच्छे उदाहरणों में से एक है, उपयोगकर्ता को एक बटन के एक क्लिक के लिए अपनी आवश्यकताओं की संतुष्टि मिलती है।

Microinteractions में थोड़ा सा gamification

की गई कार्रवाई के महत्व को दर्शाने वाले माइक्रोएन्थार्म्स, गैमिफिकेशन द्वारा प्रयोज्य में सुधार करने का एक तरीका है। की गई कार्रवाई के महत्व को दर्शाने के बाद, संसाधन यह स्पष्ट करता है कि वह उपयोगकर्ता द्वारा किए गए किसी प्रकार की कार्रवाई या गणना को पूरा करने में समय और प्रयास बर्बाद कर रहा है।

उदाहरण के लिए: हमारे प्रिय और मूर्तिपूजा पर, जब मेल को एक खाता पुष्टिकरण पत्र भेजा जाता है, तो एक डाउनलोड भेजा जाता है, जो कार्रवाई का संकेत देता है
यह उपयोगकर्ता के लिए संसाधित और किया जाता है, उपयोगकर्ता के कार्यों के महत्व और प्रयासों को समझना, उत्पाद के बारे में राय बनाने में महत्वपूर्ण भूमिका निभाता है।

बेशक, हम सभी समझते हैं कि अजाक्स रूपों को सर्वर को पत्र के बारे में संदेश डाउनलोड करने और भेजने के लिए समय की आवश्यकता नहीं है।

नीचे दिए गए उदाहरण में, हम केवल "धारक को कॉन्फ़िगर करना" पृष्ठ पर एक ही तस्वीर का निरीक्षण करते हैं।



पोर्टलों पर जो आवश्यक उपयोगकर्ता जानकारी दर्ज करने की आवश्यकता है, यह उपयोगकर्ता को गैर-घुसपैठ संदेश बॉक्स की उपस्थिति से डेटा दर्ज करने के लिए कहने के लायक है, जो ग्राहक उत्पाद का उपयोग करने में प्राप्त सुधारों का वर्णन करेगा, चाहे वह समकालीन कला की आगामी प्रदर्शनियों को देखने के लिए उनके जियोलोकेशन का परिचय हो।

यह उदाहरण उपयोगकर्ता के लिए उपयोगी एक अनुरोध है। उपयोगकर्ता को वह जानकारी दर्ज करने के लिए मजबूर न करें जो वह नहीं चाहता है और किसी भी स्थिति में सेवा की सभी या अधिकांश कार्यक्षमता तक पहुंच में कटौती नहीं करता है। यह अहसास कि ग्राहक सीमित नहीं है, लेकिन वह अपनी ओर से छोटी सेवा के बदले अधिक देना चाहता है, संसाधन के बारे में एक राय बनाने में बहुत बड़ा धन होगा। और जैसा कि आप जानते हैं, राय माइक्रोइंटरेक्ट का उपयोग करते हुए बिताए समय की लंबाई और अच्छे और बुरे अनुभवों की संख्या पर निर्भर नहीं करती है। संसाधन का उपयोग करने की सुविधा के उच्चतम बिंदु से गठन होता है और संसाधन का उपयोग करने का कम से कम सुखद क्षण, सनसनी पैरामीटर द्वारा केवल 2 का औसत मूल्य बनता है।

माइक्रो इंटरेक्शन हैबिट्स

पूरे डिजाइन के धागे के माध्यम से, विशेष रूप से विशिष्ट लोगों को माइक्रोएरेन्स्ट्रक्शन का संचालन करना महत्वपूर्ण है, और पहले से ही विकसित बातचीत के साथ इसी तरह की समस्याओं को हल करना। उपयोगकर्ता के आदतों का विकास कुछ माइक्रोएरेन्‍ट के अधिक लगातार उपयोग के कारण आपके उत्पाद के भीतर उपयोगकर्ता के अनुभव को अनुकूल रूप से प्रभावित करता है।

आसान एनीमेशन और कार्रवाई की उम्मीदें

किसी भी पूर्ण उपयोगकर्ता कार्रवाई को यथासंभव स्पष्ट और परिचित होना चाहिए, साथ ही उपयोगकर्ता द्वारा इसे पूरा करने के बाद होने वाली क्रियाएं भी।

लाभ उपयोगकर्ता के ध्यान को अधिभारित करने के लिए नहीं है, पुनरावृत्त एनीमेशन उपयोगकर्ता के कार्यों के लिए अनावश्यक आंदोलनों के बिना कम या ज्यादा सरल और समझने योग्य होना चाहिए।
ऊपर उद्धृत करते हुए, "सफल एनिमेशन को मुश्किल से ध्यान देने योग्य होना चाहिए लेकिन ध्यान आकर्षित करना, एनीमेशन की अवधि 0.4 सेकंड से अधिक नहीं होनी चाहिए।"

एक अच्छा, समझने योग्य एनीमेशन का एक उदाहरण।



एक सुंदर, सौंदर्यवादी मनभावन एनीमेशन का एक उदाहरण, लेकिन अतिभारित और पूरी तरह से स्पष्ट नहीं।



एनिमेशन बैपटिस्ट बीरेल

निष्कर्ष

संघों में निर्धारित निर्माण के सिद्धांतों और कुछ तत्वों के साथ निर्माण, कार्यों और इंटरैक्शन के स्थापित सिद्धांतों पर खेलते हैं।

प्रत्येक ट्रिफ़ल उपयोगकर्ता के साथ बातचीत में गहन विश्लेषणात्मक और तार्किक विश्लेषण के योग्य है, भावनात्मक भार, व्यक्त की गई जानकारी की भावना, किए गए कार्यों की दर्द रहितता।

दोहराते हुए, हम कहते हैं कि हम जानते हैं कि हम क्या जानते हैं और हम क्या समझते हैं। कोई फर्क नहीं पड़ता कि इंटरफ़ेस कितना सुंदर है, यह याद रखने योग्य है कि, सबसे पहले, यह सुविधाजनक, कार्यात्मक और समस्याओं को हल करना चाहिए। महत्व के पदानुक्रम में अगले चरण उत्पाद के सौंदर्य घटक हैं।