कार्य

"लेख" पृष्ठ को फिर से करें ( http://novosibirsk.flamp.ru/articles )। परिणाम PNG में एकल लेआउट है। उद्देश्य: उपयोगकर्ता इस पेज पर यथासंभव लंबे समय तक रहना चाहते हैं।

छोटा लिंच

(तस्वीर क्लिक करने योग्य है)

एक विचार के लिए खोजें - मैं एक कार्य पर सोचता हूं और वह सब कुछ लिखता हूं जो दिमाग में आता है

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

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

मॉड्यूल का एक आवेदन करना

स्केच नंबर 1

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

स्केच नंबर 2

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

स्केच नंबर 3

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

स्केच नंबर 4

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

सारांश पृष्ठ

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

हमारे पास क्या है?

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

और क्या आप लेख पृष्ठ पर लंबे समय तक रखेंगे? (हम हैबर को ध्यान में नहीं रखते हैं, उनके पेज उपस्थिति को सदियों से सम्मानित किया गया है)।

PS यह इंटरफ़ेस डिजाइनरों के लिए 2gis में एक परीक्षण कार्य है।
पीपीएस सो अच्छा गायब नहीं होने के लिए - मैंने इसे एक गीक पत्रिका पर रखने का फैसला किया