एक ऑनलाइन स्टोर का डिजाइन बेचना। भाग 1. विश्लेषिकी

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

यह पहला लेख है। उनमें से 3 होंगे।

प्रविष्टि

आज, अधिक से अधिक लोग ऑनलाइन स्टोर में खरीदारी कर रहे हैं। इस तरह की खरीद का प्रतिशत हर साल बढ़ रहा है और गति पकड़ रहा है। रूस में, 22 मिलियन लोग ऑनलाइन खरीदते हैं (डेटा इनसाइट 2013 के अनुसार)। अब लगभग सब कुछ इंटरनेट पर खरीदा जा सकता है, और सभी सामान जो हम अब के लिए बाजारों और सुपरमार्केट में जाते थे, अब हम अपने घरों को छोड़ने के बिना पा सकते हैं और खरीद सकते हैं। ऑनलाइन स्टोर का पैमाना बहुत अलग है, दुनिया के प्रमुख नेताओं जैसे कि अमेज़ॅन, ईबे, अलीबाबा, आदि से, जहां आप उत्पाद समूहों की एक विस्तृत विविधता पा सकते हैं, छोटे विषयगत स्टोरों में।

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

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

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

इस मामले में, वह नियमित ग्राहक बनने की अत्यधिक संभावना है। और अब हमारे पास एक संतुष्ट ग्राहक है जो परिचितों और दोस्तों के साथ एक अच्छे ऑनलाइन स्टोर के बारे में अपनी राय साझा करेगा जो भी आएंगे और खरीदारी करेंगे। यह केवल सेवा को अपने सबसे अच्छे रूप में बनाए रखने, अनुकूल परिस्थितियों की पेशकश करने और ग्राहक निष्ठा विकसित करने के लिए बनी हुई है। खरीद से संतुष्ट अधिक से अधिक नियमित ग्राहक होंगे, और बिक्री और मुनाफे में वृद्धि होगी। और यहाँ वह है, लंबे समय से प्रतीक्षित सफलता!

ऑनलाइन स्टोर के लिए डिज़ाइन इतना महत्वपूर्ण क्यों है?

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

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

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

अंजीर। 1. एक अच्छा डिजाइन के साथ ऑनलाइन स्टोर के उदाहरण: goodlife.com, flipkart.com, beauty.com।

एक ऑनलाइन स्टोर के लिए एक सफल डिज़ाइन क्या होना चाहिए?

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

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

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

अंजीर। 2. अच्छे डिजाइन के अधिक उदाहरण, zappos.com, 2modern.com, tmlewin.co.uk







एक डिजाइन बनाने के मुख्य चरणों पर विचार करें, साथ ही साथ इसके व्यक्तिगत तत्व भी।

अनुसंधान और विश्लेषण

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

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

डिजाइन विपणन

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

AIDA। मार्केटिंग में, AIDA जैसा एक मॉडल है। यह निम्नानुसार है: ध्यान, रुचि, इच्छा, क्रिया (ध्यान, रुचि, इच्छा, क्रिया)। इसका सिद्धांत उन घटनाओं का सामान्य क्रम है जो तब हो सकती हैं जब कोई उपभोक्ता विज्ञापन के साथ और हमारे मामले में, साइट के पृष्ठों पर सामग्री के साथ बातचीत करता है। इस प्रणाली का उपयोग करके, हम "4 चरणों में बेच सकते हैं"।

AIDA व्यावसायिक तर्क है जिसे हम डिजाइन करते समय उपयोग करने की सलाह देते हैं। इस मॉडल को पूरी साइट पर एक पूरे के रूप में और इसके अलग-अलग पृष्ठों पर लागू किया जा सकता है। इनमें से प्रत्येक पृष्ठ का अपना लक्ष्य हो सकता है, जिसे प्राप्त करने के लिए आप एआईडीयू का उपयोग कर सकते हैं।

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

अंजीर। 3. एक उत्पाद पृष्ठ के उदाहरण पर IIDA कैसे काम करता है



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

प्रयोज्य

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

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

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

अंजीर। 4. परामर्श के लिए एक परिदृश्य का एक उदाहरण



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

अंजीर। 5. यात्रा का नक्शा उदाहरण



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

डिज़ाइन

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

क्यों डिजाइन? कई अभी भी डिजाइन के बिना डिजाइन करना शुरू कर रहे हैं, यह बहुत, बहुत गलत है, यह हमेशा अंतहीन परिवर्तन की ओर जाता है और कभी भी सफलता की ओर नहीं ले जाएगा। आइए डिजाइनिंग और प्रोटोटाइप के मुख्य कार्यों को देखें।

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

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

अंजीर। 6. किबेट ऑनलाइन स्टोर के मुख्य पृष्ठ का प्रोटोटाइप



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

अंजीर। 7. एक ही Kibet, लेकिन पहले से ही डिजाइन में

रूप, रंग योजना

वास्तव में अच्छा स्टोर डिज़ाइन वह है जो बहुत ध्यान देने योग्य नहीं है। “अच्छा डिजाइन तुरंत दिखाई देता है। महान डिजाइन अदृश्य है, “जो स्पारानो ने इसे रखा। उत्पादों को देखने, जानकारी का अध्ययन करने, खरीदारी करने से उपयोगकर्ता का ध्यान भंग नहीं करना चाहिए। लेकिन एक ही समय में, डिजाइन को उपयोगकर्ता को सही भावनाओं का कारण बनना चाहिए जो उसे खरीद के लिए तैयार करेगा। ये सिक्के के दो पहलू हैं जो संघर्ष का कारण बनते हैं: डिज़ाइन को अदृश्य कैसे बनाया जाए, लेकिन भावनात्मक? नीचे हम इस प्रश्न का उत्तर देने का प्रयास करेंगे। बहुत बार, कई लोग ऑनलाइन स्टोर के डिजाइन में सुंदर चित्र, एनिमेशन और अन्य "घंटियाँ और सीटी" बनाने की गलती करते हैं, लेकिन हमारा उद्देश्य क्या है? हम ग्राहकों के लिए डिज़ाइन करते हैं, और ग्राहक के लिए नहीं, यह याद रखें। और, चूंकि यह एक ऑनलाइन स्टोर है जहां वे सामान बेचते हैं (और वे यहां सबसे महत्वपूर्ण चीज हैं),फिर हमें उन्हें अग्रभूमि में रखने की जरूरत है, और समग्र चित्र के अलावा और पूरा होने के रूप में डिजाइन को पृष्ठभूमि में रहने दें।

अंजीर। 7. उदाहरण, infibeam.com, alibaba.com





Colors। रंग एक व्यक्ति में भावनाओं और संघों को उकसाते हैं, और यह बहुत महत्वपूर्ण है कि, किसी साइट पर, किसी व्यक्ति में भावनाएं सही हैं। यह कुछ भी नहीं है कि बाजार के पूरे विभाग राजनीतिक दलों के लिए कॉर्पोरेट रंग बनाने के लिए संघर्ष कर रहे हैं, रंग का मनोविज्ञान बहुत महत्वपूर्ण मुद्दा है जब यह बहुत सारे लोगों के लिए आता है।

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

अंजीर। 8. जाने-माने ऑनलाइन स्टोर्स की कलर स्कीमों के उदाहरण: ebay.com, amazon.com, bigbrownbox.com.au







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

अंजीर। 9. पैटर्न और पृष्ठभूमि छवियों का उपयोग करने के उदाहरण, hushbabies.com, ballarddesigns.com





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

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

लेखक की घोषणाएँ:

ई-कॉमर्स पाठ्यक्रम। जल्द ही, हमारा डिजिटोव बिजनेस स्कूल लेख के लेखकों से व्यावहारिक पाठ्यक्रम लॉन्च करेगा : गंभीर साइटें डिजाइन करना , ऑनलाइन स्टोर के लिए मार्केटिंग और ऑनलाइन स्टोर बनाने के बारे में सब कुछ । पाठ्यक्रम के लिए साइन अप करें और छूट प्राप्त करें!

ईकॉमर्स बुक।हम ऑनलाइन स्टोर के निर्माण और प्रचार पर एक किताब लिख रहे हैं। जो लोग एक अनुरोध छोड़ सकते हैं और पुस्तक की पहली प्रतियां प्राप्त कर सकते हैं। ऐसा करने के लिए, ई-कॉमर्स पुस्तक "ई-कॉमर्स बुक" विषय के साथ ई- मेल भेजें: info@seclgroup.ru और पुस्तक के प्रकाशन के तुरंत बाद हम विस्तृत जानकारी भेजेंगे।

नए लेख। दूसरों की तुलना में पहले हमारे नए लेख प्राप्त करने के लिए या बस नए प्रकाशनों को याद नहीं करने के लिए, SECL समूह के प्रशंसक पृष्ठों की सदस्यता लें: Facebook , VK , और Twitter, या Digitov प्रशंसक पृष्ठों पर, जहां प्रशिक्षण सामग्री और ईवेंट पोस्ट किए जाएंगे, जिनमें मुफ्त वाले शामिल हैं: Facebook , VK , और ट्विटर ।

मूल लेख: http://seclgroup.ru/article_prodayushchiy_dizayn_internet-magazina_analitika_1.html

लेखक:

सर्गेई याकोवेन्को, वरिष्ठ डिज़ाइनर, SECL ग्रुप (इंटरनेट सेल्स टेक्नोलॉजीस
निकिता सेमेनोव ( फेसबुक , वीके , लिंक्डइन ), सीईओ, एसईसीएल ग्रुप "/" इंटरनेट सेल्स टेक्नोलॉजीज "