यैंडेक्स पर बड़े बदलाव - "द्वीप" मंच: खोज परिणामों में इंटरैक्टिव प्रतिक्रियाएं

आज YaC / m सम्मेलन में, हमने घोषणा की कि Yandex खोज परिणामों के रूप में एक मौलिक अद्यतन की योजना बना रहा है। सबसे पहले, वे वैचारिक रूप से बदलते हैं: अब उपयोगकर्ता न केवल अपने अनुरोधों के उत्तर पाएंगे, बल्कि परिणामों के साथ पृष्ठ पर अपनी समस्याओं को हल करने में सक्षम होंगे। और दूसरी बात, खोज परिणामों को नेत्रहीन अपडेट किया जाएगा - डिजाइन खोज के लिए हमारे नए दृष्टिकोण का हिस्सा बन जाएगा।

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



मैं Danila Kovchiy हूं, मैं यैंडेक्स में एक डिजाइनर के रूप में पंजीकृत हूं, और अब मैं आपके और कंपनी के नवीनतम घटनाओं के बीच मध्यस्थ के रूप में कार्य करूंगा।

व्यापार करने के लिए

यांडेक्स बदल रहा है। उनका मुख्य उत्पाद, खोज, भी बदल रहा है। यहां मैं मुख्य रूप से उसके बारे में बात करूंगा कि क्या, कैसे और क्यों हमें फिर से करना पड़ा, इसके क्या कारण थे और इसके परिणामों के बारे में थोड़ा-बहुत।

खोज में परिवर्तन दो क्षेत्रों में विभाजित हैं:
- ब्लॉक जारी करना;
- संदर्भ संवेदनशील इंटरफ़ेस।

आवश्यक शर्तें

यांडेक्स हर समय हर किसी और किसी भी अनुरोध का जवाब देने के प्रयास में अमरता को गले लगाने की कोशिश करता है। खोज इंजन उत्तरों के लिए लोगों की आवश्यकताएं लगातार बढ़ रही हैं - एल्गोरिदम अधिक जटिल और पेचीदा होते जा रहे हैं, खोज परिणामों के उत्तर सूज रहे हैं, जिसमें कीमतें, रेटिंग, फोटो, कार्य के घंटे, पते और फोन नंबर शामिल हैं। विस्तारित उत्तरों द्वारा जारी करने का कवरेज लगातार बढ़ रहा है, और कुछ अनुरोधों के अनुसार, हमारी लगभग सभी विविधता प्रति व्यक्ति बाहर हो सकती है: yandex.ru/yandsearch?text=madonna

एक तरह से या किसी अन्य, यांडेक्स ने समस्याओं का समाधान पेश करने के लिए अपना रास्ता तय किया है। हम विशिष्ट उत्तरों के साथ दस्तावेजों के लिंक की सजातीय सूची को पतला करने वाले पहले व्यक्ति थे, जो आपको शो छोड़ने के बिना शुरू करने की अनुमति देते हैं: एक गाना सुनें, बॉक्स ऑफिस पर एक फिल्म चुनें, और निर्दिष्ट करें कि घर पर गर्म पानी बंद हो जाएगा। ऐसे जवाबों को हम जादूगर कहते हैं। यहाँ कुछ उदाहरण हैं:

मई की शुरुआत में एक आंधी की तरह http://yandex.ru/yandsearch?text=I
http://yandex.ru/yandsearch?text=james ब्लेक प्रतिगामी
http://yandex.ru/yandsearch?text=
http://yandex.ru/yandsearch?text=2+3

जादूगर बहुत लोकप्रिय हैं, और कई सेवाओं के लिए मुख्य प्रवेश बिंदु हैं। यदि पहले यैंडेक्स ने केवल दस्तावेज पाए थे जिसमें अनुरोधित वाक्यांश होता है, अब, अगर मैं पूछता हूं कि [टावर्सकाया 23 को कैसे प्राप्त करें], इसका मतलब यह बिल्कुल नहीं है कि मुझे एक साइट की आवश्यकता है जहां यह वाक्यांश सबसे अधिक बार होता है; इस प्रकार मैं मार्ग का पता लगाने और मानचित्र को देखने के लिए अपनी इच्छा की प्रणाली को सूचित करता हूं। और ऐसी स्थितियों में जादूगर अभी भी आते हैं
सहायता:



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



या ट्विटर बॉक्स:



लेकिन, जैसा कि अभ्यास से पता चला है, जिस रूप में उन्हें गर्भ धारण किया गया था, वह काम नहीं करता है: सभी लोग यह नहीं समझते हैं कि शुरुआत कहां है, लेकिन अंत कहां है, और यह आमतौर पर एक अलग प्रकार का उत्तर है। इनसेट को लाइनों से अलग करने के प्रयास थे:



यह भी स्थिति को सही नहीं करता था: लकीर का प्रत्यर्पण लोगों के लिए अतिरिक्त स्पष्टता नहीं लाता था।

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

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

द्वीप

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



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



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

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



लेकिन यह कदम - क्लासिक मुद्दे पर सही पर सबसे महत्वपूर्ण बात रखने के लिए - कंपनी के अंदर बहुत विवाद पैदा हुआ, क्योंकि लोगों के देखने के क्षेत्र का वर्णन करने वाले गर्मी के नक्शे इस तरह दिखते थे:



सभी प्रकार के प्रयोगों ने भी पुष्टि की कि प्रत्यर्पण का दाहिना छोर अंधा स्थान है।

लेकिन लाइव प्रोटोटाइप पर नई खोज के अध्ययन से पता चला कि हमें क्या देखने की उम्मीद थी: लोग स्क्रीन के ऊपरी बाएं कोने में नहीं दिख रहे हैं, लेकिन जहां उन्हें कुछ दिखाया गया है:



ब्लॉक संरचना के साथ आखिरी समस्या बनी रही - यह खराब आउटपुट पर बेमानी लगती है, जब यांडेक्स के पास लिंक की सूची के अलावा कुछ भी नहीं है। उदाहरण के लिए, नए यांडेक्स में क्वेरी [टीवी कार्यक्रम] की प्रतिक्रिया पुराने को खो देती है।

यह था:



यह बन गया:



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



सामान्य तौर पर, नए यांडेक्स की औसत प्रतिक्रिया अब इस तरह दिखती है:

प्रासंगिक इंटरफ़ेस

यांडेक्स खोज में तथाकथित ऊर्ध्वाधर - कम या अधिक सजातीय उत्तर वाले क्षेत्र शामिल हैं। मुख्य ऊर्ध्वाधर वेब खोज है। इसके अलावा, चित्र, वीडियो, उत्पाद, ब्लॉग आदि का एक ऊर्ध्वाधर है। उदाहरण के लिए, एक Yandex.Market सेवा है, और जब हम इसमें कुछ खोजते हैं, तो हम बाजार की खोज ऊर्ध्वाधर पर पहुंचते हैं। सैद्धांतिक रूप से, एक खोज के दौरान, आप तीर के ऊपर लिंक का उपयोग करके ऊर्ध्वाधर के बीच स्विच कर सकते हैं।



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

वैसे, होमवर्क के रूप में, मैं यह अनुमान लगाने का प्रस्ताव करता हूं कि खोज तीर के ऊपर लिंक कैसे क्रमबद्ध हैं।

खोज में लिंक स्ट्रिंग को अधिक दृश्यमान बनाने की कोई इच्छा नहीं थी - इस तरह या किसी अन्य, एक मृत अंत: यैंडेक्स में कम ऊर्ध्वाधर हैं, इसलिए प्रत्येक अनुरोध को एक "अधिक" बटन के साथ एक ही निश्चित, असीम रूप से सूजन सूची की पेशकश करनी होगी। ।

वफादार लोगों को पता होना चाहिए कि पिछले साल Yandex ने iPad के लिए एक खोज एप्लिकेशन जारी किया था।



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



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

एकल खोज

इससे पहले, यैंडेक्स ने संकेत देने के लिए हर संभव तरीके से कोशिश की कि इसकी कई सेवाएं हैं, और उनमें से प्रत्येक का अपना उद्देश्य है। इसलिए, उदाहरण के लिए, अलग-अलग ऊर्ध्वाधर के लिए तीरों के रंग कोडिंग का आविष्कार किया गया था।



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

आगे क्या है

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

एक सुंदर प्रचारक साइट भी है, जहाँ आप वीडियो और चित्र देख सकते हैं, साथ ही यह भी जान सकते हैं कि यह व्यक्तिगत रूप से आपको कब प्रभावित करेगा, और इसे जल्द से जल्द कैसे किया जाए।

kovchiy , प्रमुख डिजाइनर