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