কম্পিউটার টিউটোরিয়াল

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

लेखक: पैट्रिक अडाश

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

ट्रेल्स का लक्ष्य न केवल वेब कंटेंट में एक विंडो बल्कि उपयोगकर्ता गतिविधि का एक आख्यान बनाना है। हमारी आशा है कि हमारा काम ब्राउज़िंग की स्थिति को एक ऐसे उपकरण के आदर्श के करीब ले जाने में मदद कर सकता है जो हमारी संज्ञानात्मक प्रक्रिया को बढ़ाता है, न कि हमारे संज्ञानात्मक भार को बढ़ाता है।

हम जिस तरह के परिदृश्य के बारे में सोच रहे हैं, उसे समझाने के लिए, हम आपको अपनी दोस्त नाला से मिलवाएंगे।

सही पिज़्ज़ा की खोज

नाला पिज़्ज़ा जॉइंट्स की तलाश कर रही है। अपने पारंपरिक, टैब्ड ब्राउज़र में, वह एक खोज (1) से शुरू करती है जो उसे खोज परिणामों के पेज (2) पर ले जाती है।

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

वह Yelp पर रेस्तरां की सूची के लिंक का अनुसरण करती है (3), और एक आशाजनक पिज़्ज़ा जॉइंट देखती है (4)।

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

Yelp पर बाहरी लिंक अलग टैब में खुलते हैं, इसलिए जब नाला एक रेस्तरां की वेबसाइट के लिंक पर क्लिक करती है, तो यह एक नया टैब शुरू करता है (5)।

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

नए टैब का कोई इतिहास नहीं होता, या पहले टैब से कोई संबंध नहीं होता। नाला रेस्तरां की वेबसाइट पर कैसे पहुंची, इस बारे में सारा इतिहास खो जाता है!

जैसे-जैसे वह और विकल्प देखने के लिए जाती है, ब्राउज़र की भूलने की बीमारी बढ़ती जाती है: पहले टैब पर वापस जाकर (6) और Yelp परिणामों पर वापस नेविगेट करके (7), वह दूसरे रेस्तरां की तलाश करती है।

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

अब जब वह एक नया रेस्तरां चुनती है (8), वर्तमान टैब के नेविगेशन इतिहास का हिस्सा भी खो जाता है:

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

अगले रेस्तरां की वेबसाइट के बाहरी लिंक पर क्लिक करने से फिर से एक नया टैब खुलता है (9), और फिर से उस इतिहास से संबंध टूट जाता है जो इससे पहले था।

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

अपने प्रारंभिक खोज परिणामों को फिर से देखने के लिए, नाला पहले टैब के इतिहास में कुछ कदम पीछे जाती है और वहां से सीधे एक और पिज़्ज़ा स्थल खोलती है (10)।

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

एक सामान्य खोज परिदृश्य के इस उदाहरण में, एक तिहाई से अधिक इतिहास खो जाता है!

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

टैब्स से ट्रेल्स तक

ब्राउज़र.एचटीएमएल के साथ हम एक यूजर इंटरफेस का प्रोटोटाइप बना रहे हैं जो नाला के इतिहास के उन टुकड़ों को ही नहीं बताता जो एक टैब्ड ब्राउज़र संरक्षित करता है (संस्करण 1), बल्कि उन सभी को (संस्करण 2):

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

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

ওয়েব নেভিগেশন में क्रांतिकारी परिवर्तन: सहज ब्राउज़िंग के लिए लॉसलेस ट्रेल्स

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

यही वह है जो नाला ने वास्तव में देखा होगा:

टैब्स और ट्रेल्स: वही, लेकिन अलग।

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

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

ट्रेल्स का मार्ग

वेब के माध्यम से उपयोगकर्ता की यात्रा को ट्रेल के रूप में देखने का विचार कतई नया नहीं है। सत्तर साल पहले भी, अपने ऐतिहासिक निबंध "As We May Think" में, जिसमें हाइपरलिंक्ड डेटा के विचार को लोकप्रिय बनाया गया था, वैनवार बुश ने एक "मेमेक्स मशीन" का वर्णन किया था। उन्होंने कल्पना की थी कि यह मशीन हमें एक व्यक्तिगत पुस्तकालय के माध्यम से डेटा एकत्र करने और साझा करने में मदद करेगी जो हमारे शोध प्रक्रिया के माध्यम से एक ट्रेल छोड़ने में हमारी मदद करेगी।

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

एक स्थानिक मॉडल

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

आप इसके बारे में यहां और पढ़ सकते हैं।

हमसे जुड़ें!

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

नि:शुल्क कोडिंग सीखें। freeCodeCamp के ओपन सोर्स पाठ्यक्रम ने 40,000 से अधिक लोगों को डेवलपर्स के रूप में नौकरी पाने में मदद की है। शुरू करें


  1. ক্লায়েন্টদের জন্য ওয়ার্ডপ্রেস সহজ করার ৫ টিপস

  2. জিমেইলে অনিচ্ছাকৃত ইমেইল ব্লক করার উপায়

  3. ফেসবুক ডেটা ব্রিচ ২০২১-এ আপনার একাউন্ট অংশ ছিল কিনা চেক করার পদ্ধতি

  4. ওয়েব কোড প্লেগ্রাউন্ড টুলস যা আপনাকে চেষ্টা করা উচিত