नेविगेटर के लिए कौन सा प्रोग्राम चुनें. यात्रा करते समय नेविगेशन का मेरा संस्करण नेवीटेल: एंड्रॉइड के लिए एक अच्छी तरह से डिज़ाइन किया गया जीपीएस नेविगेटर

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

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

साइट नेविगेशन बनाना: मूल तत्व

निम्नलिखित तत्व मुख्य हैं; वे साइट के सभी पृष्ठों पर मौजूद होने चाहिए और एक ही शैली में होने चाहिए। उनकी अनुपस्थिति उपयोगकर्ता को विचलित कर देती है.

साइट हेडर. अन्य पृष्ठ तत्वों से दृष्टिगत रूप से अलग होना चाहिए और इसमें निम्नलिखित तत्व शामिल होने चाहिए:

1. प्रतीक चिन्ह, जिसे ऊपरी बाएँ कोने में रखना बेहतर है, क्योंकि यह विकल्प उपयोगकर्ताओं के लिए अधिक परिचित है।
2. कंपनी का नाम और संक्षिप्त वर्णनगतिविधियाँ - टैगलाइन(यदि यह जानकारी लोगो में इंगित नहीं की गई है)। इसके अतिरिक्त, आप अपनी यूएसपी (यह क्या है और सही को कैसे चुनें इसके बारे में अधिक विवरण) बता सकते हैं।
3. संचालन के क्षेत्र, माल की डिलीवरी. पूरी सूची बताने की आवश्यकता नहीं है, कृपया यह जानकारी संक्षेप में प्रदान करें।
4. संपर्क जानकारी. यदि आपके पास कई कार्यालय या स्टोर हैं, तो साइट हेडर में आपको केवल मुख्य चीज़ के लिए महत्वपूर्ण जानकारी दर्शानी चाहिए, ताकि हेडर ओवरलोड न हो।
5. फ़ोन नंबर के आगे जोड़ना सुनिश्चित करें संचालन विधाताकि यूजर्स देख सकें कि वे कंपनी को किस समय कॉल कर सकते हैं।
6. कार्ट पेज से लिंक करें, यदि आपके पास एक ऑनलाइन स्टोर है।
7. . केवल तभी जोड़ें जब आपके विशेषज्ञों के पास अनुरोधों को शीघ्रता से संसाधित करने का समय हो। उन उपयोगकर्ताओं के लिए आवश्यक है जो किसी कारण से स्वयं कंपनी को कॉल नहीं कर सकते।

सूचनाप्रद वेबसाइट हेडर का एक उदाहरण:

मुख्य मेन्यू. इन लिंक्स को साइट हेडर के नीचे क्षैतिज रूप से रखना सबसे अच्छा है। अनुभागों के लिए नाम चुनते समय, अर्थपूर्ण डिज़ाइन के बारे में न भूलें। मुख्य अनुभाग जो मुख्य मेनू में होने चाहिए:

1. सेवाओं या वस्तुओं की सूची (ड्रॉप-डाउन मेनू आइटम)।
2. कंपनी पेज.
3. भुगतान और वितरण के तरीके (ऑनलाइन स्टोर के लिए)।
4. वारंटी और रिटर्न (ऑनलाइन स्टोर के लिए)।
5. पोर्टफोलियो (यदि आपके पास दिखाने के लिए कुछ है)।
6. प्रमोशन और छूट.
7. समीक्षाएँ (सेवा साइटों के लिए)।
8. ब्लॉग (यदि आपके पास है)।
9. संपर्क.

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

सक्रिय मेनू अनुभाग को दृश्य रूप से हाइलाइट करें ताकि उपयोगकर्ता देख सके कि वह किस अनुभाग में है। मेनू अनुभाग को हाइलाइट करने का उदाहरण:

खोज फ़ॉर्म. बड़ी वेबसाइटों के लिए, विशेष रूप से ऑनलाइन स्टोर और सूचना पोर्टलों के लिए, यह अवश्य होना चाहिए। हम इस बारे में बात करते हैं कि यह क्या होना चाहिए और इसे साइट पर कहां रखना सबसे अच्छा है।

साइट पाद लेख. कई साइटें इस ब्लॉक को नजरअंदाज कर देती हैं, लेकिन यह उपयोगकर्ता को पेज देखने के बाद तुरंत दूसरे सेक्शन में जाने या अतिरिक्त लिंक ढूंढने में मदद करता है जो मुख्य मेनू में नहीं हैं। बेसमेंट में होना चाहिए:

1. साइट के सभी अनुभागों के लिंक. बिना किसी अपवाद के हर चीज़ के लिए. मुख्य मेनू से लिंक डुप्लिकेट करें और अतिरिक्त अनुभाग निर्दिष्ट करें। उन्हें कॉलम में व्यवस्थित करें और उन्हें नेविगेट करने में आसान बनाने के लिए तार्किक उपसमूहों में विभाजित करें।
2. संपर्क जानकारी. साइट हेडर में पता और कंपनी विवरण जोड़ने की तुलना में अधिक विवरण प्रदान करना बेहतर है।
3. सामाजिक नेटवर्क से लिंक.उन्हें यहां कोई समस्या नहीं होगी.
4. कॉलबैक ऑर्डर फॉर्म(केवल अगर आपने इसे साइट हेडर में जोड़ा है।)

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

अतिरिक्त नेविगेशन तत्व

वे उपयोगकर्ता को साइट की संरचना को समझने में भी मदद करते हैं, लेकिन सभी संसाधनों के लिए उपयुक्त नहीं हैं।

ब्रेडक्रंब या स्थानीय नेविगेशन. साइट पदानुक्रम में उपयोगकर्ता द्वारा लिया गया पथ या पृष्ठ का स्थान दिखाएं। यदि आपके पास एक बहु-स्तरीय साइट है (2 से अधिक स्तरों को स्थापित करने वाली) तो यह जोड़ने लायक है। डिज़ाइन के लिए अनुशंसाएँ:

1. होम पेज को छोड़कर साइट के सभी पेजों पर होना चाहिए।
2. ब्रेडक्रंब को मुख्य मेनू के नीचे बाईं ओर और सभी पृष्ठों पर एक ही स्थान पर रखा जाना चाहिए।
3. छोटे फ़ॉन्ट आकार का उपयोग करें.
4. अंतिम को छोड़कर सभी तत्व साइट के संबंधित पृष्ठों से लिंक होने चाहिए।
5. अंतिम तत्व पृष्ठ शीर्षक से मेल खाना चाहिए और हाइलाइट किया जाना चाहिए (अधिमानतः बोल्ड में)।

स्पष्ट ब्रेडक्रम्ब्स का एक उदाहरण:

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

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

चयनित अनुभाग को साइड मेनू में भी हाइलाइट किया जाना चाहिए।

फ़िल्टर और उत्पाद छँटाई. मुख्य रूप से ऑनलाइन स्टोर के लिए आवश्यक है। कैटलॉग खोज कैसी होनी चाहिए इसके बारे में।

ऊपर बटन. उपयोगकर्ताओं को शीघ्रता से पृष्ठ के शीर्ष पर लौटने में सहायता करता है। इसे निचले दाएं कोने में रखना बेहतर है। इस बटन के दृश्य डिज़ाइन का एक उदाहरण:

लेकिन वह सब नहीं है

कुछ और तत्व हैं जिनके बारे में मैं इस विषय के ढांचे के भीतर बात करना चाहूंगा।

पेज यूआरएल. सरल और समझने में आसान बनाएं औसत उपयोगकर्ता के लिएपते लिंक करें. यह वांछनीय है कि संपूर्ण पृष्ठ का पता लैटिन में हो।

एक अच्छा उदाहरण: https://site.ru/company/portfolio/

ख़राब उदाहरण: https://site.ru/site/28787343/

निष्कर्ष

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

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

साइट नेविगेशन यूएक्स डिज़ाइन का एक महत्वपूर्ण पहलू बन गया है—यह या तो आपकी साइट को मदद या नुकसान पहुंचा सकता है। नेविगेशन की तुलना किसी घर के समर्थन से की जा सकती है। यदि नींव योजना अच्छी तरह से डिज़ाइन नहीं की गई है, तो आप पूरी इमारत को खतरे में डाल देते हैं।

साइटों के बीच नेविगेशन भिन्न हो सकता है; इसे सही तरीके से कैसे करें, इस पर कोई विशेष निर्देश नहीं हैं।

नेविगेशन क्या है?

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

कौन से प्रश्न आपको अपना नेविगेशन मानचित्र तैयार करने में मदद करेंगे?

आपके लक्षित दर्शक कौन हैं और आपकी वेबसाइट का उद्देश्य क्या है?

साइट पर कौन सी जानकारी और कौन से सूचना मॉड्यूल होने चाहिए?

उपयोगकर्ता के लिए इसके महत्व के आधार पर जानकारी को कैसे समूहीकृत किया जाना चाहिए?

किसी वृक्ष संरचना में कार्यात्मक और सूचना मॉड्यूल कैसे व्यवस्थित करें?

अपने नेविगेशन की योजना बना रहे हैं

सामग्री कैसे व्यवस्थित करें? तत्वों को नाम और व्यवस्थित कैसे करें?

आरंभ से ही, उस पदानुक्रम पर गहन चर्चा करें जिसमें जानकारी प्रदर्शित की जानी चाहिए:

सामग्री के साथ काम करें. डिज़ाइन बनाने से पहले डिज़ाइनरों को प्रश्नों के उत्तर ढूंढने में मदद करने के लिए कार्ड सॉर्टिंग तकनीक का उपयोग किया जा सकता है।

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

अंत में, नेविगेशन मेनू तत्वों, उसके प्रकार और डिज़ाइन को परिभाषित करें।

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

नेविगेशन बार डिज़ाइन रुझान

कई लोकप्रिय प्रकार के साइट नेविगेशन हैं जिनका उपयोग आप अपने प्रोजेक्ट के लिए कर सकते हैं। किसे चुनना है यह आप पर निर्भर है।

क्षैतिज या ऊर्ध्वाधर?

क्षैतिज और ऊर्ध्वाधर नेविगेशन के बीच का चुनाव डिज़ाइन, प्रयोज्यता और सामग्री के इरादे के आधार पर कई कारकों द्वारा निर्धारित किया जाता है। छोटी साइटें अक्सर पेज के हेडर में क्षैतिज नेविगेशन बार पसंद करती हैं, जबकि बड़ी कॉर्पोरेट साइटें क्षैतिज और ऊर्ध्वाधर दोनों बार का उपयोग करती हैं।

बड़ी ड्रॉप-डाउन सूचियाँ

ज़ूम ड्रॉपडाउन एक मेनू बार है जो मुख्य नेविगेशन बार से "ड्रॉप आउट" या "उड़" जाता है। इस प्रकार का नेविगेशन हर साइट के लिए उपयुक्त नहीं है. ड्रॉप-डाउन सूचियों का मुख्य लाभ यह है कि वे आपको एक साथ कई लिंक दिखाने की अनुमति देते हैं। तो किन मामलों में उनकी आवश्यकता हो सकती है? बड़ी ड्रॉप-डाउन सूचियाँ श्रेणियों की एक बड़ी सूची वाले ऑनलाइन स्टोर के लिए उपयुक्त हैं जो मानक नेविगेशन मेनू में फिट होने की संभावना नहीं है। तदनुसार, सेवाओं की व्यापक श्रृंखला की पेशकश करने वाली अन्य साइटें ऐसे नेविगेशन का सफलतापूर्वक उपयोग कर सकती हैं।

स्थिर ("चिपचिपा")

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

वॉल्यूम फ़ुटर

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

उत्तरदायी डिजाइन नेविगेशन

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

लोगो को होम पेज से लिंक करना

यह स्पष्ट लगता है, लेकिन अभी भी ऐसी साइटें हैं जो इस नियम की अनदेखी करती हैं। जब उपयोगकर्ता लोगो पर क्लिक करते हैं, तो वे उम्मीद करते हैं कि उन्हें ले जाया जाएगा होम पेज- यह एक आम बात है.

मुख्यत: गौण

अक्सर, प्राथमिक नेविगेशन में बुनियादी तत्व शामिल होते हैं

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

आइए 10 सर्वश्रेष्ठ वेबसाइट नेविगेशन डिज़ाइन विचारों पर नज़र डालें

प्रकार: लंबवत, अनुकूली।

बाईं ओर मेनू आइकन पर क्लिक करें और मुख्य मेनू पृष्ठ के केंद्र में चला जाएगा।

2. हम3

प्रकार: स्थिर, लंबवत; शीर्ष दाईं ओर स्थित है.

साइट का डिज़ाइन इंटरैक्टिव है. जैसे ही आप पेज को स्क्रॉल करते हैं, नई जानकारी सामने आती है।

प्रकार: अनुकूली, लंबवत; बाईं ओर स्थित है.

बाएं पैनल में नेविगेशन, जो मेनू आइकन से विस्तारित होता है, वही है जो आप देखने के आदी हैं मोबाइल संस्करणसाइट। नेविगेशन बोर्डिंग अनुभाग के बाईं ओर स्थित है और इसे देखना आसान है।

4. कैनेडी सेंटर

प्रकार: क्षैतिज, ड्रॉप-डाउन सूची।

आप जेएफके सेंटर साइट को दो तरीकों से नेविगेट कर सकते हैं: छवियों को खींचकर या क्षैतिज मेनू का उपयोग करके।

5. बी एंड ओ प्ले

प्रकार: स्थिर, अनुकूली, क्षैतिज।

साइट अपने उत्पाद से उपयोगकर्ता का ध्यान आकर्षित करती है, इसलिए नेविगेशन बार काफी सरल है।

प्रकार: स्थिर, क्षैतिज, बड़ा पाद लेख, अनुकूली, ड्रॉप-डाउन सूची के साथ।

मुख्य कार्यों के साथ पृष्ठ पर एक लंबी स्क्रॉल और एक बड़ी ड्रॉप-डाउन सूची उपयोगकर्ताओं को वांछित पृष्ठ पर ले जाएगी।

7. एड्रियाटिक लक्जरी होटल

प्रकार: निश्चित, क्षैतिज, बड़ी ड्रॉप-डाउन सूची, वॉल्यूमेट्रिक फ़ुटर।

इस साइट पर, आप केवल पृष्ठ को नीचे स्क्रॉल करके या निश्चित मेनू का उपयोग करके वह पा सकते हैं जो आपको चाहिए।

प्रकार: स्थिर, अनुकूली, क्षैतिज, बड़ा पाद लेख।

Kalios नेविगेशन शीर्ष बाईं ओर स्थित है। मेनू आइकन पर क्लिक करके, आप वांछित उत्पाद पर अपना माउस घुमाकर उत्पादों के बारे में जानकारी प्राप्त कर सकते हैं।

इस साइट को तीर पर क्लिक करके प्रबंधित किया जा सकता है। उपयोगकर्ता साइट पर इस तरह चल सकता है मानो किसी संग्रहालय में घूम रहा हो। जानकारी प्राप्त करने के लिए आप प्रत्येक कमरे के पृष्ठ को स्क्रॉल कर सकते हैं।

10. ऑस्ट्रेलियाई बैले

प्रकार: निश्चित, अनुकूली, वॉल्यूम ड्रॉप-डाउन सूची

निष्कर्ष

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

किसी साइट के साथ काम करना जितना आसान होगा, उपयोगकर्ता द्वारा बार-बार उपयोग करने, उत्पाद ऑर्डर करने, फॉर्म भरने और अन्य उपयोगी कार्य करने की संभावना उतनी ही अधिक होगी।

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

डिज़ाइनर का कार्य नए आगंतुक द्वारा इस तरह के प्रशिक्षण पर खर्च किए जाने वाले समय को कम करना और जानकारी को यथासंभव सुलभ बनाना है। इस समस्या को हल करने में सफलता की कुंजी सही नेविगेशन प्रणाली का निर्माण करना है।

अच्छा नेविगेशन निम्नलिखित सिद्धांतों का पालन करता है।

1. सरल और तार्किक डेटा संरचना

उपयोगकर्ता के अनुकूल इंटरफ़ेस डेटा के सही संगठन पर आधारित है। डिज़ाइन लेने से पहले, परियोजना की सूचना वास्तुकला पर विस्तार से विचार करना समझ में आता है।

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

गलत	सही

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

पहली पंक्ति में बुकिंग.कॉम है, जो दुनिया भर के होटलों में कमरे बुक करने की सेवा है। यदि आप यात्रा में रुचि रखते हैं, तो संभवतः आप इससे परिचित होंगे। कंपनी की वेबसाइट पर प्रतिदिन 11,000,000 अद्वितीय विज़िटर आते हैं। इनमें से 700,000 लोग लक्षित कार्रवाई करते हैं।

इस क्षेत्र में कोई भी साइट ऐसी दक्षता का दावा करने के करीब भी नहीं आ सकती। इस तथ्य के बावजूद कि संसाधन सचमुच बिक्री सुविधाओं से "भरा हुआ" है, डेवलपर्स इसे विकसित करना जारी रखते हैं।

देखें, अध्ययन करें और, सबसे महत्वपूर्ण बात, किसी प्रसिद्ध ब्रांड की सर्वोत्तम तकनीकों को लागू करें।

होम पेज

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

जैसे ही आप मुख पृष्ठ पर आते हैं, निम्नलिखित विजेट आपका ध्यान आकर्षित करता है:

“प्रतिभागियों के लिए ये किस प्रकार के प्रस्ताव हैं? आपको पंजीकरण करना होगा और देखना होगा!” एक नौसिखिया इसी तरह सोचता है, और सेवा आसानी से और स्वाभाविक रूप से ग्राहक आधार एकत्र करती है।

पंजीकरण के लिए "बन्स":

अगली स्लाइड पसंद की कुख्यात चौड़ाई दिखाती है। आप निश्चित रूप से अपनी छुट्टियों के लिए एक अपार्टमेंट के बिना नहीं रहेंगे। :

सेवाओं की मांग फ़ीड पर दिखाई देती है« अभी बुक किया गया है" इसे अपडेट किया जा रहा है हर 3 सेकंड:

खोजते समय सुविधाजनक नेविगेशन

सहज खोज फ़िल्टर इंटरफ़ेस उपयोगकर्ता को बिल्कुल भी धीमा नहीं करता है, बल्कि, इसके विपरीत, चयन प्रक्रिया को आसान बनाता है। रूपांतरण फ़नल का पहला चरण घड़ी की कल की तरह चलता है।

आपत्तियों के साथ काम करें

विनीत रूप से और आश्वस्त रूप से, खोज फ़ॉर्म के ठीक नीचे। अधिकांश उपयोगकर्ता 2 प्रश्न पूछते हैं:

• आरक्षण कैसे रद्द करें?
• कितनी जल्दी आरक्षण की पुष्टि हो जाती है (क्या कोई मेरा नंबर रोक लेगा)?

किसी भी व्यवसाय में, लक्षित दर्शकों के पास 2-3 "गर्म" प्रश्न और संदेह होते हैं। उन्हें स्पष्ट और स्पष्ट रूप से उत्तर देने का अर्थ है प्रतिक्रिया बढ़ाना।

लाभ और लाभ

लाभों के साथ बुलेटिनों की पारंपरिक सूची भी बुकिंग.कॉम की मुख्य विशेषताओं के बारे में स्पष्ट रूप से बताती है:

सारांश: लाभदायक, सुविधाजनक, विश्वसनीय। इन तीन कारकों के आधार पर ही हम किसी न किसी संसाधन के पक्ष में निर्णय लेते हैं।

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

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

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

निष्कर्ष के बजाय

बुकिंग.कॉम अनुभव से क्या उपयोग किया जा सकता है और क्या किया जाना चाहिए:

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

आपको बिक्री की शुभकामनाएँ!

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

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

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

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

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

नेविगेशन के बुनियादी तत्व और तकनीकें

मेरा सुझाव है कि आप पहले उन मुख्य तत्वों से परिचित हो जाएं जो आपको साइट पर नेविगेट करने में मदद करते हैं।

व्यापक अर्थ में नेविगेशन में कई तकनीकें और तत्व शामिल हैं, जिनका मुख्य कार्य उपयोगकर्ता को वांछित पृष्ठ पर जाने और जानकारी से परिचित होने की अनुमति देना है।

इनमें से एक तत्व जो लंबे समय से साइट पर अनिवार्य हो गया हैकंपनी का लोगो, जब आप उस पर क्लिक करेंगे तो आपको ले जाया जाएगा.

उदाहरण के लिए, यहां आपको प्रारंभ पृष्ठ पर लौटने के लिए बस लोगो पर क्लिक करना होगा।

यह तकनीक पहले से ही उपयोगकर्ताओं से परिचित है, और आपको साइट के किसी भी पेज से होम पेज पर लौटने की अनुमति देती है।

दूसरा "शास्त्रीय" तत्व हैश्रेष्ठतम व्यंजन - सूची.

यह हेडर के नीचे स्थित होता है और इसमें बटन या लिंक होते हैं जो साइट के मुख्य अनुभागों तक ले जाते हैं। ऐसा मेनू अधिक जटिल हो सकता है, जिसमें ड्रॉप-डाउन सूचियाँ होती हैं जो उप-अनुभागों या व्यक्तिगत पृष्ठों तक ले जाती हैं।

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

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

या शायद यह बिना, स्वतंत्र रूप से रह सकता है क्षैतिज मेनूपन्ने के शीर्ष पर। और ऐसे कई मेनू भी हो सकते हैं, जैसे यहां - बाईं ओर और दाईं ओर:

(माइक्रो मार्कअप) एक अन्य नेविगेशन तत्व है जो न केवल पेज पदानुक्रम को परिभाषित करता है, बल्कि आपको आसानी से वापस लौटने की अनुमति भी देता है आवश्यक अनुभाग के लिए, या मुख्य पृष्ठ पर, किसी भी पृष्ठ से:

लेखों के अंदर के लिंकसाइट के अन्य पृष्ठों पर - ये भी नेविगेशन तत्व हैं। उदाहरण के लिए ये:

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

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

लंबे लैंडिंग पृष्ठों के साथ-साथ कुछ साइटों पर भी, आप देख सकते हैंप्रगति पैमाना, जो दर्शाता है कि आपने इस पृष्ठ पर कितनी दूर तक स्क्रॉल किया है:

यदि फॉर्म लंबा है और कई चरणों में विभाजित है, तो प्रगति पट्टियाँ आवेदन और पंजीकरण फॉर्म पर भी पाई जा सकती हैं।

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

लंबे पृष्ठों और लैंडिंग पृष्ठों पर आप एक और बेहतरीन नेविगेशन तत्व पा सकते हैं -शीर्ष पर शीघ्र वापसी के लिए बटन:

यह बटन आपको तुरंत पृष्ठ के शीर्ष पर लौटने की अनुमति देता है।

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

यहां हमारी आंखों के सामने लगातार एक खोज, मुख्य पृष्ठ पर लौटने की क्षमता वाला एक लोगो और एक छोटा मेनू होता है।

इन सभी तत्वों का प्रभावी एवं लाभप्रद उपयोग कैसे करें?

साइट नेविगेशन को सुविधाजनक कैसे बनाएं

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

1. रिटर्न टू होम लोगो को ऊपरी दाएं कोने में रखें.

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

2. प्राथमिक और द्वितीयक तत्वों पर विचार करें.

शीर्ष मेनू प्राथमिक हो सकता है. द्वितीयक - साइडबार, टेक्स्ट के अंदर, पाद लेख में अतिरिक्त लिंक। ब्रेडक्रंब द्वितीयक नेविगेशन तत्वों के रूप में भी काम कर सकते हैं।

यहां शीर्ष मेनू मुख्य नेविगेशन तत्व है, और ब्रेडक्रंब एक सहायक तत्व है।

साइट के सबसे महत्वपूर्ण अनुभागों को मुख्य मेनू में रखें।

3. इस बारे में सोचें कि किन पृष्ठों को समूहीकृत किया जा सकता है।

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

Mail.ru मेल ने कंपनी की परियोजनाओं को इस प्रकार "छिपाया":

4. सूचना लिंक के लिए एक अच्छी जगह खोजें.

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

सूचना लिंक के ऐसे प्लेसमेंट का एक आकर्षक उदाहरण यहां दिया गया है:

5. डिज़ाइन के बारे में मत भूलना.

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

यहीं पर मैं मेनू को सफल नहीं कह सकता। फ़ॉन्ट बहुत छोटा है. लेकिन यहां एक अलग दृष्टिकोण है - तुरंत साथ होम पेजआप अपने पसंदीदा ब्रांड के कैटलॉग पर जा सकते हैं या छूट देख सकते हैं:

6. नई विंडो में पेज न खोलें.

इससे यूजर्स भ्रमित हो जाते हैं.

7. अतिरिक्त तत्व.

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

8. संकेत.

नेविगेशन को आसान बनाएंटूलटिप्स , जो उपयोगकर्ता को यह समझने में मदद करेगा कि यह बटन या आइकन किस लिए है:

9. मेनू को किसी दृश्यमान स्थान पर छोड़ दें.

यह सुनिश्चित करने का प्रयास करें कि विज़िटर को प्रत्येक पृष्ठ पर एक नया मेनू न देखना पड़े. द्वितीयक पृष्ठों पर मेनू न बदलें या हटाएँ नहीं।

10. अपने संपर्कों को दूर-दूर न छिपाएं.

हेडर में अपना फ़ोन नंबर छोड़ें. सुनिश्चित करें कि कॉल बैक बटन और ऑनलाइन सहायक के साथ चैट तुरंत दिखाई दे - आमतौर पर पृष्ठ के नीचे बाईं या दाईं ओर, लेकिन किनारे पर नहीं।

पता शीर्ष लेख और पाद लेख दोनों में छोड़ा जा सकता है। विज़िटर को पूरी साइट पर यह सारी जानकारी खोजने के लिए बाध्य न करें।

ये सभी तकनीकें साइट नेविगेशन को बहुत सरल बनाएंगी, इसे सरल और अधिक कुशल बनाएंगी।

साइट के लिए होस्टिंग चुनें:

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

स्वयं सोचें कि कौन सी साइटें आपके लिए नेविगेट करना सबसे आसान हैं, और सर्वश्रेष्ठ से संकेत लें।

अपना स्वयं का इंटरनेट संसाधन विकसित करने में शुभकामनाएँ!