एक पूरे के रूप में विश्लेषिकी और डिजाइन

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

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

इस लेख में हम डिजाइन की तैयारी के चरणों और साइट के दृश्य घटक के साथ काम करने के सामान्य सिद्धांतों के बारे में बात करेंगे।

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

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

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

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

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

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

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

अंतहीन नियमों और सिद्धांतों के साथ वेब डिज़ाइन साहित्य का खजाना है। वास्तव में, यह सभी विशिष्ट साइट और कार्य पर निर्भर करता है, लेकिन कई सामान्य नियम हैं:

1. विपरीत का सिद्धांत

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

2. जोर का सिद्धांत

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

3. तत्वों की एकरूपता और पुनरावृत्ति का सिद्धांत

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

4. मॉड्यूलर ग्रिड पर संरेखण

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

5. सूचना की धारणा में आसानी का सिद्धांत

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

एक व्यक्ति, इसके अलावा, एक आलसी प्राणी है, और बहुत अधिक पाठ्य जानकारी किसी भी उपयोगकर्ता को भ्रमित कर सकती है। एक ही पाठ प्रस्तुत करने के दो तरीकों की तुलना करें:





यह उदाहरण स्पष्ट रूप से दिखाता है कि टेक्स्ट लेआउट धारणा को कैसे प्रभावित करता है। किसी कारण से, हमारे लिए पाठ को दूसरे मामले में पढ़ना आसान हो जाता है, हालांकि पाठ और इसकी मात्रा दोनों वहाँ और वहाँ एक ही हैं।

बेशक, उन साइटों पर जो इंटरनेट बोनस लेते हैं और सभी केपीआई रिकॉर्ड तोड़ते हैं, आप इन सभी सिद्धांतों का उल्लंघन देख सकते हैं, लेकिन यह वह जगह है जहां प्रगति निहित है। डिजाइनर लगातार डिजिटल में नए रुझानों पर नज़र रखता है और विभिन्न समाधानों के साथ प्रयोग करता है।

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