अच्छा यूजर इंटरफेस

जैकब लिनोव्स्की के एक लेख का एक मुफ्त अनुवाद "एक अच्छा उपयोगकर्ता इंटरफ़ेस" है ।

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

आइडिया 1: मल्टी-कॉलम के बजाय सिंगल-कॉलम लेआउट का उपयोग करने का प्रयास करें

एक एकल-स्तंभ लेआउट आपको कथा को बेहतर ढंग से नियंत्रित करने की अनुमति देता है। वह आपके उपयोगकर्ताओं को सबसे अधिक अनुमानित तरीके से निर्देशित करने में सक्षम होगा - ऊपर से नीचे तक। मल्टी-कॉलम दृष्टिकोण उस जोखिम को मानता है कि उपयोगकर्ता पृष्ठ के मुख्य उद्देश्य से विचलित हो सकता है। अंत में कार्रवाई करने के लिए एक अनिवार्य कॉल के साथ लोगों को गाइड करें।

विचार 2: एक उपहार देने की कोशिश करें, तुरंत बिक्री खत्म न करें

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

विचार 3: समान फ़ंक्शन को संयोजित करने का प्रयास करें और इंटरफ़ेस को विभाजित न करें

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

विचार 4: अपने बारे में बात करने के बजाय सामाजिक प्रमाण का उपयोग करने का प्रयास करें

सामाजिक प्रमाण एक और अनुनय रणनीति है जो रूपांतरण को बढ़ा सकती है।
आपके और आपके प्रस्ताव के बारे में सिफारिशें उपयोगकर्ता को कार्रवाई करने के लिए प्रेरित कर सकती हैं। सुनिश्चित करें कि ये सिफारिशें या राय मौजूद हैं।

विचार 5: मुख्य कॉल को एक बार दिखाने के बजाय, कार्रवाई को दोहराने का प्रयास करें

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

विचार 6: क्लिक करने के बजाय क्लिक करने योग्य और चयनित तत्वों के बीच शैली अंतर को बढ़ाने का प्रयास करें

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

विचार 7: समकक्ष विकल्प दिखाने के बजाय सिफारिशें आज़माएं

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

विचार 8: पुष्टि अनुरोधों के बजाय पूर्ववत करने का प्रयास करें

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

विचार 9: बताइए कि उत्पाद किसके लिए है। सभी को संदेश भेजने की कोशिश न करें

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

विचार 10: मान्यताओं के बजाय सीधे बोलें

आप अस्थिर आवाज के साथ लोगों से बात कर सकते हैं या आप एक ही बात आत्मविश्वास से कह सकते हैं। यदि आप प्रत्येक वाक्य को प्रश्न चिह्न के साथ समाप्त करते हैं, तो "हो सकता है," "बहुत अच्छा होगा", "क्या आप चाहेंगे?" या "कोशिश नहीं करना चाहते?" जैसे शब्दों का उपयोग करें, फिर आपके पास अपने संदेश में अनुनय जोड़ने का हर अवसर है। कौन जानता है, शायद कभी-कभी यह लोगों को रूपांतरण के अनुकूलन के लिए अगला कदम बताने के लायक है?

विचार 11: एकरूपता के बजाय अधिक विपरीत

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

विचार 12: सामान्यीकरण के बजाय उत्पाद की उत्पत्ति का स्थान दिखाएं

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

विचार 13: खेतों की संख्या कम करें, बहुत अधिक न पूछें

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

विचार 14: एक बार में सभी विकल्पों का विस्तार करें

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

आइडिया 15: डबल-बॉटम पेज के बजाय सुसंगतता का सुझाव दें

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

विचार 16: फोकस रखें, लिंक का अति प्रयोग न करें

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


दिमित्री कलिनिकोव, निदेशक और डिजाइन, एडीवी / वेब-इंजीनियरिंग
इलदार किनीबुलतोव, वेब डिजाइनर, एडीवी / वेब-इंजीनियरिंग