10 में से 01
अनुसंधान
एक संभावित ग्राहक ने आपको सिर्फ एक वेबसाइट तैयार करने के लिए कहा है, लेकिन आप कहां से शुरू करते हैं? एक निश्चित प्रक्रिया है जिसे आप सुनिश्चित कर सकते हैं कि परियोजना सुचारू रूप से हो। यह मानक ग्राफिक डिज़ाइन प्रक्रिया को प्रतिबिंबित करता है , जिसमें केवल कुछ वेबसाइट-विशिष्ट चरणों को शामिल किया गया है।
एक ग्राफिक डिजाइनर के रूप में, आप कोडिंग समेत पूरे डिज़ाइन को स्वयं चुन सकते हैं। हालांकि, आप विवरण के साथ आपकी सहायता के लिए एक टीम भी इकट्ठा करना चाहेंगे। एक वेब डेवलपर और एसईओ विशेषज्ञ आपके प्रोजेक्ट में मूल्यवान जोड़ हो सकते हैं।
यह सब अनुसंधान के साथ शुरू होता है
अधिकांश डिज़ाइन परियोजनाओं के साथ, वेबसाइट बनाने के दौरान पहला कदम अनुसंधान करना है। इस शोध में से कुछ को उनकी जरूरतों को समझने के लिए ग्राहक के साथ किया जाएगा। आपको अपने उद्योग और प्रतिस्पर्धियों के बारे में अधिक जानने की भी आवश्यकता होगी।
अपने ग्राहक से मिलने पर, आपको साइट के लिए रूपरेखा विकसित करने और अंततः इसे डिज़ाइन करने में आपकी सहायता के लिए जितना संभव हो सके खोजना होगा। इसमें उनके लक्षित दर्शकों, लक्ष्यों, रचनात्मक दिशा और अन्य चर के बारे में पूछना शामिल है जो आप क्लाइंट की पेशकश कर सकते हैं, जैसे बजट और समय सीमा।
आपका उद्योग और बाजार अनुसंधान एक साथ होगा। अपने ग्राहक से मिलने के लिए तैयार होने के लिए, आपको अपने उद्योग का विचार होना चाहिए। अपनी जरूरतों को जानने के बाद, आप थोड़ा गहरा देखना चाहते हैं।
किए गए शोध का स्तर ग्राहक के बजट और उद्योग के आपके मौजूदा ज्ञान पर निर्भर करेगा। यह देखना आसान हो सकता है कि क्षेत्र में अन्य वेबसाइटें किस तरह दिखती हैं। बड़ी परियोजनाओं के लिए, यह फोकस समूहों के साथ गहन शोध की तरह कुछ हो सकता है।
10 में से 02
बुद्धिशीलता
एक बार जब आप जानते हैं कि परियोजना क्या है, तो विचारों को इकट्ठा करने का समय है, और दिमागी तूफान शुरू करने के लिए एक महान जगह है । अपने पहले होने के लिए सही विचार की तलाश करने के बजाय, वेबसाइट के लिए किसी भी और सभी विचारों या अवधारणाओं को फेंक दें। आप इसे बाद में हमेशा संकीर्ण कर सकते हैं।
कुछ वेबसाइटें मानक वेब इंटरफ़ेस के लिए कॉल कर सकती हैं, नेविगेशन (एक बटन बार) और सामग्री क्षेत्रों के साथ जहां उपयोगकर्ता अपेक्षा की अधिक संभावना रखते हैं। अन्य सामग्री को प्रस्तुत करने के लिए एक अद्वितीय अवधारणा की आवश्यकता हो सकती है।
अंत में, सामग्री डिजाइन ड्राइव करेगा। उदाहरण के लिए, एक समाचार साइट के पास फोटोग्राफर के वेब पोर्टफोलियो की तुलना में बहुत अलग दृष्टिकोण होगा
10 में से 03
तकनीकी आवश्यकताएं तय करें
वेबसाइट विकसित करने की प्रक्रिया में प्रारंभ में, परियोजना की तकनीकी आवश्यकताओं के संबंध में निर्णय लेने की आवश्यकता है। इस तरह के फैसले बजट, समय सीमा और कुछ मामलों में, साइट के समग्र अनुभव को प्रभावित करेंगे।
प्राथमिक निर्णयों में से एक यह है कि साइट की अंतर्निहित संरचना क्या होनी चाहिए, जो निर्धारित करेगा कि कौन सा सॉफ़्टवेयर उपयोग करना है और कौन सी प्रणाली साइट को "काम" बनाती है।
आपके विकल्पों में शामिल हैं:
- मूल HTML: एक मानक HTML साइट जिसमें प्रत्येक पृष्ठ मैन्युअल रूप से संपादित किया जाता है। यह विकसित करने के लिए अपेक्षाकृत तेज़ हो सकता है लेकिन कम लचीलापन और बहुत सारे रखरखाव छोड़ देता है। यह भी याद रखना महत्वपूर्ण है कि एचटीएमएल साइट अकेले HTML नहीं हैं और इसमें फ़ंक्शंस के लिए सीएसएस, जावास्क्रिप्ट और अन्य प्रोग्रामिंग भाषाएं शामिल हो सकती हैं।
- एक सामग्री प्रबंधन प्रणाली का उपयोग करें: एक सीएमएस का उपयोग आम तौर पर एक ग्राहक को नियमित सामग्री अपडेट करने की अनुमति देता है, जबकि डिजाइनर साइट के समग्र रूप और अनुभव को नियंत्रित करता है। कुछ सिस्टम स्क्रैच से विकसित किए जा सकते हैं और दूसरों को ग्राहक की जरूरतों के साथ खरीदा और तैयार किया जा सकता है। ब्लॉगर और वर्डप्रेस जैसे ऑनलाइन सिस्टम निःशुल्क हैं और इसमें मूल सीएमएस भी शामिल है।
10 में से 04
एक रूपरेखा लिखें
अब जब आपने आवश्यक जानकारी इकट्ठी की है और कुछ विचारों को समझ लिया है, तो यह सब अच्छा है कि इसे कागज पर नीचे ले जाएं।
किसी वेबसाइट की एक रूपरेखा में साइट पर शामिल होने के लिए प्रत्येक अनुभाग की एक सूची शामिल होनी चाहिए, जिसमें प्रत्येक पृष्ठ पर किस प्रकार की सामग्री दिखाई देगी। इसे साइट पर कौन सी सुविधाएं होंगी, जैसे कि उपयोगकर्ता खाते, टिप्पणी, सोशल नेटवर्किंग फ़ंक्शंस, वीडियो या न्यूज़लेटर साइन-अप के रूप में जितना संभव हो उतना विस्तार से वर्णन करना चाहिए।
परियोजना को व्यवस्थित करने में सहायता के अलावा, ग्राहक को वेबसाइट प्रस्ताव की रूपरेखा के साथ प्रस्तुत किया जाना चाहिए ताकि वे परियोजना जारी रखने से पहले इसे स्वीकृति दे सकें। यह उन्हें किसी भी वर्ग या सुविधाओं को जोड़ने, हटाने, या समायोजित करने की अनुमति देगा।
यह सब अंततः आपको बजट और समय सीमा विकसित करने और साइट बनाने में मदद करेगा। एक अनुमोदित रूपरेखा के आधार पर एक वेबसाइट प्रोजेक्ट के लिए कीमत पर सहमत होने से परियोजना में देर से अतिरिक्त फीस या राय के मतभेदों से बचने में मदद मिलेगी।
10 में से 05
वायरफ्रेम बनाएं
वायरफ्रेम वेबसाइट लेआउट की सरल रेखा रेखाचित्र हैं जो आपको (और क्लाइंट) रंग और प्रकार के बजाय तत्वों के प्लेसमेंट पर ध्यान केंद्रित करने की अनुमति देते हैं।
यह बेहद सहायक है क्योंकि यह निर्धारित करता है कि कौन सी सामग्री सबसे अधिक ध्यान केंद्रित करती है और उन तत्वों के लिए पृष्ठ पर उपयोग की जाने वाली जगह का प्रतिशत। अन्य दृश्य तत्वों से विचलित होने के बिना, अनुमोदित वायरफ्रेम आपके डिज़ाइन के लिए एक ढांचा प्रदान करते हैं।
कुछ परियोजनाओं के लिए, आप विभिन्न प्रकार की सामग्री के लिए उपयोग करने के लिए उपलब्ध वायरफ्रेम का संग्रह करने पर विचार कर सकते हैं। बहुत सारे टेक्स्ट वाले संपर्क, के बारे में, और अन्य पृष्ठों में गैलरी या शॉपिंग पेज की तुलना में एक अलग लेआउट हो सकता है।
यह महत्वपूर्ण है कि आप एक वायरफ्रेम से अगले तक संक्रमण के रूप में वेबसाइट पर एक समान रूप बनाए रखें।
10 में से 06
वेबसाइट डिजाइन करें
एक बार जब आप और आपका ग्राहक वायरफ्रेम से खुश हो जाएंगे, तो अब साइट को डिज़ाइन करना शुरू करने का समय है।
प्रारंभिक डिज़ाइन बनाने के लिए एडोब फोटोशॉप सबसे आम टूल है। साइट डिज़ाइन का फ़ोकस सामग्री प्रस्तुत करना चाहिए और इसका उपयोग वास्तविक वेब पेज बनाने के लिए किया जाएगा।
अभी के लिए, बस अपने क्लाइंट के लिए कुछ देखने और अनुमोदित करने के लिए मूल तत्वों के साथ डिज़ाइन और प्ले करें।
- जबकि चमकदार डिज़ाइन और एनीमेशन में उनकी जगह है, उन्हें उपयोगकर्ता को जो भी ढूंढ रहा है उसे सशक्त नहीं करना चाहिए।
- लगातार नेविगेशन आपके आगंतुकों को आपके सभी मुख्य सामग्री क्षेत्रों को ढूंढने में सहायता करेगा।
- प्रकार का साफ उपयोग (टेक्स्ट-संचालित साइट के मामले में) आगंतुकों को पढ़ने और वापस आने के लिए रखेंगे।
- साइट डिज़ाइन के लिए वास्तविक सामग्री होने से पहले, Lorem Ipsum टेक्स्ट आपके क्लाइंट को विचलित किए बिना रिक्त स्थान भरने में मदद करेगा।
10 में से 07
वेब पेजेस बनाएं
जब आपका डिज़ाइन स्वीकृत हो जाता है, तो पृष्ठों को HTML और CSS में लिखे गए वास्तविक वेब पृष्ठों में नकली से बदलना होगा।
अनुभवी डिजाइनर / डेवलपर्स सभी कोडिंग को चुनने का विकल्प चुन सकते हैं, जबकि वेब के डिज़ाइन पक्ष पर ध्यान केंद्रित करने वाला कोई व्यक्ति साइट पर जीवन लाने के लिए डेवलपर के साथ मिलकर काम कर सकता है। यदि ऐसा है, तो डेवलपर शुरुआत से शामिल होना चाहिए।
डेवलपर्स यह सुनिश्चित करने में मदद करेंगे कि डिज़ाइन एक यथार्थवादी और प्रभावी वेब लेआउट है। उन ग्राहकों के बारे में भी उनसे परामर्श लेना चाहिए जिनसे आप ग्राहक से वादा करते हैं क्योंकि कुछ साइट पर निष्पादित या लाभकारी नहीं हो सकते हैं।
एडोब ड्रीमवेवर जैसे सॉफ़्टवेयर एक डिज़ाइनर को एक काम करने वाले वेब पेज में ड्रैग-एंड-ड्रॉप फीचर्स, प्री-बिल्ट फ़ंक्शंस और लिंक और इमेज जोड़ने के बटन के साथ एक मॉकअप बदलने में मदद कर सकते हैं।
वेबसाइट निर्माण के लिए कई सॉफ्टवेयर विकल्प उपलब्ध हैं। उस व्यक्ति को चुनें जिसे आप काम करना पसंद करते हैं, बस सुनिश्चित करें कि वे आपको पृष्ठों के विवरण और कोडिंग में वास्तव में शामिल होने की अनुमति देते हैं।
10 में से 08
वेबसाइट का विकास
एक बार आपका लेआउट एचटीएमएल और सीएसएस में पूरा हो जाने के बाद, इसे आपके द्वारा चुने गए सिस्टम के साथ एकीकृत करने की आवश्यकता है। यह वह बिंदु है जहां यह एक कार्यशील वेबसाइट बन जाता है।
इसका मतलब हो सकता है कि एक सामग्री प्रबंधन प्रणाली द्वारा पढ़ा जाने वाला टेम्पलेट विकसित करना, वर्डप्रेस टेम्पलेट को बदलना, या ड्रीमवेवर का उपयोग करना और पृष्ठों और अधिक उन्नत वेब सुविधाओं के बीच लिंक बनाना। यह फिर से एक कदम है जिसे किसी अन्य सदस्य या टीम के सदस्यों को छोड़ दिया जा सकता है।
आपको एक वेबसाइट डोमेन नाम भी खरीदने की आवश्यकता होगी और एक होस्टिंग सेवा तैयार की जाएगी। यह ग्राहक के साथ आपकी चर्चाओं का हिस्सा होना चाहिए था और, वास्तव में, प्रक्रिया के शुरुआती चरणों में किया जाना चाहिए। कभी-कभी सेवाओं को सक्रिय होने में कुछ समय लग सकता है।
यह भी बहुत महत्वपूर्ण है कि आप या आपका डेवलपर वेबसाइट का पूरी तरह से परीक्षण करे। आप 'बड़ा खुलासा' नहीं करना चाहते हैं और ऐसे कार्य हैं जो सही काम नहीं करते हैं।
10 में से 09
वेबसाइट का प्रचार करें
अपनी वेबसाइट के साथ ऑनलाइन, इसे बढ़ावा देने का समय है। यदि लोग इसका दौरा नहीं करते हैं तो आपका अद्भुत डिजाइन अच्छा नहीं है।
किसी साइट पर ड्राइविंग यातायात में निम्न शामिल हो सकते हैं:
- खोज इंजन के लिए इसे अनुकूलित करना। एक एसईओ विशेषज्ञ को किराए पर लें यदि यह विशेषज्ञता का क्षेत्र नहीं है क्योंकि सर्वोत्तम प्रथाएं लगातार बदल रही हैं।
- नई सामग्री को हाइलाइट करने के लिए न्यूजलेटर भेजना। न्यूज़लेटर डिज़ाइन को ब्रांड मैसेजिंग को लगातार रखने के लिए वेबसाइट डिज़ाइन से संबंधित होना चाहिए।
- Google पर पीपीसी विज्ञापनों के साथ विज्ञापन या अन्य साइटों पर बैनर विज्ञापनों के साथ विज्ञापन।
- प्रिंट विज्ञापन और शब्द-मुंह जैसे अधिक पारंपरिक तरीकों।
10 में से 10
इसे ताजा रखें
लोगों को आपकी साइट पर वापस आने के सर्वोत्तम तरीकों में से एक है सामग्री को ताज़ा रखना। किसी भी साइट पर किए गए सभी कार्यों के साथ, आप नहीं चाहते हैं कि यह लॉन्च के महीनों के लिए समान रहे।
नई सामग्री, फोटो, वीडियो, या संगीत पोस्ट करना जारी रखें ... जो भी साइट पेश करने के लिए बनाई गई थी। एक साइट एक साइट को अद्यतन रखने का एक शानदार तरीका है, आपकी साइट से संबंधित किसी भी विषय पर किसी भी लंबाई की पोस्ट के साथ,
यदि आपका ग्राहक सीएमएस वेबसाइट के अपडेट अपडेट कर रहा है, तो आपको इसका इस्तेमाल करने के लिए उन्हें प्रशिक्षित करने की आवश्यकता हो सकती है। आपके द्वारा डिज़ाइन की गई वेबसाइट पर अपडेट करना नियमित आय प्राप्त करने का एक अच्छा तरीका है। सुनिश्चित करें कि आप और आपका ग्राहक आपके द्वारा किए गए किसी भी अद्यतन कार्य के लिए आवृत्ति और दरों पर सहमत हैं।