हम Google खोज क्षेत्र को समाप्त कर चुके हैं

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

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

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

अतिरिक्त बटन


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

सेटिंग्स भंडारण


Google, यैंडेक्स और फेसबुक लंबे समय से लोकलस्टोरेज को स्टोर करने में आसान नहीं हैं - वे समय-समय पर अपनी मेमोरी (प्रत्येक उपयोगकर्ता के स्थानीय कंप्यूटर का ब्राउज़र) को साफ करते हैं। इसलिए, उन साइटों के डोमेन को संग्रहीत करने के लिए, जिसमें उपयोगकर्ता अक्सर खोजता है, जिस दिन और हफ्तों की संख्या, जिसके लिए वह खोज समूहों का संचालन करता है, मुझे एक कठिन निर्णय लेना था (कुछ ऐसा ही वर्णन किया गया था जैसे कि हब्रे, जहां तक ​​मुझे याद है, फेसबुक के लिए) - किसी अन्य डोमेन पर सेटिंग्स संग्रहीत करने के लिए । लेकिन अब आप स्क्रिप्ट का विस्तार कर सकते हैं, उदाहरण के लिए, बहुत "थीम" को संरक्षित करना जो लंबे समय तक लिखा जा सकता था। अंतिम खोज के दौरान उपयोगकर्ता द्वारा चुने गए दिनों, हफ्तों या वर्षों की संख्या दिखाई देती है और ड्रॉप-डाउन सूची के हेडर में संग्रहीत होती है। (सुविधा का एक और बिट)

फ़ाइल एक्सटेंशन की सूची


आसानी से 23 फ़ाइल प्रकार और 7 छवि प्रकारों को प्रदर्शित करने के लिए, फ़ाइल प्रकारों को 3 कॉलमों में विभाजित किया जाता है, लेकिन अंतिम 2 "अधिक ..." बटन पर क्लिक करने पर दिखाई देते हैं। इसके अलावा, अतिरिक्त बटनों में चित्रों की खोज में, चेकबॉक्स "छवि आकार दिखाएं" (या शो नहीं) को दोहराया गया था।

फ़ाइलों के लिए, यह सवाल बना हुआ है कि यह कैसे अधिक सुविधाजनक है, और क्या कई प्रकार की फ़ाइलों के लिए खोज सेट करना आवश्यक है। इसके लिए एक अनुरोध मैन्युअल रूप से खोज फ़ील्ड में लिखा जा सकता है (फ़िलाटाइप: पीडीएफ या फ़िलाटाइप: डॉक), लेकिन यह बटन इंटरफ़ेस में किसी भी तरह से किया जा सकता है। यैंडेक्स के पास एक समान अवसर है।

खोज युक्तियाँ और पारदर्शिता


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

यैंडेक्स में, पारदर्शिता को सरल बनाया गया था - मुश्किल से ध्यान देने योग्य ( यांडेक्स नो फ्लोट फील्ड स्क्रिप्ट के साथ), ताकि हेडिंग और स्तंभ के आकार को संकेत के तहत अनुमान लगाया गया। यह लगभग हमेशा वांछित सुझावों को देखने में हस्तक्षेप नहीं करता है और खोज परिणामों की दृश्यता को पूरी तरह से नहीं मारता है।


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


खोजा गया फ़ील्ड


(या लाइन अटक गई - © 2011 फिर - वे यहां लड़े: userstyles.org/styles/51117/yandex-ru-no-float-field । कुछ साल बाद इसे रद्द कर दिया गया, फिर इसे 2-3 साल के लिए फिर से दर्ज किया गया और अब यह इंटरफ़ेस में है। यांडेक्स उपलब्ध है।)

इसलिए Google ने इस घुमावदार रास्ते पर कदम रखा। जाहिर है, यह समाधान मौलिक रूप से त्रुटिपूर्ण है यदि आपके पास 1600 पिक्सेल से अधिक की ऊंचाई के साथ मॉनिटर नहीं है। अपनी सीमाओं और baubles के साथ खोज क्षेत्र खोज परिणामों को प्रदर्शित करने के लिए आवश्यक खिड़की की ऊंचाई का हिस्सा छुपाता है - मुख्य एक, जिसके लिए वे साइट पर आए थे। यदि स्क्रॉलिंग नियमित पृष्ठ पर एक विंडो से फ़ील्ड को हटाती है, तो शीर्ष पर इसे अच्छी तरह से निबोलने की "अच्छी सेवा" के साथ, यह सरल अवसर खो जाता है। और अगर, अब यैंडेक्स की तरह, लिंक भी हैं - कृतज्ञता की मात्रा आनुपातिक रूप से बढ़ती है। (हालांकि, सूदखोर भी लेते हैं जो 3% है, जो आयोग का 7% है, इसलिए बहुसंख्यक परिचित है, लेकिन क्या बात है? क्यों, अगर आपको तीन की भी आवश्यकता नहीं है?) हालांकि, वे दोनों संभवतया उच्च-रिज़ॉल्यूशन मॉनिटर निर्माताओं में समय पर निवेश करते हैं, इसलिए और Google अब मुनाफा कमाना शुरू करेगा)। लेकिन जब तक हमने एक नया मॉनिटर नहीं खरीदा, तब तक इस चिपचिपी लाइन को हटा दें।

Google अपने नेस्टेड फ़ील्ड में थोड़ा खाता है - केवल 72px (मॉनिटर निर्माताओं के लिए 72/1080 = 6.7% कमीशन), यांडेक्स - 94 (8.7%)। हालाँकि दोनों आवश्यक होने पर खिड़की दिखा सकते हैं - स्क्रीन के शीर्ष पर माउस को मँडरा कर।


हम उन गरीब उपयोगकर्ताओं के सपनों को पूरा करते हैं जो (अनावश्यक) लोहे पर पैसा खर्च नहीं करना चाहते हैं - खासकर जब से Google स्वचालित रूप से अपने अतिरिक्त बटन को अपने नेस्टेड फ़ील्ड में दिखाने में कामयाब रहा है। यदि आप विंडो के ऊपर फ़ील्ड को नीचे ले जाते हैं, तो बटन "हैंग" होते हैं, और उनके ऊपर मंडराते हुए आप इनपुट फ़ील्ड को खोल सकते हैं।


कमीशन का प्रतिशत बटन की ऊंचाई - 22/1080 = 2% था, और तब भी हम 3 से विभाजित करते हैं, क्योंकि चौड़ाई स्क्रीन के एक तिहाई पर कब्जा कर लेती है। (पूँजीवादी निगरानी के बीच आक्रोश की एक बड़बड़ाहट)

हम पृष्ठ के मध्य में कुछ बिंदु पर इंगित करते हैं - हम न केवल गिरने वाले बटन देखते हैं, बल्कि उपलब्ध इनपुट फ़ील्ड भी देखते हैं।


Google विस्तृत पृष्ठ


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

हम सुधार कर रहे हैं ताकि 800 पिक्सल से आप पृष्ठ को क्षैतिज रूप से घुमाए बिना हेडर में सभी कार्यों का उपयोग कर सकें।


क्षैतिज क्षैतिज स्क्रॉल बना हुआ है, लेकिन यह Google की कॉर्पोरेट पहचान है, जो पृष्ठ की सामग्री पर बहुत निर्भर करता है। आइए हम इस काम को उसके पास छोड़ दें, और जब (और अगर) हम अपना खोज इंजन बनाते हैं, तो हम उस पर और क्षैतिज स्क्रॉलिंग पर काम करेंगे।

Google के लिए उपयोगकर्ता स्क्रिप्ट की योजना छवि खोज विंडो के लिए कई बटन (आकार, शैली, रंग) जोड़ने के लिए है, फ़ाइलों का एक बहु-चयन करें, शैलियों के लिए 1-2 चेकबॉक्स बनाएं और ज़रूरत पड़ने पर अगले संशोधनों के लिए इसे इस रूप में छोड़ दें।

UPD: रूसी भाषा के लिए Google में एक दिलचस्प विशेषता।
जैसा कि आप जानते हैं, Google का कैलकुलेटर खोज परिणामों में मिलाता है अगर यह एक गणितीय अभिव्यक्ति देखता है। विशेष रूप से, 2 ^ 4, 2 ** 4, 16 के बराबर है। लेकिन Google '2v4' को एक शक्ति को बढ़ाने के ऑपरेशन के रूप में भी समझता है।

Source: https://habr.com/ru/post/hi432032/


All Articles