() translation by (you can also view the original English article)
लैंडिंग पृष्ठ आपकी साइट के आगंतुकों को एक महत्वपूर्ण पहली छाप के साथ प्रदान करता है। यह धारणा कनेक्शन बनाने या डिस्कनेक्ट बनाने में अंतर हो सकती है। इसलिए, हर विस्तार उपयोगकर्ता के हित को बनाए रखने के लिए खोज में होता है।
एक महान लैंडिंग पृष्ठ में देखने के लिए यहां पांच चीजें हैं, उदाहरण के साथ ही इसे ठीक से प्राप्त करें। सभी उदाहरण हम आपको दिखाएंगे कि आप एन्वाटो एलीमेंट्स(Envato Elements) से हैं, एक ऐसी सेवा जो सदस्यों को एक मासिक शुल्क के लिए टेम्पलेट्स, फोंट, ऐड-ऑन और डिजाइन परिसंपत्तियों के विशाल पुस्तकालय तक असीमित पहुंच प्रदान करती है।
1. एक स्पष्ट कॉल-टू-एक्शन (सीटीए)
प्रत्येक लैंडिंग पृष्ठ का एकमात्र मिशन उपयोगकर्ता को कार्रवाई करने के लिए समझाने के लिए होना चाहिए। चाहे वह कार्रवाई आपको संपर्क करने, फ़ाइल डाउनलोड करने या खरीदारी करने का रूप लेती है- एक सरल, स्पष्ट रूप से परिभाषित कॉल-टू-एक्शन (सीटीए) आपको कन्वर्ट करने में मदद कर सकता है।
हाइप (Hype) एक HTML / CSS लैंडिंग पृष्ठ है जो एक आकर्षक और आसान-पढ़ने वाली सीटीए प्रदान करता है। कॉल शीर्ष पर सही है और इसमें एक शीर्षक, हड़ताली बटन और एक खूबसूरत चित्र शामिल है। एक उपयोगकर्ता के रूप में, आपको पृष्ठ के बिंदु के बारे में दो बार सोचने की ज़रूरत नहीं है-यह ठीक है वहां।
2. कंटेंट अनुभागों का पृथक्करण
किसी लैंडिंग पृष्ठ के प्रत्येक अनुभाग में सांस लेने के लिए अपना कमरा होना चाहिए। व्हाइट स्पेस, बैकग्राउंड्स और इमेजेस के साथ-साथ विज़ुअल अलगाव को भी इस्तेमाल किया जा सकता है। इससे यह सुनिश्चित करने में मदद मिलती है कि उपयोगकर्ता अपने प्रवास के दौरान अभिभूत या विचलित नहीं होंगे। सिंगल-पेज साइट्स ने एन्कर नेविगेशन की मदद से इसका बहुत प्रभाव डाला है, प्रत्येक नए अनुभाग को अंतिम से स्पष्ट अलगाव प्रदान करना।
प्योर(PURE) टेम्पलेट एक महान उदाहरण है जिसमें यह प्रत्येक अनुभाग को बाहर करने के लिए सफेद स्थान, पृष्ठभूमि और फ़ोटो के संयोजन का उपयोग करता है। एक और अच्छा स्पर्श नौवहन की गोलियों का उपयोग होता है जो उपयोगकर्ताओं को एक समय में एक पूर्ण अनुभाग नीचे स्क्रॉल करने देता है।यह वास्तव में केवल कंटेंट के एक भाग पर ध्यान केंद्रित करने में आपकी सहायता करता है।
3. स्वच्छ और संक्षिप्त पाठ
उपयोगकर्ताओं के लिए आपके लैंडिंग पृष्ठ की कंटेंट को पढ़ने और पचाने के लिए आसान है, सफलता के लिए बेहतर आपके मौके। फोंट का उपयोग करें जो पत्र अंतर और रेखा की ऊंचाई की एक स्वस्थ खुराक के साथ पठनीय हैं। और, टेक्स्ट कंटेंट के लंबा ब्लॉक से बचने के लिए यह भी सलाह है। उस बिंदु पर सही हो जाने वाली कंटेंट अधिक कुशल है और बस बेहतर दिखती है।
एडवेंट (Advent) एक लैंडिंग पृष्ठ टेम्पलेट है जो इस दर्शन के लिए ठोस खाका प्रदान करता है। इसमें अच्छी तरह से निष्पादित टाइपोग्राफी (हालांकि, कुछ वर्गों में थोड़ा और अधिक कंट्रास्ट अच्छा होगा-यह सीएसएस के माध्यम से आसानी से छूटेगा) और संक्षिप्त कंटेंट पूरे हो सकते हैं। अपने डेमो पृष्ठों की अगुवाई के बाद आपको सही दिशा में शुरू कर दिया जाएगा।
4. दृश्य सूचना का उपयोग
पाठ जो लघु और मीठी दोनों है, के साथ, छवियों का उपयोग आपके समग्र संदेश को परिभाषित करने का एक बड़ा हिस्सा हो सकता है। यह एक कैप्शन फोटो, आरेख, चार्ट या इन्फोग्राफिक के रूप में आ सकता है। इस तरह के दृश्य तत्व अक्सर अकेले पाठ की तुलना में बहुत बेहतर बिंदु मिलते हैं।
एक्स वॉच लैंडिंग पृष्ठ का उत्कृष्ट उदाहरण है जो विभिन्न तत्वों का उपयोग करने के लिए उपयोगकर्ताओं को नेत्रहीन रूप से सूचित करता है। इसमें चित्रित उत्पाद फोटो, आइकन हैं जो विशिष्ट विशेषताओं और एनीमेशन का एक चालाक उपयोग करने पर ध्यान केंद्रित करते हैं। यह स्पष्ट रूप से अपील करता है और एक कहानी कहता है, जैसा कि सिर्फ स्पष्ट रूप से जानकारी प्रदर्शित करने के लिए।
एक बोनस के रूप में, यह ध्यान देने योग्य है कि इनकी बहुत बड़ी दृश्य संपत्तियां हैं, जैसे कि एन्वाटो एलीमेंट्स के सदस्यों के लिए उपलब्ध है। क्या उपलब्ध है की भावना पाने के लिए इन्फोग्राफिक्स, आइकन और अन्य वेक्टर छवियों के अपने संग्रह को ब्राउज़ करें। वे सटीक रूप और आपके द्वारा किए गए संदेश को तैयार करने में बहुत सहायक हो सकते हैं।
5. आकर्षक रंग योजनाएं
रंग का उपयोग निश्चित रूप से व्यक्तिगत स्वाद का एक व्यक्तिपरक मामला है। लेकिन यह इंगित करने योग्य है कि एक लैंडिंग पृष्ठ जो उपयोगकर्ता के अनुकूल तरीके से रंग का उपयोग करता है, इसका इस्तेमाल करना और समझना आसान हो सकता है। रंग कोडिंग नेविगेशन तत्व और उच्च-विपरीत अनुपात का उपयोग करने के लिए यूएक्स को बढ़ावा देने के सरल तरीके हैं।
लैंडीफाई पर एक नज़र रखना, इसका रंग का प्रयोग बकाया है। यह देखने के लिए सुखद है, जबकि कार्रवाई करने के लिए कॉल करना अविश्वसनीय रूप से आसान है। कुछ मायनों में, यह देखो बहुत सरल है, लेकिन ये यही टेम्पलेट इतना प्रभावी बनाता है।
आपका संदेश पहुंचा गया है!
जब आप विभिन्न प्रकार के विषयों के लिए एक लैंडिंग पृष्ठ का उपयोग कर सकते हैं, तो कुछ तत्व सामान्य रूप से पूरे होने चाहिए। आप यह सुनिश्चित करना चाहते हैं कि यह आंखों पर आसान और प्रयोग करने में आसान है। यह उपयोगकर्ता को सबसे कुशल तरीके से एक कहानी भी बताएगा और उन्हें कार्रवाई में ले जाना चाहिए। एनवाटो एलिमेंट्स (Envato Elements) से ऊपर टेम्पलेट्स की मदद से, आप बस उस पूरा करने के लिए पथ पर होंगे।
