Jakob Nielsen :: मुख्य पृष्ठों का डिज़ाइन बदलें

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

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

आइए मेरे संग्रह से कुछ विशिष्ट उदाहरणों को देखकर शुरू करें।

1994-1995 विशाल परिवर्तन (उदाहरण: Microsoft)

ये वेब की स्थापना के क्लासिक होमपेज हैं: बिना किसी पारंपरिक GUI तत्वों के कई ग्राफिक तत्व।

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

2002-2003 मध्यम परिवर्तन (उदाहरण: CNET News.com)

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

सामान्य तौर पर, पेज लेआउट काफी समान था - खासकर यदि आप उन्हें कम आकार में देखते हैं - विस्तृत बाएं और संकीर्ण दाएं स्तंभों के शीर्ष पर नेविगेशन टैब। बाएं स्तंभ में सबसे महत्वपूर्ण लेख थे, इसके बाद 10 अतिरिक्त लेख थे, जिनमें से प्रत्येक में एक शीर्षक और विवरण की लगभग 3 पंक्तियाँ थीं।

हालाँकि, यदि आप छोटी चीज़ों को अधिक बारीकी से देखते हैं, तो हम देखेंगे कि 2003 का डिज़ाइन 2002 में हुए एक से अलग काम किया था, इसलिए परिवर्तन की डिग्री 70% अनुमानित की गई थी।

यद्यपि दोनों संस्करणों में 7 टैब थे, नए डिजाइन में टैब को पृष्ठ की पूरी चौड़ाई तक बढ़ाया गया था और सक्रिय टैब की रंग योजना को बदल दिया गया था। इसके अलावा, परिवर्तन ने नेविगेशन श्रेणियों को प्रभावित किया। 2002 में, श्रेणियों की सूची थी: फ्रंट पेज, एंटरप्राइज, ई-बिजनेस, कम्युनिकेशंस, मीडिया, पर्सनल टेक्नोलॉजी और इन्वेस्टर। 2003 में - फ्रंट पेज, एंटरप्राइज सॉफ्टवेयर, एंटरप्राइज हार्डवेयर, सिक्योरिटी, नेटवर्किंग, पर्सनल टेक और द नेट।

मुख्य पृष्ठ के लिंक के अलावा, केवल व्यक्तिगत प्रौद्योगिकी श्रेणी 2003 के मांस की चक्की से बचने में सक्षम थी, हालांकि इसे पर्सनल टेक में विभाजित किया गया था।

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

विशेषता परिवर्तन:

• मुख्य लेखों की संख्या कम कर दी गई थी: छोटे लेखों में से एक के लिए, लेकिन एक बड़े चित्रण के साथ 2 लेखों से;
• पृष्ठ के निचले भाग में news.context क्षेत्र का परित्याग;
• अतिरिक्त लेखों के नीचे तीसरे स्तर के शीर्षक जोड़ना;
• कम्युनिस्टों और उनकी तस्वीरों को अधिक प्रमुख स्थान दिया गया;
• वीडियो में पृष्ठ पर कम आकर्षक स्थान है;
• एक उन्नत खोज की अतिरिक्त क्षमता के साथ एक सरल खोज के लिए साइट के वर्गों के माध्यम से खोज से संक्रमण;
• पूर्ण से अस्थायी टिकटों का परिवर्तन ("4 अक्टूबर, 2002, 1:46 बजे पीडीटी") रिश्तेदार के लिए ("1 घंटा, 17 मिनट पहले"), टिकटों का रंग बदलकर ग्रे हो जाता है (अक्सर अपडेट की गई साइटों के लिए, रिश्तेदार टिकट बेहतर होते हैं क्योंकि यह मुफ़्त उपयोगकर्ता हैं। समय क्षेत्र के बारे में सोचने की आवश्यकता से);
• अंतिम अद्यतन के समय को अधिक दृश्यमान स्थान पर ले जाना (क्रमिक परिवर्तन, सापेक्ष समय टिकटों के संक्रमण के परिणामस्वरूप);
• उपयोगकर्ताओं को लेखों को बचाने की क्षमता;
• 'स्पीड अप करने के लिए उठो' सेक्शन को जोड़ना।

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

2011-2012 मध्यम परिवर्तन (उदाहरण: एटना)

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

हालांकि, जब पृष्ठों का उपयोग करने की बात आई, तो अधिक परिवर्तन ध्यान देने योग्य थे।

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

हालांकि, एक अधिक महत्वपूर्ण तथ्य मुख्य बटन की स्थिति में परिवर्तन था 'एक उद्धरण प्राप्त करें'।

2011 में:

• एटना नेविगेटर सदस्य लॉग इन करें
• नए सदस्य: रजिस्टर
• एक चिकित्सक का पता लगाएं
• छोटे व्यवसाय के मालिक
• स्वास्थ्य बीमा खरीदें

2012 में:

• एक चिकित्सक का पता लगाएं
• एक रूप प्राप्त करें
• स्वास्थ्य बीमा के बारे में जानें
• हमसे संपर्क करें
• लॉग इन करें Aetna नेविगेटर (शब्दों के साथ "लॉग इन" हाइलाइट किया गया)
• अब रजिस्टर करें
  
  • एक आईडी कार्ड प्राप्त करें
  • कवरेज और लाभ की जानकारी प्राप्त करें
  • लागत अनुमान प्राप्त करें
  • एक स्वास्थ्य आकलन पूरा करें

केवल अछूती छोड़ी गई चीज एक डॉक्टर खोजें विकल्प है, जिसे किसी अन्य स्थान पर ले जाया गया था। प्राधिकरण का नया क्षेत्र एक निश्चित सुधार था। कंपनी नाम के साथ कीवर्ड के साथ शुरू करना बेहतर है ।

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

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

वेब डिज़ाइन स्थिरता बढ़ाएँ

नीचे दिया गया ग्राफ़ प्रत्येक वर्ष पहले की तुलना में प्रत्येक वर्ष मॉनिटर किए गए साइटों पर परिवर्तनों की औसत दर दिखाता है।



प्रवृत्ति स्पष्ट है: वेब के अस्तित्व की शुरुआत में भारी परिवर्तन, डॉट-कॉम बुलबुले के दौरान गिरावट और हाल के वर्षों में 40% पर स्थिरीकरण।

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

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

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

अनुवादक से
जो लोग रुचि रखते हैं, उनके लिए नीलसन के अन्य लेख उपलब्ध हैं:
स्क्रॉलिंग और ध्यान
इंटरफ़ेस डिज़ाइन में क्रियाओं और वस्तुओं की निकटता