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