2000 के दशक की शुरुआत से, टैब्ड ब्राउज़िंग के डेस्कटॉप रूपक ने वेब पर नेविगेट करने के तरीके पर दबदबा बनाया हुआ है। Browser.html के साथ, एक मोज़िला रिसर्च प्रोजेक्ट जिसका उद्देश्य सर्वो के नाइटली बिल्ड के लिए HTML में निर्मित एक ब्राउज़र यूजर इंटरफेस बनाना है, हम मानक टैब्ड ब्राउज़र को ट्रेल्स पर आधारित मॉडल की ओर विकसित करने के साथ प्रयोग कर रहे हैं।
ट्रेल्स का लक्ष्य न केवल वेब सामग्री में एक विंडो बल्कि उपयोगकर्ता गतिविधि का एक कथानक बनाना है। हमारी आशा है कि हमारा काम ब्राउज़िंग की स्थिति को एक ऐसे उपकरण के आदर्श के करीब लाने में मदद कर सकता है जो हमारे संज्ञानात्मक बोझ को बढ़ाने के बजाय बढ़ाता है।
उस प्रकार के परिदृश्य को स्पष्ट करने के बारे में हम सोच रहे हैं, हम आपको हमारी दोस्त नाला से मिलवाएंगे।
सही पिज़्ज़ा की तलाश
नाला पिज़्ज़ा जॉइंट्स की तलाश कर रही है। अपने पारंपरिक, टैब्ड ब्राउज़र में, वह एक खोज (1) के साथ निकलती है जो उसे खोज परिणामों के पेज (2) पर ले जाती है।
वह Yelp पर रेस्तरां की सूची के लिंक का अनुसरण करती है (3), और एक आशाजनक पिज़्ज़ा जॉइंट को देखती है (4)।
Yelp पर बाहरी लिंक अलग टैब में खुलते हैं, इसलिए जब नाला किसी रेस्तरां की वेबसाइट के लिंक पर क्लिक करती है, तो यह एक नया टैब शुरू करता है (5)।
नए टैब का कोई इतिहास नहीं होता, और न ही पहले टैब से कोई संबंध होता है। नाला रेस्तरां की वेबसाइट पर कैसे पहुंची, इस बारे में सारा इतिहास खो जाता है!
जैसे-जैसे वह और विकल्पों को देखने जाती है, ब्राउज़र की भूलने की बीमारी बढ़ती जाती है: पहले टैब पर वापस स्विच करना (6) और Yelp परिणामों पर वापस नेविगेट करना (7), वह दूसरे रेस्तरां की तलाश करती है।
अब जब वह एक नया रेस्तरां चुनती है (8), वर्तमान टैब के नेविगेशन इतिहास का हिस्सा भी खो जाता है:
बाहरी लिंक पर क्लिक करके अगले रेस्तरां की वेबसाइट फिर से एक नया टैब (9) खोलती है, और फिर से उस इतिहास से संबंध तोड़ देती है जो इससे पहले था।
अपनी प्रारंभिक खोज परिणामों के परिणामों को फिर से देखने के लिए, नाला पहले टैब के इतिहास में कुछ कदम पीछे जाती है और वहां से सीधे एक और पिज़्ज़ा स्थल खोलती है (10)।
एक सामान्य खोज परिदृश्य के इस उदाहरण में, एक तिहाई से अधिक इतिहास खो जाता है!
बेशक, ब्राउज़र आमतौर पर इतिहास दृश्य और "हाल के टैब" मेनू जैसे उपकरण प्रदान करते हैं, लेकिन इनमें से कोई भी एक कथानक प्रस्तुत नहीं करता जो नाला द्वारा अपनाए गए वास्तविक पथ से मेल खाता हो।
टैब्स से ट्रेल्स तक
Browser.html के साथ हम एक यूजर इंटरफेस का प्रोटोटाइप बना रहे हैं जो नाला के इतिहास के केवल उन टुकड़ों को नहीं बताता जो एक टैब्ड ब्राउज़र संरक्षित करता है (संस्करण 1), बल्कि उन सभी को (संस्करण 2):
लेकिन ये पेड़ आसानी से जटिल हो सकते हैं। हमें लगता है कि सबसे ज्यादा मायने यह रखता है कि प्रत्येक अन्वेषण कहां से अलग हुआ, बल्कि एक परिणाम तक ले जाने वाला पूरा रास्ता। इसलिए हम उपयोगकर्ता को वही प्रदर्शित करते हैं (संस्करण 3):
प्रत्येक पंक्ति नेविगेशन ट्री की जड़ से एक परिणाम तक एक ट्रेल का प्रतिनिधित्व करती है। लाभ यह है कि एक ट्रेल बाएं से दाएं एक स्व-निहित कहानी बताती है। दूसरी ओर, डुप्लिकेट बहुत सारे ध्यान भटकाने वाले दृश्य शोर की ओर ले जाते हैं। सौभाग्य से, एक ट्रेल पर ध्यान केंद्रित करके और दूसरों को फोल्ड करके इसे हटाया जा सकता है।
यही वह है जो नाला वास्तव में देखेगी:
टैब्स और ट्रेल्स: वही, लेकिन अलग।
यदि आप प्रत्येक खोजे गए विषय तक ले जाने वाले पथों को नज़रअंदाज़ करते हैं, तो ट्रेल्स पारंपरिक टैब्स से अलग नहीं हैं। यह जानबूझकर है: हमारा लक्ष्य मौजूदा उपयोगकर्ता अनुभवों को बदलना नहीं, बल्कि बढ़ाना है। उपयोगकर्ता ब्राउज़रों का उपयोग वैसे ही जारी रख सकते हैं जैसे वे हमेशा करते आए हैं। और फिर भी प्रत्येक नेविगेशन ट्रेल एक टैब है जो शुरू से अंत तक एक पूरी कहानी बताती है। यह हमें उपयोगकर्ता अनुभव में और सुधार लाने के अवसर प्रदान करता है। यहां कुछ ऐसे हैं जिन पर हम विचार कर रहे हैं:
- सिर्फ URL ही नहीं, बल्कि पूरी ट्रेल्स साझा करना।
- ट्रेल्स को फीका करना जैसे-जैसे वे अप्रासंगिक हो जाते हैं और अंततः उन्हें ग्रिड से हटाना।
- ट्रेल्स को उसी रूप में सहेजना जैसा वे विज़िट के दौरान थीं, ताकि उन्हें फिर से देखा जा सके (ऑफ़लाइन)।
- ट्रेल्स के एनोटेशन की अनुमति देना ताकि उपयोगकर्ता किसी विषय पर शोध करते समय अपने विचार रिकॉर्ड कर सकें।
- सहयोगी विषय अनुसंधान।
- वैकल्पिक रूप से पेज को एक नई ट्रेल में खोलना।
ट्रेल्स का मार्ग
उपयोगकर्ता की वेब के माध्यम से यात्रा को ट्रेल के रूप में कल्पना करने का विचार किसी भी तरह से नया नहीं है। सत्तर साल पहले भी, अपने ऐतिहासिक निबंध "As We May Think" में हाइपरलिंक्ड डेटा के विचार को लोकप्रिय बनाने वाले वानेवर बुश ने एक "मेमेक्स मशीन" का वर्णन किया था। उन्होंने कल्पना की थी कि यह मशीन हमें एक व्यक्तिगत पुस्तकालय के माध्यम से डेटा एकत्र करने और साझा करने में मदद करेगी जो हमें हमारी शोध प्रक्रिया के माध्यम से एक ट्रेल छोड़ने में मदद करेगी।
तब से, ऐसा उपकरण बनाने के कई प्रयास हुए हैं, जिसकी शुरुआत ज़ेरॉक्स ट्रेल्स द्वारा Trailmeme से हुई। इस अवधारणा को 2004 में MacWarriors द्वारा Trailblazer द्वारा जारी रखा गया, वर्तमान में Trailblazer.io द्वारा अनुसरण किया जा रहा है। हमारी आशा है कि ट्रेल्स के विचारों को परिचित टैब्ड मुहावरों से जोड़कर, हम मौजूदा वर्कफ़्लोज़ पर निर्माण करेंगे और इस विचार को व्यापक रूप से आकर्षक बनाएंगे। और Browser.html इन विचारों के लिए एक बेहतरीन टेस्ट-बेड के रूप में कार्य करता है।
एक स्थानिक मॉडल
मैं विभिन्न उपयोगकर्ता इंटरैक्शन और एनिमेशन के माध्यम से एक स्थानिक मॉडल पर काम कर रहा हूं। इससे उपयोगकर्ताओं को बेहतर ढंग से समझने में मदद मिलेगी कि क्या हो रहा है और वेब को सबसे प्रभावी ढंग से कैसे नेविगेट किया जाए।
आप इसके बारे में यहां और पढ़ सकते हैं।
हमसे जुड़ें!
हम वर्तमान में अपने पहले वर्किंग प्रोटोटाइप के निर्माण पर काम कर रहे हैं। यदि यह आपके लिए मजेदार लगता है, तो कृपया Browser.html प्रोजेक्ट को देखें! आप GitHub पर हमारे खुले मुद्दों की सूची पा सकते हैं, या हमारे स्लैक पर हमारे साथ चैट कर सकते हैं।
मुफ्त में कोड करना सीखें। freeCodeCamp के ओपन सोर्स पाठ्यक्रम ने 40,000 से अधिक लोगों को डेवलपर के रूप में नौकरी पाने में मदद की है। शुरू करें
