👌🏽 🔅 🚀 वेबसाइट डिजाइन क्या है और इसे क्यों किया जाना चाहिए ✊🏼 🙋🏾 👩‍👩‍👦

डिजाइन - यह, शायद, वेबसाइट के निर्माण में एक महत्वपूर्ण चरण, हमें निम्नलिखित सवालों के जवाब देता है:

हमारे लक्ष्य क्या हैं - हम एक वेबसाइट क्यों बनाते हैं? हम अपने लक्ष्यों को कैसे प्राप्त करेंगे?
साइट कैसे दिखेगी और काम करेगी?

डिजाइन के लाभों के बारे में

डिजाइनिंग साइट को बहुत कुछ देती है:

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

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

अपवाद, शायद, कम लागत वाली साइटें हैं - 5-15 हजार रूबल के बजट के साथ - जहां डिजाइन लाभहीन हो जाता है, अफसोस।

वेबसाइट कैसे डिजाइन करें

डिजाइन को चार मुख्य भागों में विभाजित किया जा सकता है:

लक्ष्य निर्धारण
प्रसंग अध्ययन
संकल्पना निर्माण
सिमुलेशन।

लक्ष्य निर्धारण

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

भविष्य में, वे परियोजना की सफलता का मूल्यांकन करने में भी मदद करते हैं ।

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

प्रसंग अध्ययन

जानकारी प्राप्त करने के लिए अनुसंधान आवश्यक है, जिसे हम साइट का संदर्भ कहेंगे। संदर्भ से, हम एक साइट के आसपास की विभिन्न परिस्थितियों को समझते हैं और यह इसके संचालन को प्रभावित कर सकता है। इन परिस्थितियों में शामिल हैं:

दर्शकों और उसकी जरूरतों को लक्षित करें,
क्षेत्र की विशेषताएं और रुझान,
प्रतियोगियों और उनकी गतिविधियों,
अन्य परियोजनाओं का अनुभव,
विधायी या अन्य प्रतिबंध
परियोजना के विषय के आधार पर प्रभाव के अन्य कारक।

संदर्भ अनुसंधान के लाभ

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

इसके अलावा, अनुसंधान परियोजना टीम को विषय में डुबाता है, आपको अवचेतन स्तर पर भी कहीं न कहीं सही निर्णय देखने / बनाने की अनुमति देता है।

बेशक, सबसे अच्छा, अध्ययन दर्शकों को समझने में मदद करता है:

उसके साथ संवाद कैसे करें: उसके साथ एक "वार्तालाप" में क्या शब्दों का उपयोग करें, अपने उत्पाद या सेवा का नाम कैसे दें (शायद आपको पेशेवर स्लैंग, या इसके विपरीत, जानबूझकर सरलीकृत शब्दावली का उपयोग करने की आवश्यकता है), क्या उसे "आप" या "आप" का संदर्भ दें ।
उसकी जरूरतें क्या हैं : प्राथमिकता क्या है, वैकल्पिक क्या है, लेकिन वांछनीय है, जो किसी भी मामले में नहीं किया जा सकता है।

डाटा कहां से लाएं

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

शोध के लिए, मैं आपको दो तरीकों का उपयोग करने की सलाह देता हूं, जो बिना किसी अपवाद के हमने सभी परियोजनाओं पर खुद को सर्वश्रेष्ठ साबित किया है:

उपलब्ध स्रोतों का एक अध्ययन - साहित्य, इंटरनेट संसाधन और इतने पर।
प्रमुख अभिनेताओं के साथ साक्षात्कार - उपयोगकर्ता, विशेषज्ञ।

मैं टिप्पणियों का पूर्वाभास करता हूं: वे कहते हैं कि स्वतंत्र अनुसंधान पेशेवर विपणन अनुसंधान के बगल में नहीं खड़ा था - इसलिए समय और संसाधनों को बर्बाद क्यों करें? इसके कई कारण हैं:

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

मैं अपने अनुभव से कह सकता हूं: अनुसंधान ने हमेशा किसी भी परियोजना में हमारी मदद की है।

एक वेबसाइट अवधारणा बनाना

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

क्या और किसके लिए हम करते हैं - एक सामान्य विचार और लक्षित दर्शक;
साइट कैसे काम करेगी और इसमें क्या जानकारी है;
साइट कैसे अर्जित करेगी (यदि यह प्रत्यक्ष मुद्रीकरण के साथ एक परियोजना है);
साइट की विशिष्ट विशेषताएं (प्रतियोगियों से) क्या होंगी, इसे कैसे तैनात किया जाएगा;
लॉन्च के बाद साइट कैसे विकसित होगी।

अवधारणा डिजाइन के लिए दिशा निर्धारित करती है और दृष्टि के समान मदद करती है, एक बार फिर से परियोजना पर दृष्टिकोण के बिंदुओं को डॉक करती है - हमारा और क्लाइंट।

वेबसाइट मॉडलिंग

मॉडलिंग एक साइट मॉडल का निर्माण है जो कार्यक्षमता और सूचना संरचना का वर्णन करता है।

मॉडल का कार्यात्मक हिस्सा

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

सूचना संरचना

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

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

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

हम आमतौर पर ऐसी योजनाएं मन के नक्शे के रूप में बनाते हैं - यह बहुत सुविधाजनक है, मुझे कहना होगा।

सारांश

हमेशा की तरह, संक्षिप्त निष्कर्ष:

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

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

यदि यह लेख आपके लिए उपयोगी लगता है, तो टिप्पणी में लिखें कि आप किस डिज़ाइन के बारे में अधिक जानना चाहते हैं।

वेबसाइट डिजाइन क्या है और इसे क्यों किया जाना चाहिए