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