एक पृष्ठ की वेबसाइट डिजाइन सनक के साथ क्या हो रहा है?

Question

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

एक प्रोग्रामर के रूप में, यह शैली मुझे परेशान करती है (कई कारणों से, ज्यादातर तकनीकी, जिनमें से कम से कम रखरखाव, एसईओ, लोडिंग समय, आदि), लेकिन इससे भी महत्वपूर्ण बात, मैं उत्सुक हूं कि यह क्यों लोकप्रिय हुआ डिजाइनरों के साथ शुरू करने के लिए?

Comments

वाह! मैंने अभी तक ऐसा नहीं देखा है - लेकिन मुझे वास्तव में इससे नफरत है।

— Farray

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

— user56reinstatemonica8

Answer 1

इसमें दो अलग-अलग रुझान शामिल हैं।

पहली साइट के लिए एक सरल साइट है। यदि यह एक ब्रोशर साइट है, तो यह चार अलग-अलग पृष्ठों की आवश्यकता नहीं है। एक स्क्रॉल पृष्ठ का उपयोग करना, नेविगेट करना और बनाए रखना आसान है। बहुत सारे iPhone ऐप साइट्स इस मॉडल का उपयोग करते हैं। जैसा कि बहुत सारे छोटे व्यवसाय करते हैं। बहुत सारी साइटें इससे लाभान्वित हो सकती हैं।

अन्य प्रवृत्ति फ्लैश डेवलपर्स अंत में HTML, jQuery और AJAX की खोज कर रही है और अभी भी 'एक फ़ाइल = एक साइट' के पुराने फ़्लैश मॉडल के अंदर सोच रही है। यह पहली प्रवृत्ति से अलग है कि यह एक बड़ी साइट है जिसमें बहुत सारे कंटेंट को डेटा / इंटरैक्शन के एक पेज में संकुचित किया गया है। जैसा कि आप कहते हैं, इस पद्धति में सभी प्रकार की कमियां हैं, हालांकि वे सही कोड के साथ सर्मोट हैं (सुनिश्चित करें कि URL परिवर्तन / बुकमार्क करने योग्य हैं, Google सामग्री नेविगेट कर सकता है, लोड समय AJAX, आदि के माध्यम से प्रबंधित किया जाता है)।

Answer 2

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

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

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

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

मुझे लगता है कि आप अपनी कोडिंग मांसपेशी को फ्लेक्स करने या किसी ट्रेंड को भुनाने की कोशिश कर रहे लोगों के बहुत सारे उदाहरण देख रहे होंगे। लेकिन यह डिजाइन दुनिया में हर समय होता है। जब आप अपनी साइट के उद्देश्य पर विचार करें और उपयुक्त होने पर उसका उपयोग करें तो इसे टेबल पर रखें!

Answer 3

इसके लिए एक उल्टा है (केवल एक ही मैं इसके बारे में सोच सकता हूं!), जो यह है कि यदि आप Ctrl+ का उपयोग करके खोज करना चाहते हैं F, तो सभी सामग्री एक पृष्ठ पर है, इसलिए आप एक बार में पूरी वेबसाइट खोज सकते हैं (सामग्री खोज योग्य है) ।

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

यह 2008 से आजा रस्किन की GoogleTech बात को देखने लायक है, "मुझे क्लिक न करें" ।

पूरी बात बहुत दिलचस्प है, लेकिन यहाँ संबंधित बिट 29 मिनट से शुरू होता है। यहाँ उसने फ़ायरफ़ॉक्स को हैक किया है ताकि आप अपने सभी ब्राउज़र टैब को एक निरंतर लंबवत स्क्रॉलिंग पेज पर प्राप्त कर सकें।

मुझे आश्चर्य है कि अगर आप अभी जो देख रहे हैं, उसके लिए यह अग्रदूत था।

Answer 4

दो शब्द: उपयोगकर्ता अनुभव।

मूल पोर्टफोलियो साइटों को उपयोगकर्ता को यह देखने के लिए कई पृष्ठों पर क्लिक करने की आवश्यकता नहीं होनी चाहिए कि सामग्री सरल और सीधे आगे है तो उन्हें क्या पेशकश करनी है।

या अधिक विशेष रूप से, कॉल टू एक्शन विलक्षण है। जब साइट का लक्ष्य है: "मुझे किराए पर लें", साइट साइटप्रोटेक्टिव हो सकती है जब यह साइटमैप अनावश्यक रूप से जटिल हो।

संपादित करें: नीचे कुछ उदाहरण ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/

Comments

मैं इस बात से ज्यादा सहमत होता अगर सभी इसे स्क्रॉल कर सकते, लेकिन यह न तो उनका सामान्य कार्य है और न ही इरादा। कई स्क्रॉल बग़ल में, और कई सब पर स्क्रॉल और, वास्तव में, करने के लिए तैयार कर रहे हैं होने का सबूत नहीं दिखा नज़र एकाधिक पृष्ठों की तरह, खिड़की से बाहर अपने सिद्धांत फेंक।

— शौना

शौना, जबकि मैं क्षैतिज रूप से स्क्रॉल करने वाली साइटों से परिचित हूं, मैं उन अन्य लोगों से परिचित नहीं हूं जिनके बारे में आप बता रहे हैं। लेकिन मैं आपको उन आधा दर्जन की ओर इशारा कर सकता हूं जिनके बारे में मैं अपने सिर के ऊपर से बात कर रहा हूं। (ऊपर संपादन देखें)

— जोएल ग्लोवर

Answer 5

एसईओ के नजरिए से, एक-पेज की वेबसाइट डिजाइन एक सनक है।

यह कुछ ऐसा है जो संभवतः आपके एसईओ प्रदर्शन को बर्बाद कर देगा, खासकर जब आप अत्यधिक प्रतिस्पर्धी व्यावसायिक पृष्ठभूमि में काम करते हैं। मुझे पता है कि ग्राफिक डिजाइनर शायद ही इसे ध्यान में रखते हैं, और दूसरी ओर क्लाइंट को एसईओ पर पर्याप्त ज्ञान नहीं है, लेकिन यदि आप किसी एसईओ विशेषज्ञ से पूछते हैं, तो वे भी यही कहेंगे।

मेरी टिप? अपने एसईओ विशेषज्ञ से एक खोजशब्द अनुसंधान करने और आपको अपनी वेबसाइट संरचना की रूपरेखा देने के लिए कहें।

आप खोज इंजन भूमि पर अधिक पढ़ सकते हैं, ये लोग एसईओ को बहुत अच्छी तरह से जानते हैं;) https://searchengineland.com/single-page-websites-seo-182506

Answer 6

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

Comments

मुझे क्या चकित करता है मैंने उन साइटों की संख्या देखी है जो ऐसा करते हैं। यहाँ स्मैशिंग मैगज़ीन लिस्ट में से एक है जिसका मैंने उल्लेख किया है, मैंने इस बारे में एक तिहाई रास्ता छोड़ दिया क्योंकि वे सभी इस तरह थे : smashingmagazine.com/2011/04/19/…

— Shauna

Answer 7

मुझे नहीं लगता कि लोगों को किसी वेबसाइट को पढ़ने के लिए नवीनतम आई-कैचिंग ट्रिक का उपयोग करने से ज्यादा कुछ है।

उदाहरण के लिए, @ Shauna के जुड़े लेख में Nike साइट को लें। ईमानदारी से, ओउ टू इनोवेशन को रनिंग-शू डिज़ाइन में और उन्हीं रनिंग शूज़ के विज्ञापन में छोड़ दिया गया है? यदि वे लंबन चाहते हैं तो वह सामग्री आसानी से ब्रोशर या फ़्लैश में रखी जा सकती है। इसके बजाय वे फ्लैश के बोझ के बिना नई नेविगेशन योजना के परिणामस्वरूप एक निफ्टी लंबन प्रभाव जोड़ सकते हैं ।

मैं यहां तक ​​कहूंगा कि स्मैशिंग मैगज़ीन की वेबसाइट पर HTML5 / CSS ट्यूटोरियल है जो दिखाता है कि ऐसा कैसे किया जाता है जो दिखाई गई साइटों को पैदा करता है।

Comments

नीचे की ओर? हाँ, यह उचित था। मेरे सबसे अच्छे जवाबों में से एक नहीं। मुझे लगता है कि जब मैंने ऐसा लिखा तो मैं थोड़ा मुक्काबाज था।

— फिलिप रेगन

श्रग मैं इस साइट पर डाउनवोट होने के लिए पर्याप्त प्रतिनिधि नहीं है, तो यह मैं नहीं था।

— शौना

मैंने इसे इसे रद्द करने के लिए दिया था क्योंकि आपको लगता है कि आप एक अच्छी जगह से आ रहे हैं;)

— thomasrutter

Answer 8

मुझे वास्तव में लगता है कि आपके द्वारा लिंक किया गया पहला आइटम (बहाव बार) में एक शांत कारक है: यह गति में अच्छा दिखता है।

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

मुझे लगता है कि उस पृष्ठ पर स्क्रॉल करने की क्षमता या तो एक गलती है या एक सुविधा है जो वे छुटकारा नहीं पा सके।

Answer 9

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

Answer 10

मुझे लगता है कि आपने शीर्षक में अपने प्रश्न का बहुत उत्तर दिया - अर्थात, यह एक सनक है।

ठीक उसी तरह जब जावास्क्रिप्ट (और तब AJAX) सालों पहले दिखाई दिया था और लोग इसके साथ हर तरह की फैंसी चीजें कर रहे थे, Jquery और CSS 2/3 के लिए बेहतर समर्थन और ब्राउज़रों में बेहतर प्रतिपादन की गति ने नए तरीकों के साथ नए प्रयोग का पूरा दौर चला दिया है कुछ पुराने ब्राउज़रों की वजह से अतीत में ऐसी साइटें बनाना व्यावहारिक नहीं हो सकता है।

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

यह महत्वपूर्ण है कि डिजाइनर नई तकनीकों के साथ चीजों को करने के नए तरीकों के साथ प्रयोग करें। मैं एक पल के लिए सुझाव नहीं दूंगा कि यह कभी भी प्रयास नहीं किया जाना चाहिए था। लेकिन यह वही है जो प्रायोगिक है।