मैंने "क्लोन हैबर" के लिए डिज़ाइन कैसे किया

जैसा कि कई लोग पहले से ही नाम से अनुमान लगा चुके हैं, हम LiveStreet इंजन के बारे में बात करेंगे, या यों कहें, मूल Synio टेम्पलेट, जो CMS असेंबली में शामिल है, और मैं एक लेखक बनने के लिए भाग्यशाली था।

आज मैं इसके निर्माण की प्रक्रिया के बारे में बात करना चाहूंगा और इसके बारे में जो मैं लागू करने में कामयाब रहा हूं।

एक अच्छा डिजाइन क्या है?

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

---

कार्य

मेरी राय में, किसी भी परियोजना को परियोजना उद्देश्य के गठन के साथ शुरू करना चाहिए।

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

---

के विश्लेषण

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

बेशक, यदि आप LiveStreet सीएमएस के निर्माण के इतिहास में लौटते हैं, तो सबसे पहले जिस पर आपको ध्यान देना चाहिए था और वह हैब्राहब बना हुआ है, क्योंकि यह हैबर की कार्यक्षमता थी जो इस इंजन का आधार था।
लेकिन साढ़े तीन साल में ( और उस समय तक लिवस्ट्रीम में बस इतना ही समय था ), कार्यक्षमता में अंतर पहले से ही महत्वपूर्ण थे।



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

---

सहयोग

बेशक, डिज़ाइन बनाते समय, उन लोगों के साथ निरंतर परामर्श की आवश्यकता होती है जो "अंदर" से कार्यक्षमता जानते हैं - सिस्टम के डेवलपर्स के साथ।

एक जिज्ञासु तथ्य यह है कि, इसकी भौगोलिक स्थिति के कारण, मैं अलग-अलग देशों और समय क्षेत्रों में LiveStreet सीएमएस विकास दल के साथ हूं, और हम कभी भी व्यक्तिगत रूप से नहीं मिले हैं, हालांकि मैं एक दूसरे को कई वर्षों से जानता हूं।

इसलिए, दूरस्थ संचार के लिए, हमने तीन मुख्य उपकरणों का उपयोग किया: GMail (और विशेष रूप से GTalk में ) - संक्षिप्त चर्चा के लिए, निर्माण - इसने मुख्य कार्य, कार्यों और मध्यवर्ती परिणामों की चर्चा और निश्चित रूप से स्काइप - लंबी बहस और "ऑफ-टॉपिक" विषयों ( उनके बिना कहाँ) ।

आकर्षण आते हैं

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

विपक्ष

इस पद्धति का नुकसान समय सीमा की तुलना में एक लंबी समय सीमा है, जैसा कि मुझे अब लगता है, हो सकता है कि हम एक ही कार्यालय में बैठे हों और एक-दूसरे को नियमितता के साथ "किक" करते हों। लेकिन इसके बावजूद, हमने वांछित परिणाम प्राप्त किए हैं।

---

मूल टेम्पलेट डिजाइन में नया

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



ए दृश्य इकाई
नए संस्करण में, उपयोगकर्ता द्वारा क्लिक बटन बनाने के बाद दिखाई देने वाली क्षमताओं की छवि के साथ एक ग्राफिक ब्लॉक दिखाई देता है।

इस स्थिति में, आप ब्लॉग या विषय बनाने और अगले चरण में सीधे सृजन प्रपत्र में स्विच कर सकते हैं।



टॉपिक के लिए मतदाताओं की संख्या बी
एक अलग पॉप-अप ब्लॉक में मतदाताओं की संख्या और संयम पर आंकड़े बनाने का निर्णय लिया गया था जो मतदान तत्व पर मँडरा रहा है।

C. नेविगेशन ब्लॉक
एक त्वरित नेविगेशन ब्लॉक जोड़ा गया है, जिससे आप एक विषय शीर्षक से दूसरे में स्विच कर सकते हैं। इसके अलावा वहाँ एक साफ "ऊपर" बटन है।

डी। "शीर्ष स्टार्टर" का अलगाव
टिप्पणियों में, विषय लेखक के उपनाम को वार्तालाप में अन्य प्रतिभागियों से अलग करना आसान बनाने के लिए रेखांकित किया गया है



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



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

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

एच। एक क्लिक के साथ जल्दी से एक ब्लॉग में शामिल होने की क्षमता
एक ही नाम के अनुभाग में प्रत्येक ब्लॉग का नाम "रीड" बटन दिखाई देता है, जिस पर क्लिक करके उपयोगकर्ता ब्लॉग रीडर बन जाता है।



I. फोटो अपलोड करना

फ़ोटो डाउनलोड करने पर विशेष ध्यान दिया जाना चाहिए। एक कॉम्पैक्ट इकाई में, आप कंप्यूटर से या इंटरनेट से किसी विषय पर फोटो अपलोड करने की क्षमता का एहसास कर सकते हैं, या सीधे लिंक को निर्दिष्ट करके इसे पोस्ट कर सकते हैं।



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

---

सारांश

कुल में, 35 से अधिक स्क्रीन और परियोजना के लिए लगभग 50 विभिन्न चिह्न और चित्र तैयार किए गए हैं ।



डिजाइन पर काम का मुख्य चरण ढाई महीने तक चला , लेकिन अब भी नए विचारों और अतिरिक्त कार्यक्षमता को मूर्त रूप देने के लिए अतिरिक्त चित्रों की आवश्यकता है।

सामान्य तौर पर, इस प्रोजेक्ट पर काम करते हुए, ऑर्ट और डेनिआर्ट जैसे प्रतिभाशाली लोगों के साथ एक टीम में, एक आकर्षक और सुखद काम बन गया।

पुनश्च

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