हैबर न्यूज फीड डिस्प्ले डिजाइन प्रतियोगिता

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

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

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

लेआउट साइट की एक सटीक प्रतिलिपि नहीं हो सकती है, क्योंकि यह कंपनी का एक उत्पाद है, और स्क्रिप्ट न केवल कंपनी सामग्री को संसाधित करने में सक्षम होगी।

प्रतियोगिता का कार्यकाल लेआउट इंजन पर किसी भी काम के शुरू होने से लगभग एक महीने पहले होता है। पुरस्कार - इसके डिजाइन के पन्नों पर साइट का उपयोग। यदि साइट मौजूद है, तो भी एक पृष्ठ प्रदर्शन इंजन रहेगा, जिस पर अन्य साइटों के पृष्ठ प्रदर्शित हो सकते हैं।

नए डिजाइन के पृष्ठों के लेआउट में जिन सिद्धांतों को रखा जाएगा

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

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

* टेप दूसरी पीढ़ी की लिपियों द्वारा प्राप्त छँटाई और रूपांतरण से प्रभावित होता है, जो कि HabrAjax के आधार पर बढ़ेगा और उपयोगकर्ता को अधिक सटीक रूप से चयनित लेख प्राप्त करने और अधिक लचीला मूल्यांकन देने में मदद करेगा (दूसरे के बिना पहले नहीं है)।

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

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