• मुख्य
  • >
  • विपणन
  • >
  • रूपांतरण-केंद्रित लैंडिंग पृष्ठ डिज़ाइन के 7 सिद्धांत

रूपांतरण-केंद्रित लैंडिंग पृष्ठ डिज़ाइन के 7 सिद्धांत

एक अनुकूलित लैंडिंग पृष्ठ डिज़ाइन करना वास्तव में एक काकवॉक नहीं है। यदि आप एक सम्मानजनक रूपांतरण दर प्राप्त करना चाहते हैं, अर्थात। तो ... रूपांतरण-केंद्रित डिज़ाइन की अवधारणा में आप कितने स्कूली हैं?

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

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

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

रूपांतरण-केंद्रित डिज़ाइन के 7 सिद्धांत

1) एनकैप्सुलेशन

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

लैंडिंग पृष्ठ टिप

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

2) कंट्रास्ट और रंग

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

लैंडिंग पृष्ठ टिप

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

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

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

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

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

लैंडिंग पृष्ठ टिप

अपने प्राथमिक रूपांतरण लक्ष्य को पृष्ठ पर हावी होने दें।

3) दिशात्मक संकेत

दिशात्मक संकेत दृश्य संकेतक हैं जो आपके लैंडिंग पृष्ठों के फोकल क्षेत्र को इंगित करते हैं। वे आपके आगंतुकों को मार्गदर्शन करने में मदद करते हैं कि आप उन्हें क्या करना चाहते हैं, जैसे ही वे आते हैं आपके पृष्ठ का उद्देश्य। दिशात्मक संकेतों के प्रकारों में तीर, रास्ते और दृष्टि की दिशा का दिशात्मक प्रभाव शामिल है।

तीर

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

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

रास्ते

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

लैंडिंग पृष्ठ टिप

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

आँख की सुझाव शक्ति

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

नीचे दिए गए पहले उदाहरण में, कैपचिन केले को बहुत आत्मीयता से देख रहा है। जिज्ञासा वह प्रेरणा है जो आपको उसके टकटकी का पालन करने के लिए मजबूर करती है।

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

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

शिशुओं और आकर्षक लोगों की छवियां

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

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

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

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

4) सफेद स्थान

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

लैंडिंग पृष्ठ टिप

एक शांत प्रभाव पैदा करने के लिए अपने पृष्ठ तत्वों को श्वास कक्ष दें और अपने सीटीए को अपने बाकी डिज़ाइन से बाहर खड़े होने की अनुमति दें।

५) ऊर्जावानता और बिखराव

सामान्य मनोवैज्ञानिक प्रेरक तात्कालिकता (सीमित समय) और कमी (सीमित आपूर्ति) का उपयोग करते हैं। वे सरल अवधारणाएं हैं जिन्हें कई तरीकों से लागू किया जा सकता है।

तात्कालिकता

"अभी खरीदें।" "याद मत करो।" हम इस प्रकार के वाक्यांशों को सुनने के आदी हैं। तात्कालिकता के बयानों का उपयोग हमें तुरंत खरीद निर्णय लेने में करने के लिए किया जाता है। उदाहरण के लिए, अमेज़ॅन और टिकटमास्टर इस तकनीक का बहुत प्रभावी ढंग से उपयोग करते हैं।

अमेज़न: ऑर्डर डेट से पहले

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

टिकटमास्टर: आपका टिकट खरीदने के लिए 4 मिनट बचे

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

कमी

बिखराव की अवधारणा का उपयोग करने के लिए, आपको किसी ऐसे व्यक्ति को समझाने की ज़रूरत है जिसे अभी आपूर्ति करने की ज़रूरत है, इससे पहले कि आपूर्ति समाप्त हो जाए। इससे वांछित अवसर पर लापता होने का डर बढ़ जाता है।

एक्सपीडिया: एक्स सीट्स लेफ्ट

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

6) आप खरीदने से पहले कोशिश करें

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

रूपांतरण-केंद्रित बाज़ारिया के रूप में, आप अपने आगंतुकों को बिना किसी भेदभाव के डर के साथ अपने माल का स्वाद लेने की अनुमति देकर इससे सीख सकते हैं।

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

पूर्वावलोकन

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

अमेज़ॅन अपने 'लुक इनसाइड' फ़ीचर के साथ इस सिद्धांत का एक उत्कृष्ट उदाहरण है, जो आपको पुस्तक के एक हिस्से को अग्रिम में पढ़ने देता है।

पारदर्शिता में हम भरोसा करते हैं

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

) सामाजिक प्रमाण

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

लैंडिंग पेज टिप:

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

यह कहते हुए कि, प्रशंसापत्र गलत तरीके से उपयोग किए जाने पर रूपांतरण दरों में बाधा डाल सकते हैं। आप "क्यों आपके ग्राहक प्रशंसापत्र काम नहीं कर रहे हैं" में प्रशंसापत्र के खराब उपयोग के बारे में अधिक पढ़ सकते हैं।

द मैन लुकिंग स्काईवर्ड एक्सपेरिमेंट

1969 में, न्यूयॉर्क शहर की सड़कों पर एक अध्ययन किया गया था, जिसमें एक आदमी हवा में खड़ा दिख रहा था। अध्ययन से पता चला कि लोग उसके पीछे चलेंगे और उस पर ध्यान नहीं देंगे जो वह देख रहा था। हालांकि, जब घूरने वाले लोगों की संख्या बढ़कर पांच हो गई, तो लोगों ने इसमें शामिल होकर प्रतिक्रिया देनी शुरू कर दी कि आखिर क्या चल रहा है। प्रतिभागियों में 18 लोगों की वृद्धि के परिणामस्वरूप 400% लोगों की भीड़ में शामिल हो गए। जाहिर है, जितनी बड़ी भीड़, उतनी बड़ी भीड़।

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

पिछला लेख «
अगला लेख