11 आम वेब डिज़ाइन गलतियाँ (ब्लंडर्स)

इंटरनेट पर वेबसाइट के टन हैं, और सैकड़ों या शायद हजारों दिन के द्वारा बनाए जाते हैं। यहाँ एक बहुत ही दिलचस्प बात है - एक अच्छी वेबसाइट के तत्व क्या हैं?

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

इस लेख में, हम प्रकाश डालना चाहेंगे 11 वेब डिज़ाइन ब्लंडर जो वेब डेवलपर्स और डिज़ाइनर बनाते हैं और कुछ सुझाव दिए गए कि कैसे इन गलतियों से आसानी से बचा जा सकता है.

1. खोज बॉक्स कहाँ है?

वेब सूचनाओं के संग्रह की तरह है। चाहे वह एक कॉर्पोरेट वेबसाइट हो या केवल एक ब्लॉग, एक खोज बॉक्स आवश्यक है। आगंतुक कुछ ऐसा खोज सकता है जो वेबसाइट के भीतर छिपा हो, खोज बॉक्स के साथ, संभावना है, आगंतुकों को वह मिलेगा जो वे चाहते हैं.

सुझाव:Google कस्टम खोज शुरू करने के लिए एक साफ, सरल और प्रभावी तरीका है। यह आगंतुकों को एक कुशल तरीके से आपकी साइट को खोजने में सक्षम बनाता है। बस कंट्रोल पैनल से HTML कोड को कॉपी करके अपनी वेबसाइट और voilà पर पेस्ट कर दें? HTML ?? Ã'from, आपको अपनी वेबसाइट पर एक सर्च फंक्शन मिल गया है.

यहां Google का खोज इंजन आपकी साइट पर भी प्रदर्शित करने के लिए एक सरल फ़ॉर्म कोड है। आपको बस साइट का नाम अपनी वेबसाइट के नाम में बदलना है। इसके अलावा, आप अपनी पसंद के अनुसार सबमिट मूल्य को संशोधित कर सकते हैं.

अधिक: डिजाइनिंग द होली सर्च बॉक्स: उदाहरण और सर्वश्रेष्ठ अभ्यास- यह लेख खोज बॉक्स को डिजाइन करने के लिए दिशानिर्देशों का विवरण देता है.

2. खराब पठनीयता और वैधता.

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

सुझाव:सौभाग्य से, ऐसे सरल तरीके हैं जो आप अपनी वेबसाइट पर उपयोगकर्ताओं के पढ़ने के अनुभव को बेहतर बनाने के लिए कर सकते हैं.

1. अधिकांश प्रमुख साइटों की रंग योजनाओं की तुलना करें और ध्यान दें कि कैसे रंग पठनीयता में सुधार करते हैं। विभिन्न रंग योजनाओं को आज़माने के लिए एक अच्छी जगह है Adobe Kuler.
2. का उपयोग सैंस सेरिफ़ टाइपफेस क्योंकि यह वेब पर आसानी से पढ़ने की अनुमति देता है.

अधिक: यहाँ एक अच्छा लेख है जो आपको पठनीयता में सुधार के लिए और सुझाव देगा - पठनीयता - वेब पेज बनाना आसान पढ़ें.

3. असंगठित सामग्री लेआउट.

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

प्रत्येक वेब पेज के लिए एक उपयुक्त पृष्ठ शीर्षक का उपयोग करें ताकि उपयोगकर्ता यह जान सकें कि वे कहाँ हैं। कुछ डिज़ाइनर वेब पेज को नाम देना भी भूल जाते हैं.

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

सुझाव: HTML और CSS का उपयोग करते हुए अपनी वेबसाइट पर सामग्री व्यवस्थित करें, आपके पृष्ठों का डिज़ाइन बनाते समय उपयोग किया जाना चाहिए.

1. मार्जिन का उपयोग करके अपने पाठ और छवियों के बीच पर्याप्त व्हाट्सएप बनाएं.
2. अद्यतन और सुसंगत रहें. अद्यतन करने का उद्देश्य केवल नई सामग्री जोड़ना नहीं है बल्कि पिछली गलतियों को सुधारना और सही करना है. जैकब नीलसन सुझाव है कि आप किराया वेब “माली”.

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

4. खराब नेविगेशन.

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

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

सुझाव:

1. सभी लिंक के लिए पाठ्य विवरण का उपयोग करके नेविगेशन को सुचारू बनाएं। छवियों के लिए संपूर्ण पाठ प्रदान करें। फ्लैश या जावास्क्रिप्ट लिंक के लिए वैकल्पिक पाठ विवरण तकनीकों का उपयोग करें.
2. वेबसाइट के विषय के साथ मिलकर अपने नेविगेशन को व्यवस्थित और संरचना करें। व्यक्तिगत वेबसाइटें अधिक रचनात्मक अभी तक सुलभ हो सकती हैं लेकिन एक व्यावसायिक वेबसाइट को अधिक दक्षता और स्पष्टता की आवश्यकता होती है.

याद रखें, यदि उपयोगकर्ता 3 क्लिक से कम में क्या चाहते हैं, तो वे नहीं ढूंढ सकते, अधिकांश तुरंत छोड़ देंगे.

अधिक: प्रभावी वेबसाइट नेविगेशन लागू करना - यह लेख आपकी वेबसाइट के लिए एक प्रभावी नेविगेशन लागू करने पर अधिक जानकारी देता है.

5. असंगत इंटरफ़ेस डिज़ाइन.

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

सुझाव:

1. साइट के मुख्य अनुभागों के लिंक के साथ हर पृष्ठ के लिए एक मानक सुसंगत टेम्पलेट का उपयोग करें.
2. कीवर्ड सरल है। सौंदर्य की दृष्टि से सरल डिज़ाइन बनाएं और उपयोगकर्ता आपकी वेबसाइट पर कभी भ्रमित नहीं होंगे.

6. अमित्र स्क्रीन रिज़ॉल्यूशन.

मुझे यकीन है कि हम उन वेबसाइटों पर गए हैं जहाँ आपको क्षैतिज रूप से स्क्रॉल करना है। यह आधुनिक वेब डिज़ाइन में एक पूर्ण नहीं-नहीं है। एक अच्छा डिजाइनर उन वेबसाइटों को विकसित करेगा जो अधिकांश स्क्रीन आकारों पर फिट होते हैं। वर्तमान में वेबसाइटों के लिए वर्तमान अनुकूलित लेआउट 1024 x 768 पिक्सेल है.

सुझाव:प्रत्येक रिजॉल्यूशन को फिट करने के लिए डिज़ाइन को पूरा करना कठिन और लगभग असंभव है, खासकर जब आगंतुक अब मोबाइल फोन और नेटबुक से सर्फिंग कर रहे हैं, लेकिन हम एक मोटा विचार प्राप्त कर सकते हैं कि इन निम्नलिखित तरीकों से आमतौर पर उपयोग किए जाने वाले स्क्रीन रिज़ॉल्यूशन क्या हैं:

• अपने आंकड़े जांचें - Google Analytics जैसी विश्लेषण सेवाएं आपको इस बारे में जानकारी प्रदान करती हैं कि वे किस निगरानी समाधान का उपयोग कर रहे हैं। ये उपयोगी जानकारी हैं जिन्हें आपको अपने अगले सुधार को शुरू करने से पहले पता होना चाहिए.
• W3 स्कूलों ब्राउज़र आँकड़े - डब्ल्यू 3 स्कूल नेटिज़न्स द्वारा उपयोग किए जाने वाले सबसे लोकप्रिय ब्राउज़र की स्पष्ट सूची देता है और लोकप्रियता के अनुसार उन्हें सॉर्ट करता है। अन्य दिलचस्प और महत्वपूर्ण आँकड़े भी हैं.

7. जटिल पंजीकरण फार्म.

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

कुछकार्ड का सरल रूप पंजीकरण को दर्द रहित बनाता है.

सुझाव:वेब पर समुदायों के पंजीकरण रूपों की तुलना करें और यह समझें कि पंजीकरण प्रक्रिया के दौरान उपयोगकर्ता को कौन सी बुनियादी जानकारी की आवश्यकता है.

अधिक: वेब डिज़ाइन में 9 सामान्य उपयोगिताएँ गलतियाँ - स्मैशिंग पत्रिका की यह पोस्ट अन्य प्रयोज्य गलतियों के बीच पंजीकरण रूपों पर गहराई से नज़र रखती है.

8. छवियों / एनिमेशन का अस्पष्ट उपयोग.

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

एनिमेशन बहुत बढ़िया और एक सशक्त माध्यम हैं। विशेष रूप से जब उचित रूप से उपयोग किया जाता है। जब यह एक चक्र या एक वेब पेज पर बहुत अधिक होता है, तो यह उपयोगकर्ताओं की तंत्रिकाओं पर पहुंच जाता है। उपयोगकर्ताओं के पास धैर्य, समय या संसाधन नहीं हैं, इसलिए डिजाइनरों को विकल्प या बेहतर विकल्प प्रदान करना चाहिए, स्किप बटन, यदि यह एक पूर्ण पृष्ठ है एनीमेशन.

अधिक: फ्लैश: 99% खराब - फ़्लैश का उचित उपयोग करें। जैकब नीलसन को यह लेख प्रकाशित हुए लगभग 10 साल हो चुके हैं लेकिन यह विशेष रूप से फ्लैश प्रयोज्य के संदर्भ में अभी भी प्रासंगिक है वेब बुनियादी बातों को तोड़ता है टुकड़ा.

9. बरबाद पृष्ठ, अधिक व्हाट्सएप.

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

kylestanding उनके डिजाइन में व्हाट्सएप का अच्छा उपयोग करते हैं.

यहाँ आप पर एक अच्छा विचार देने के लिए कुछ लेख हैं वेब डिजाइन में व्हॉट्सएप का महत्व:

• चार व्हाइट स्पेस लेआउट की तुलना
• व्हाइट स्पेस का मान
• श्वेत रिक्ति

कोई पृष्ठभूमि संगीत, कृपया!

उपयोगकर्ता शांत नहीं चाहते, वे दक्षता चाहते हैं. और हाँ, 99 प्रतिशत आपकी वेबसाइट पर संगीत की परवाह नहीं करते हैं। कुछ डिजाइनर हर वेब पेज पर अलग-अलग बैकग्राउंड म्यूजिक लगाकर इसे और खराब कर देते हैं.

सुझाव:पृष्ठभूमि संगीत का उपयोग न करें, लेकिन यदि आपको कोड और उपयोगकर्ता नियंत्रण के लिए एक फ्रेम बनाना चाहिए। इस तरह, संगीत हर बार लगातार बदलता रहता है, हर बार वेबसाइट के भीतर एक नया पेज लोड करने के बजाय। और उपयोगकर्ता जब चाहे रोक सकता है या रोक सकता है.

11. टेस्ट, टेस्ट और टेस्ट.

यह अधिक नहीं हो सकता है। हम कितनी बार उन वेब पृष्ठों पर गए हैं जिन्हें केवल एक निश्चित ब्राउज़र पर देखा जा सकता है? वेबसाइटों का परीक्षण करते समय वेब डेवलपर्स के पास एक प्रकार की चेकलिस्ट होनी चाहिए.

• क्या वेबसाइट को विभिन्न वातावरणों में देखा जा सकता है?
• क्या डिज़ाइन लेआउट सभी ब्राउज़रों में सुसंगत है?
• क्या वेबसाइट को अलग-अलग सेटिंग्स में देखा जा सकता है जैसे कि छवियाँ बंद, जावास्क्रिप्ट बंद, आदि?

सुझाव:W3C गुणवत्ता आश्वासन के लिए परीक्षण करने के लिए उपकरण प्रदान करता है। चेक आउट W3C गुणवत्ता आश्वासन टूलबॉक्स तथा वेब पेज मान्यता.

निष्कर्ष:

इसे सरल, बेवकूफ़ (K.I.S.S) रखें। नीचे की रेखा। यदि यह सरल है, तो यह प्रयोग करने योग्य है। सभी सभी में, महान वेबसाइटें इसे सरल और उपयोगी रखती हैं। अपना होमवर्क करें और यह आसान और स्वाभाविक रूप से आता है.

वेब डिज़ाइन प्रोजेक्ट्स में आपके अनुभव क्या हैं? आप वेब डिज़ाइन की गलतियों पर और क्या सुझाव और विचार साझा करना चाहेंगे?

संपादक की टिप्पणी: इस पोस्ट के द्वारा लिखा गया है ब्रूजो ओवोह Hongkiat.com के लिए। ब्रूज़ो ओवोह एक मल्टीमीडिया सिस्टम अंडरग्रेड है, जो वेब डिज़ाइन और 2 डी एनिमेशन में विशेष है। वह अपने साथियों के साथ घूमने और ट्विटर पर डिज़ाइन के रुझान को ध्यान में रखते हुए कथा साहित्य का आनंद लेते हैं। ब्रूजो के ब्लॉग पर जाएँ.