क्यों आपकी वर्डप्रेस साइट में चिपचिपा यूआई तत्व होना चाहिए, और उन्हें कैसे बनाएं

वर्डप्रेस में चिपचिपा यूआई तत्वों पर यह योगदान लेक्सी लू द्वारा है.


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

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

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

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

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

WordPress में चिपचिपा UI तत्व क्यों काम करते हैं

वर्डप्रेस में चिपचिपा तत्वों का उपयोग करना महत्वपूर्ण जानकारी को व्यक्त करने और आपकी साइट के माध्यम से आगंतुक की यात्रा को आसान बनाने में मदद कर सकता है। एक ईकामर्स वेबसाइट ने पाया कि चिपचिपा नेविगेशन को शामिल करने से रूपांतरणों को 30 प्रतिशत से 33 प्रतिशत तक बढ़ाने में मदद मिली.

अनुसंधान उद्देश्यों के लिए आयोजित एक अलग ए / बी परीक्षण में पाया गया कि आगंतुकों का 100 प्रतिशत चिपचिपा डिज़ाइन तत्वों को प्राथमिकता दी – भले ही उनमें से कई बिल्कुल निश्चित नहीं हैं कि क्यों.

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

सौभाग्य से, आपके WordPress साइट में शामिल करने में आपकी सहायता करने के लिए विभिन्न प्रकार के UI तत्व और प्लगइन्स हैं:

स्टिकी सोशल मीडिया शेयर बटन

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

औसतन, सोशल मीडिया ड्राइव सभी यातायात का 31 प्रतिशत वेबसाइटों के लिए। हालांकि यह आंकड़ा कुछ वेबसाइटों के लिए निस्संदेह कम है (और दूसरों के लिए अधिक), यह सम्मोहक सामग्री बनाने के महत्व पर प्रकाश डालता है.

(चार्ट द्वारा वर्डप्रेस चार्ट और ग्राफ़ लाइट.)

अच्छी सामग्री, हालांकि, सिर्फ पहला कदम है। आप उपयोगकर्ताओं को नग्न कर सकते हैं और अपनी सामग्री साझा करने के लिए लोगों को हास्यास्पद रूप से आसान बनाकर रेफरल ट्रैफ़िक बढ़ा सकते हैं। ऐसा करने का एक अच्छा तरीका आपकी सामग्री के साथ चिपचिपा सोशल मीडिया बटन के माध्यम से है.

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

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

वर्डप्रेस के कई प्लगइन्स के साथ कई उपकरणों और ऑपरेटिंग सिस्टम के साथ प्रयोग करें, ताकि यह सुनिश्चित कर सकें कि आपके सोशल मीडिया बटन इरादे के अनुसार व्यवहार कर रहे हैं.

कोडिनडब्ल्यूपी पर यहां प्रकाशित 30 से अधिक सोशल मीडिया प्लगइन्स की दो-भाग सूची है। मुझे यकीन है कि आप वहां अपने लिए सही प्लगइन पाएंगे.

स्टिकी सूचना बॉक्स

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

12keysrehab

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

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


चिपचिपा तत्व चिपचिपा तत्व

लेखक (ओं): स्टू हेकेनबर्ग

वर्तमान संस्करण: 1.3.5

अंतिम अपडेट: 26 जनवरी, 2019

sticky-element.1.3.5.zip


74% रेटिंग


600 + इंस्टॉल


WP 3.0 + की आवश्यकता है

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

चिपचिपा मेनू

स्टिकी मेनू शायद वर्डप्रेस में सभी चिपचिपा यूआई तत्वों में से सबसे नीचे-पृथ्वी का प्रकार है, लेकिन वे भी सबसे उपयोगी में से एक हैं.

विचार सरल है। जैसे ही उपयोगकर्ता स्क्रॉल करता है, मेनू मजबूती से बना रहता है.

लेकिन आप इसे कई तरीकों से लागू कर सकते हैं:

a) आप शीर्ष पर मानक प्लेसमेंट के लिए जा सकते हैं.

यह वही है जो ThemeIsle टीम ने उनके साथ किया है ज़रीफ़ थीम, उदाहरण के लिए (आप देख सकते हैं यहां लाइव डेमो):

ज़रीफ़ चिपचिपा तत्व

यहां एक अतिरिक्त बोनस यह है कि मेनू एक साधारण एक-पंक्ति मेनू नहीं है, लेकिन एक मेगा मेनू – जब आप प्रत्येक आइटम पर होवर करते हैं, तो वे अधिक विस्तृत संरचना प्रकट करते हैं:

मेगा मेनू

b) मेनू को साइड में रखें.

यह कुछ डिज़ाइनों के लिए और विशेष रूप से फोटो-भारी साइटों के लिए एक अच्छा विकल्प है जो अपनी कहानी बताने के लिए दृश्यों पर दांव लगाते हैं.

यहाँ से एक उदाहरण है RichBrown.info:

RichBrown

जैसे ही आप स्क्रॉल करते हैं, मेन्यू दाईं ओर तय हो जाता है.

c) इसे सबसे नीचे रखें.

नीचे एक निश्चित मेनू के लिए एक और दिलचस्प प्लेसमेंट है, और खासकर यदि आप पाठ की एक पंक्ति की तुलना में मेनू को थोड़ा लंबा करना चाहते हैं.

यहाँ एक उदाहरण है bulletpr:

bulletpr

जैसा कि आप देख सकते हैं, मेनू में चित्र + पाठ की सुविधा है, इसलिए इसे सबसे नीचे रखा गया है ताकि यह साइट के शीर्ष लेख में मूल्यवान स्थान न ले सके।.

स्टिकी ईमेल साइनअप

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

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

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

twelveskip

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

CodeinWP, उदाहरण के लिए, इस उद्देश्य के लिए कई रूपों का उपयोग करता है, और कई चिपचिपा। इस तरह:

codeinwp

चिपचिपा विज्ञापन

आइए इसका सामना करें – विज्ञापन हम में से अधिकांश के लिए एक आवश्यक बुराई हैं। हमारे पाठक उनकी तरह नहीं हैं और न ही कई वेबसाइट निर्माता हैं। हालाँकि, वे बिलों का भुगतान करने के लिए आवश्यक हैं, और जहाँ डिजिटल विज्ञापन आता है.

टाइम मैगज़ीन उनके विज्ञापन को एक स्टिकी ब्लॉक के रूप में उपयोग करता है, इसलिए यह नीचे स्क्रॉल करता है जब आप कोई भी लेख पढ़ रहे हैं.

समय

यह एक विशाल छप विज्ञापन या एक पॉप-अप की तुलना में कम घुसपैठ है, इसलिए यह बहुत सारे पाठकों को बंद किए बिना कुछ राजस्व उत्पन्न करने का एक बुरा तरीका नहीं है।.

सभी विज्ञापन की तरह, यह केवल मॉडरेशन में किया जाना चाहिए। किसी लेख के बाईं या दाईं ओर विज्ञापनों की एक दीवार तत्काल बंद है। एक या दो, अधिक लेखों के लिंक के साथ युग्मित, विज्ञापन के बारे में जाने का एक अच्छा तरीका है.

वर्डप्रेस में क्रिएटिव चिपचिपा यूआई तत्व

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

यहाँ एक उदाहरण है, द्वारा Gavick.com:

द्वीप

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

ऐसा लगता है कि वास्तव में वर्डप्रेस में चिपचिपा यूआई तत्वों के रचनात्मक उपयोग की कोई सीमा नहीं है … क्योंकि कोई एक द्वीप को चिपचिपा बनाने में सक्षम था.

कैसे सही प्लगइन खोजने के लिए?

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

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

लेक्सी लू लेखक के बारे में: लेक्सी लू एक फ्रीलांस डिजाइनर और ब्लॉगर हैं। वह नवीनतम रुझानों पर शोध करने का आनंद लेती है और हमेशा पास में कॉफी का एक कप रखती है। वह मैनेज करती है डिजाइन रोस्ट और ट्विटर पर इसका अनुसरण किया जा सकता है @lexieludesigner.

करोल के द्वारा सभी संपादन और मजाकिया पुनर्लेखन.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map