2019 में ईकॉमर्स वेबसाइट रिडिजाइन के लिए आपको क्या जानना चाहिए

क्या इस वर्ष आप अपनी ईकॉमर्स वेबसाइट को फिर से डिज़ाइन करने जा रहे हैं? यदि आपके पास कुछ साल हो गए हैं, तो आपको यह जानना होगा कि बहुत कुछ बदल गया है।

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

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

होमपेज पर लंबे वीडियो से बचें

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

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

क्यूं कर? उपयोगकर्ता यात्रा के इस स्तर पर, उनका ध्यान कम है। उपयोगकर्ताओं को साइट को पूरी तरह से छोड़ने और उछालने की अधिक संभावना है, कुछ अज्ञात देखने के लिए समय नहीं।

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

उत्पाद को कार्रवाई में दिखाने के लिए Prynt साइट एक छोटे ऑटो-प्ले वीडियो का उपयोग करती है। ध्वनि के साथ पूरी चीज़ देखने का एक विकल्प भी है।

अपने मुखपृष्ठ को अतिरिक्त सामग्री से न भरें

यदि आपने अपने मुखपृष्ठ पर उपयोगकर्ताओं को प्राप्त करने में कठिन विपणन कार्य किया है और आपने अपने स्टोर के लिए आकर्षक पिच बनाई है, तो आगे क्या होगा? बहुत कुछ है जो आप उन्हें अपनी कंपनी के बारे में बता सकते हैं तो अब मौका है?

सावधान रहे। जितनी देर आप अपना लैंडिंग पृष्ठ बनाते हैं, उतने अधिक समय तक आप उपयोगकर्ता को स्विच ऑफ करने या भ्रमित होने का जोखिम उठाते हैं। जब तक उपयोगकर्ता आराम से स्क्रॉल करते हैं, वे जल्द ही रोक देंगे यदि सामग्री सीधे उनके कार्य से संबंधित नहीं है।

जब भी आप डिजाइन करते हैं, 'के नियम से चिपके रहते हैंएक पृष्ठ, एक उद्देश्य'। इस पृष्ठ का उद्देश्य यह है कि आप क्या बेचते हैं, और उन उत्पादों को देखने के लिए उपयोगकर्ता प्राप्त करें।

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

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

अपने फ़िल्टर आसानी से सुलभ बनाएं

जब आपके पास बहुत सारे उत्पाद होते हैं, तो उपयोगकर्ताओं को यह जानने के लिए फ़िल्टर आवश्यक होते हैं कि उन्हें क्या चाहिए। ई-कॉमर्स साइटों का विशाल बहुमत (लगभग) उन लोगों का 90% मैंने अध्ययन किया है) मोबाइल पर एक ओवरले में उनके फिल्टर हैं। यह समझ में आता है जब बहुत जगह उपलब्ध नहीं है, लेकिन इसका मतलब यह है कि उपयोगकर्ताओं को वास्तव में उन्हें देखने की बहुत संभावना नहीं है।

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

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

ईकॉमर्स रिडिजाइन - मेसी के फ़िल्टर विकल्प
मेसी की साइट बटन के रूप में कुछ फ़िल्टर विकल्प पृष्ठ में लाती है। Burberry पृष्ठ पर दिखाई देने वाली फ़िल्टर श्रेणियां बनाता है।

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

बड़ी छवियों के लिए अपनी लिस्टिंग को फिर से डिज़ाइन करें

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

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

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

Airbnb की बड़ी छवियां हैं जिन्हें (बाएं) स्क्रॉल किया जा सकता है। ज़ारा (दाएं) के पास उनकी लिस्टिंग पर पूर्ण स्क्रीन चौड़ाई की छवियां हैं।

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

बटन के रूप में उत्पाद विकल्प प्रदर्शित करें

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

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

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

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

जब आकार चयन की बात आती है तो डिफ़ॉल्ट आकार नहीं होना सबसे अच्छा है। यदि उपयोगकर्ता हैं तो वे जो चाहते हैं उसके बजाय डिफ़ॉल्ट जोड़ना समाप्त कर सकते हैं। इससे आपको बहुत सारे रिटर्न और निराश ग्राहक मिल सकते हैं।

शेयर बटन बाहर छोड़ दें

फेसबुक, ट्विटर, Pinterest, Instagram, लिंक्डइन, स्नैपचैट। आपके उपयोगकर्ता संभवत: इनमें से एक या एक से अधिक हैंग करते हैं सामाजिक नेटवर्क। तो क्या आपको उन्हें अपने उत्पाद विवरण पृष्ठों पर साझाकरण बटन देना चाहिए?

कई ईकॉमर्स साइटें अभी भी उन छोटे आइकन को इस उम्मीद में पेश करती हैं कि यह लोगों को वेब के चारों ओर अपने माल को बढ़ावा देने के लिए प्रोत्साहित करेगा। दुर्भाग्य से, वे लगभग निश्चित रूप से समय की बर्बादी कर रहे हैं।

कोई भी उन्हें क्लिक नहीं करता है। वास्तव में 0.2% लोग करते हैं, एक अध्ययन के अनुसार। इसके अलावा, यह कोड के स्निपेट की तरह लग सकता है लेकिन यह बहुत सारे अतिरिक्त सामान के साथ आता है जो आपके पृष्ठ की गति को धीमा कर देता है।

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

भुगतान पर्स एकीकृत करें

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

ईकॉमर्स रिडिजाइन - अमेजन पे इंटीग्रेशन
तमारा मेलन (बाएं) के पास अपनी टोकरी और चेकआउट में Apple Pay, PayPal और Amazon Pay का विकल्प है। गुच्ची 'ऐड टू बैग' नोटिफिकेशन से पेपाल पर कूदने की क्षमता प्रदान करते हैं।

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

उपयोग में आसानी से अधिक उपयोगकर्ताओं को आपके साथ चेकआउट पूरा करने के लिए प्रोत्साहित करना चाहिए। एक सुरक्षा लाभ भी है क्योंकि उपयोगकर्ता संभवतः मध्यस्थ के रूप में एक बटुए के साथ सुरक्षित महसूस करेंगे यदि उन्होंने आपके ब्रांड के बारे में पहले नहीं सुना है।

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

उपयोगकर्ताओं को इकट्ठा करने की अनुमति दें

ईकॉमर्स वेबसाइटों की बढ़ती संख्या उपयोगकर्ताओं को अपने ऑर्डर को इकट्ठा करने की बजाय इसे वितरित करने की क्षमता प्रदान करती है। यह उन उपयोगकर्ताओं के लिए अच्छा है जो बहुत बार घर पर नहीं होते हैं और अपने काम के स्थान पर डिलीवरी प्राप्त नहीं कर सकते हैं। इस विकल्प को देने से केवल उन उपयोगकर्ताओं की संख्या बढ़ेगी जो आपसे खरीद सकते हैं।

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

ASOS चेकआउट से विंडो पर क्लिक करें और कलेक्ट करें, जिससे यूजर को यह पता चल सके कि किस डिलीवरी स्टोर को अपनी डिलीवरी भेजनी है।

अधिक जटिल दृष्टिकोण आपके लिए साइट पर प्रत्येक उत्पाद विवरण पृष्ठ में इकट्ठा करने के विकल्प को एकीकृत करना है। अगर आपके पास यह समझ में आता है ईंटों और मोर्टार भंडार क्योंकि यह विशिष्ट दुकानों में स्टॉक की जाँच की अनुमति देता है।

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

अधिक ईकॉमर्स सलाह

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

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