বিপ্লবী ওয়েব নেভিগেশন:নিরবচ্ছিন্ন ব্রাউজিংয়ের জন্য ক্ষতিহীন পথ

প্যাট্রিক অ্যাডাস

2000-এর দশকের গোড়ার দিক থেকে, ট্যাবড ব্রাউজিংয়ের ডেস্কটপ রূপক আমাদের ওয়েবে নেভিগেট করার পদ্ধতিতে প্রাধান্য পেয়েছে। Browser.html এর সাথে, একটি Mozilla গবেষণা প্রকল্প যার লক্ষ্য সার্ভো-এর রাতের বিল্ডগুলির জন্য HTML-এ তৈরি একটি ব্রাউজার ইউজার ইন্টারফেস তৈরি করা, আমরা স্ট্যান্ডার্ড ট্যাবড ব্রাউজারটিকে ট্রেল-এর উপর ভিত্তি করে একটি মডেলের দিকে বিকশিত করার সাথে পরীক্ষা করছি। .

ট্রেলগুলির লক্ষ্য হল ওয়েব সামগ্রীতে শুধুমাত্র একটি উইন্ডো নয় বরং ব্যবহারকারীর কার্যকলাপের একটি বর্ণনা তৈরি করা। আমাদের আশা হল আমাদের কাজ ব্রাউজিং এর অবস্থাকে এমন একটি টুলের আদর্শের কাছাকাছি নিয়ে যেতে সাহায্য করতে পারে যা বর্ধিত করে আমাদের জ্ঞানীয় প্রক্রিয়া, আমাদের জ্ঞানীয় লোড বাড়ানোর পরিবর্তে।

আমরা যে ধরনের পরিস্থিতির কথা ভাবছি তা বোঝাতে, আমরা আপনাকে আমাদের বন্ধু নালার সাথে পরিচয় করিয়ে দেব।

নিখুঁত পিজ্জার জন্য অনুসন্ধান

Nala's scouting out pizza joints. তার ঐতিহ্যবাহী, ট্যাবড ব্রাউজারে, তিনি একটি অনুসন্ধান (1) দিয়ে শুরু করেন৷ যা তাকে অনুসন্ধান ফলাফলের একটি পৃষ্ঠায় নিয়ে যায় (2) .

তিনি Yelp (3)-এ রেস্টুরেন্টের একটি তালিকার একটি লিঙ্ক অনুসরণ করেন , এবং একটি প্রতিশ্রুতিশীল পিজা জয়েন্ট চেক আউট করে (4) .

Yelp-এ বাহ্যিক লিঙ্কগুলি পৃথক ট্যাবে খোলে, তাই যখন Nala একটি রেস্টুরেন্টের ওয়েবসাইটে একটি লিঙ্কে ক্লিক করে, তখন এটি একটি নতুন ট্যাব শুরু করে (5) .

নতুন ট্যাবের কোনো ইতিহাস নেই, বা প্রথম ট্যাবের সাথে কোনো সংযোগ নেই। নালা কীভাবে রেস্তোরাঁর ওয়েবসাইটে গেল সে সম্পর্কে সমস্ত ইতিহাস হারিয়ে গেছে!

ব্রাউজারের অ্যামনেসিয়া যৌগিক যখন সে আরও বিকল্পগুলি দেখতে যায়:প্রথম ট্যাবে ফিরে যাওয়া (6) এবং Yelp ফলাফল (7) এ ফিরে যান , সে অন্য রেস্টুরেন্ট খুঁজছে।

এখন যখন সে একটি নতুন রেস্তোরাঁ বেছে নেয় (8) , বর্তমান ট্যাবের নেভিগেশন ইতিহাসের অংশও হারিয়ে গেছে:

পরবর্তী রেস্তোরাঁর ওয়েবসাইটের একটি বাহ্যিক লিঙ্কে ক্লিক করলে আবার একটি নতুন ট্যাব খোলে (9) , এবং আবার পূর্ববর্তী ইতিহাস থেকে সংযোগ বিচ্ছিন্ন করে।

তার প্রাথমিক অনুসন্ধানের ফলাফলগুলি আবার দেখতে, নালা প্রথম ট্যাবের ইতিহাসে কয়েক ধাপ পিছিয়ে যায় এবং সেখান থেকে সরাসরি আরেকটি পিৎজা ভেন্যু খোলে (10) .

একটি সাধারণ অনুসন্ধান দৃশ্যের এই উদাহরণে, ইতিহাসের এক তৃতীয়াংশেরও বেশি হারিয়ে গেছে!

অবশ্যই, ব্রাউজারগুলি সাধারণত ইতিহাসের দৃশ্য এবং "সাম্প্রতিক ট্যাব" মেনুগুলির মতো সরঞ্জামগুলি সরবরাহ করে, তবে এর মধ্যে কোনটিই এমন একটি বর্ণনা উপস্থাপন করে না যা Nala অনুসরণ করা প্রকৃত কোর্সের সাথে মেলে৷

ট্যাব থেকে ট্রেইল পর্যন্ত

Browser.html এর সাথে আমরা একটি ইউজার ইন্টারফেস প্রোটোটাইপ করছি যা শুধু নালার ইতিহাসের টুকরোগুলোই বলে না যা একটি ট্যাবযুক্ত ব্রাউজার সংরক্ষণ করে (সংস্করণ 1) , কিন্তু এর সবগুলোই (সংস্করণ 2) :

কিন্তু এই গাছগুলি সহজেই জটিল হতে পারে। আমরা যা সবচেয়ে গুরুত্বপূর্ণ মনে করি তা হল প্রতিটি অন্বেষণ কোথায় বিচ্ছিন্ন হয়েছে তা নয়, তবে একটি ফলাফলের দিকে পরিচালিত সম্পূর্ণ পথ। তাই আমরা ব্যবহারকারীর কাছে এটি প্রদর্শন করি (সংস্করণ 3) :

প্রতিটি সারি নেভিগেশন গাছের মূল থেকে একটি ফলাফল পর্যন্ত একটি লেজ উপস্থাপন করে। সুবিধা হল একটি পথ বাম থেকে ডানে একটি স্বয়ংসম্পূর্ণ গল্প বলে। অন্যদিকে, ডুপ্লিকেটগুলি প্রচুর বিভ্রান্তিকর ভিজ্যুয়াল শব্দের দিকে পরিচালিত করে। ভাগ্যক্রমে, অন্যগুলি ভাঁজ করার সময় একটি একক ট্রেইলে ফোকাস করে এটি সরানো যেতে পারে৷

নালা আসলে এটাই দেখতে পেত:

ট্যাব এবং ট্রেইল:একই, কিন্তু ভিন্ন।

আপনি যদি প্রতিটি অন্বেষণ করা বিষয়ের দিকে যাওয়ার পথগুলিকে উপেক্ষা করেন, তবে ট্রেলগুলি প্রচলিত ট্যাবগুলির থেকে আলাদা নয়৷ এটি ইচ্ছাকৃত:আমাদের লক্ষ্য হল বিদ্যমান ব্যবহারকারীর অভিজ্ঞতা উন্নত করা, তাদের প্রতিস্থাপন করা নয়। ব্যবহারকারীরা তাদের সবসময়ের মতো ব্রাউজার ব্যবহার চালিয়ে যেতে পারেন। এবং তবুও প্রতিটি নেভিগেশন ট্রেইল একটি ট্যাব যা শুরু থেকে শেষ পর্যন্ত একটি সম্পূর্ণ গল্প বলে৷ এটি আমাদের ব্যবহারকারীর অভিজ্ঞতার আরও উন্নতিগুলি অন্বেষণ করার সুযোগ দেয়৷ এখানে কয়েকটি আমরা বিবেচনা করছি:

• শুধু ইউআরএল নয়, পুরো ট্রেইল শেয়ার করা।
• অপ্রাসঙ্গিক হয়ে ওঠার সাথে সাথে বিবর্ণ পথগুলি এবং শেষ পর্যন্ত সেগুলিকে গ্রিড থেকে সরিয়ে দেয়৷
• ভ্রমণের সময় যেভাবে ট্রেইলগুলি ছিল সেগুলিকে একটি আকারে ধরে রাখা, যাতে সেগুলিকে পুনরায় পরিদর্শন করা যায় (অফলাইন)।
• লেখার টীকা দেওয়ার অনুমতি দেওয়া যাতে ব্যবহারকারীরা একটি বিষয় নিয়ে গবেষণা করার সময় তাদের চিন্তাভাবনা রেকর্ড করতে পারে৷
• সহযোগী বিষয় গবেষণা।
• ঐচ্ছিকভাবে একটি নতুন ট্রেইলে পৃষ্ঠা খোলা।

পথের পথ

ওয়েবের মাধ্যমে একজন ব্যবহারকারীর যাত্রাকে একটি পথ হিসাবে কল্পনা করার ধারণাটি কোনওভাবেই নতুন নয়। এমনকি সত্তর বছর আগে, হাইপারলিঙ্কড ডেটার ধারণাকে জনপ্রিয় করার জন্য তার ল্যান্ডমার্ক অ্যাজ উই মে থিঙ্ক প্রবন্ধে, ভ্যানেভার বুশ একটি "মেমেক্স মেশিন" বর্ণনা করেছিলেন। তিনি কল্পনা করেছিলেন যে এই মেশিনটি আমাদের একটি ব্যক্তিগত লাইব্রেরির মাধ্যমে ডেটা সংগ্রহ এবং ভাগ করে নিতে সাহায্য করবে যা আমাদের গবেষণা প্রক্রিয়ার মাধ্যমে একটি পথ ছেড়ে যেতে সাহায্য করবে৷

তারপর থেকে, এই ধরনের একটি টুল তৈরি করার জন্য বেশ কয়েকটি প্রচেষ্টা করা হয়েছে, জেরক্স ট্রেইল দ্বারা ট্রেইলমেমে শুরু হয়েছে। এই ধারণাটি 2004 সালে MacWarriors দ্বারা Trailblazer দ্বারা অব্যাহত ছিল, বর্তমানে Trailblazer.io দ্বারা অনুসরণ করা হয়েছে। এটা আমাদের আশা যে ট্রেইলের ধারণাগুলিকে পরিচিত ট্যাবড ইডিয়মগুলির সাথে সংযুক্ত করে, আমরা বিদ্যমান ওয়ার্কফ্লোগুলি তৈরি করব এবং ধারণাটিকে ব্যাপকভাবে আকর্ষণীয় করে তুলব। এবং Browser.html এই ধারনাগুলির জন্য একটি দুর্দান্ত পরীক্ষার বিছানা হিসাবে কাজ করে৷

একটি স্থানিক মডেল

আমি বিভিন্ন ব্যবহারকারীর মিথস্ক্রিয়া এবং অ্যানিমেশনের মাধ্যমে একটি স্পেসিয়াল মডেলে কাজ করছি। এটি ব্যবহারকারীদের আরও ভালভাবে বুঝতে সাহায্য করবে যে কী ঘটছে এবং কীভাবে সবচেয়ে কার্যকরভাবে ওয়েবে নেভিগেট করতে হয়৷

আপনি এখানে এই সম্পর্কে আরও পড়তে পারেন।

আমাদের সাথে যোগ দিন!

আমরা বর্তমানে আমাদের প্রথম কাজের প্রোটোটাইপ তৈরিতে কাজ করছি। যদি এটি আপনার কাছে মজার মনে হয়, অনুগ্রহ করে Browser.html প্রকল্পটি দেখুন! আপনি GitHub-এ আমাদের খোলা সমস্যাগুলির তালিকা খুঁজে পেতে পারেন, অথবা আমাদের স্ল্যাকে আমাদের সাথে চ্যাট করতে পারেন৷

বিনামূল্যে কোড শিখুন. freeCodeCamp-এর ওপেন সোর্স পাঠ্যক্রম 40,000-এরও বেশি লোককে ডেভেলপার হিসেবে চাকরি পেতে সাহায্য করেছে। শুরু করুন