निर्दोष UX- डिजाइन के साथ 18 ई-कॉमर्स साइटें (और 3 बड़े नाम जो चूसते हैं)

यदि आप इस महीने की शुरुआत में हमारे UX लेख के लिए हमसे जुड़े, तो आपको पता चलेगा कि हमने आपकी वेबसाइट के लिए 25 आवश्यक UX डिज़ाइन तत्वों पर चर्चा की है.


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

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

हमारे पिछले UX डिजाइन लेख में 25 मूल बातें खत्म होने के बाद, आइए एक नजर डालते हैं कि यह कैसे काम करता है। विशेष रूप से, हम ई-कॉमर्स वेबसाइटों के UX डिज़ाइन को देख रहे हैं.

कैसे ये वेबसाइट अपने आगंतुकों को खरीदने के लिए प्रोत्साहित करने के लिए चतुर यूएक्स डिजाइन ट्रिक्स का उपयोग करती हैं?

1. जैसा कि

मैं असोस के उदाहरण का बहुत उपयोग करता हूं, लेकिन उसके लिए एक अच्छा कारण है। उनका यूएक्स डिजाइन शानदार है.

यह सब एक नॉक-आउट मूल्य प्रस्ताव के साथ शुरू होता है। महान छवि, सरल व्याख्याता, delivery मुफ्त वितरण ’की गारंटी, और स्पष्ट कॉल टू एक्शन जो आपको पुरुषों या महिलाओं के अनुभाग में ले जाता है।.

asos2

उनके स्टैंडआउट UX फीचर्स में से एक वीडियो कैटवॉक है, जिससे दर्शक वास्तव में देख सकते हैं कि आउटफिट कैसा दिखता है। यह ग्राहकों को वस्तुओं का सर्वोत्तम संभव दृश्य देता है, और उन्हें खरीदने का विश्वास दिलाता है.

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

ASOS

2. ज़ारा

ज़ारा की वेबसाइट सादगी में एक मास्टरक्लास है। स्वच्छ, सहज और सीमित। यह एक ode है हिक का नियम: एक डिजाइन सिद्धांत जो नेविगेशन विकल्प को सीमित करता है और उपयोगकर्ता को स्पष्ट लेकिन प्रतिबंधित विकल्प देता है.

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

ज़रा

3. अबोफ़

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

abof

अपनी कहानियों और लेखों के भीतर, वे तब एक प्रमुख खंड में कपड़ों को उजागर करते हैं जिसे ‘कहानी की दुकान’ कहा जाता है। हमारे पिछले यूएक्स लेख में, हमने आपके दर्शकों के साथ संबंध बनाने के महत्व के बारे में बात की थी। एबोफ यह पूरी तरह से संबंधित कहानियों और सामग्री के साथ करता है.

abof २

केवल एक बार ग्राहक प्रेरित होने के बाद वे कुछ बेचने की कोशिश करते हैं.

अपने उत्पाद पृष्ठ पर, उनके पास उपयोगी tips स्टाइल टिप्स ’नोट हैं, जो page माइक्रो-इंटरेक्शन’ के आदर्श उदाहरण हैं – छोटे डली जो आपके दर्शकों तक पहुंचते हैं और उन्हें संलग्न करते हैं.

abof ३

ध्यान दें कि ग्राहकों को उनका सटीक माप सही पाने में मदद करने के लिए उनके पास एक ‘साइज गाइड’ भी है (कपड़ों की फिटिंग सही नहीं होने का सबसे बड़ा कारण हम शॉपिंग कार्ट छोड़ देते हैं)। वे ग्राहकों को और भी अधिक जानकारी देने के लिए एक ‘अनुमानित वितरण’ अनुभाग का उपयोग करते हैं.

4. बरगौस

बर्गहॉस एक आउटडोर कपड़ों का ब्रांड है, लेकिन आपको पता होगा कि उनकी साइट पर उतरने के पहले सेकंड के भीतर.

Berghaus

यह एक ऐसा ब्रांड है जो अपने लक्षित दर्शकों को गहनता से समझता है, और जितनी जल्दी हो सके उनके साथ जुड़ना सुनिश्चित करता है। पहला नायक शॉट एक प्रेरणादायक निमंत्रण है। यह समुदाय से जुड़ता है और आपको लुभाता है.

केवल नकारात्मक पक्ष? एक मजबूत कॉल-टू-एक्शन वास्तव में इस सौदे को सील कर देगा.

5. सेब

आप ऐसी कंपनी की अपेक्षा करते हैं जो UX डिज़ाइन को उत्कृष्ट बनाने के लिए अपने दिल में डिज़ाइन और नवीनता लाती है, और वे करते हैं। एक शुरुआत के लिए उनके उत्पाद पृष्ठ देखें.

वे उपयोग करते हैं लंबन स्क्रॉलिंग छवियों को गतिशील बनाने के लिए, उपयोगकर्ता को अंदर खींचना और किसी भी निकास बिंदु को समाप्त करना। आप Apple की दुनिया में डूब गए हैं.

स्क्रीन शॉट 2016-07-28 सुबह 8.43 बजे

चालाक एनिमेशन आपको दिखाता है कि नए 3D टच की तरह उत्पाद कैसे काम करते हैं। स्क्रॉलिंग दीर्घाएँ आपको बातचीत करने और तलाशने के लिए आमंत्रित करती हैं, और चतुर प्रतिलिपि आपको बताती है कि नया iPhone आपके जीवन को कैसे बेहतर बनाएगा (इसके बजाय सुविधाओं की लंबी सूची में).

उनका नेविगेशन सरल और साफ है, और मैं विकल्पों को और अलग करने के लिए छवियों का उपयोग करना पसंद करता हूं (हम वेब को स्कैन करते हैं, इसलिए शब्दों को एक दूसरे में सम्मिश्रित करने की आदत है)

सेब २

चेकआउट प्रक्रिया के दौरान, वे आपको खरीदते समय किसी विशेषज्ञ से चैट करने का विकल्प देते हैं। यह एक सरल लेकिन उपयोगी चाल है। यह पंक्ति में कुछ मदद करता है, लेकिन आश्वस्त खरीदारों को अपने क्रेडिट कार्ड से बाहर निकलने से रोकता नहीं है.

6. बेलरॉय

अपेक्षाकृत नए ई-कॉमर्स विक्रेता के रूप में, आपका पहला कार्य ग्राहकों को दिखा रहा है कि आप अन्य सभी के लिए कैसे भिन्न हैं। बेलरॉय पूरी तरह से स्लिमलाइन, कॉम्पैक्ट पर्स की अपनी सीमा के साथ ऐसा करते हैं.

बेलरॉय ३

बेहतर अभी तक, अपने उत्पाद पृष्ठों पर, हर एक वॉलेट का अपना वीडियो है, जो ग्राहकों को सभी विशिष्ट विशेषताओं को दिखाता है.

बेलरॉय 4

7. रनवे किराए पर लें

रेंट द रनवे की एक बहुत ही अनूठी अवधारणा है: आप इसे खरीदने के बजाय कुछ दिनों के लिए एक पोशाक या पोशाक उधार लेते हैं। यह उन शादियों या आयोजनों के लिए बहुत अच्छा है, जहाँ आप उस पोशाक के लिए खोलना नहीं चाहते, जिसे आप फिर कभी नहीं पहन सकते.

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

रनवे का किराया

अपने वितरण कैलेंडर के लिए अतिरिक्त चिह्न भी, जिससे ग्राहकों को यह पता चल सके कि संगठन कब आएगा और कब लौटाया जाना चाहिए.

रनवे का किराया २

इतना सरल, लेकिन इतना आश्वस्त.

8. अमेज़ॅन

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

अपने चतुर बंडलों से लेकर ग्राहकों की सिफारिशों तक, वे अपने उपयोगकर्ताओं की जरूरतों का अनुमान लगाते हैं और वितरित करते हैं। हालाँकि, यह उनकी एक-क्लिक आदेश प्रणाली है जिसे हम आज उजागर कर रहे हैं.

वीरांगना

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

9. बजरी

एक छवि जो आपको वह सब कुछ बताती है जो आपको जानना आवश्यक है। एक व्यक्तित्व के साथ रिकॉर्डिंग और डिजाइन। नए उपयोगकर्ताओं के लिए तत्काल छूट, और एक बड़ा, साहसिक कॉल-टू-एक्शन.

धीरे से छूना

यह यूएक्स डिजाइन में एक सरल मास्टरक्लास है.

10. टॉपशॉप

जब UX डिज़ाइन की बात आती है, तो बहुत सारे उत्पाद बेचने वाली दुकानों में बहुत कठिन काम होता है। आप हर अलग जोड़ी को कैसे व्यवस्थित करते हैं और उन्हें प्रस्तुत करते हैं?

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

टॉप्सशॉप २

यहां तक ​​कि कूलर, हर उत्पाद अपने माउस के साथ घूमने पर उन्हें पहने हुए मॉडल की तस्वीर पर स्विच करता है। यह बातचीत को प्रोत्साहित करता है और ग्राहकों को वस्तुओं पर बेहतर नज़र देता है.

11. विरोध

प्रोटेस्ट में वेब पर सबसे बड़ा, सबसे तेज़ नेविगेशन हो सकता है.

पी

यह स्पष्ट, संक्षिप्त और अप्रयुक्त है। इससे ग्राहक के भटकने की संभावना भी कम हो जाती है। नीला रंग ग्राहक का ध्यान वहीं रखता है जहाँ वे चाहते हैं.

प्रोटेस्ट अपनी साइट पर एक टन छोटे एनिमेशन का भी उपयोग करता है। जब आप इस पर स्क्रॉल करते हैं तो हर एक ट्रिगर करता है। यह ग्राहक का ध्यान बनाए रखता है, बातचीत को प्रोत्साहित करता है और पूरी साइट को गतिशील बनाता है.

12. नया रूप

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

नया रूप २

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

नया रुप

13. पेंसिल, 53 द्वारा

यदि आप लगभग $ 60 पर एक स्टाइलस पेन बेचने जा रहे हैं, तो आपको वास्तव में इसे बेचना होगा! सौभाग्य से, ’पेंसिल’, 53 द्वारा एक उत्कृष्ट कार्य है, जिसमें कई यूएक्स डिजाइन ट्रिक्स हैं.

वे सभी सुविधाओं की व्याख्या करने के लिए एक लंबा, लंबन स्क्रॉलिंग पेज का उपयोग करते हैं और आपको दिखाते हैं कि आप इसके साथ क्या कर सकते हैं.

पेंसिल २

वे यह समझाने के लिए महान समीक्षा करते हैं कि वे अन्य विकल्पों की तुलना में इतने बेहतर क्यों हैं। Ired वायर्ड ’के उद्धरण का उपयोग करना उत्पाद को विश्वसनीयता देने और उसके लाभ को रेखांकित करने के लिए एक शानदार चाल है.

पेंसिल

14. खेती

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

खेत

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

15. सिड मैशबर्न

बस एक और महान ड्रॉप डाउन मेनू, छोटे माउस के साथ पूरा करें। यह एक सरल ट्रिक है जो हमें एक व्यापक मेनू की समझ बनाने में मदद करती है। साथ ही, यह वेबसाइट को थोड़ा और व्यक्तित्व देता है.

माउस

16. धीमी घड़ियाँ

यह सिर्फ एक हाथ से एक घड़ी है। यह एक बहुत ही अनोखी अवधारणा है, इसलिए इसमें कुछ व्याख्या है! स्लो वॉचेस एक पूर्ण स्क्रीन व्याख्याता वीडियो के साथ वास्तव में अच्छा करता है.

धीमी घड़ियाँ

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

17. फायरबॉक्स

जब आपके आइटम सामान्य श्रेणियों में फिट नहीं होंगे, तो रचनात्मक बनें! फायरबॉक्स असामान्य उपहार और अपरिवर्तनीय वस्तुओं में माहिर है। उनका शीर्ष 50 चार्ट उनके सबसे लोकप्रिय उत्पादों का पता लगाने का सही तरीका है.

इमेजिस

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

चूँकि वे उपहारों के विशेषज्ञ होते हैं, उनके पास अपने नेव बार पर एक er गिफ्ट फाइंडर ’होता है, जो विकल्पों को छोटा करने का एक शानदार तरीका है.

18. आलसी ओफ

ऑनलाइन शॉपिंग अक्सर काफी समान लगती है, और कई एक पत्रिका या कैटलॉग के माध्यम से फ्लशिंग की पुरानी प्रक्रिया को याद करेंगे.

Lazy Oaf अपने कूल ’लुकबुक’ सेक्शन के साथ इसे वापस लाता है। एक बार में एक कपडे को बिछाने के बजाय, वे एक ही बार में विभिन्न संयोजनों में संगठनों को दिखाते हैं। आखिरकार, वे एक कैटलॉग में कैसे दिखते थे.

आलसी ओफ़

छवियों पर क्लिक करें और आपको शो में तीन वस्तुओं में से प्रत्येक को चुनने के लिए एक the त्वरित खरीद ’बॉक्स मिलता है। यह खरीदारी करने के लिए एक अधिक पुराना स्कूल और इमर्सिव तरीका है.

क्या नहीं कर सकते है!

हम अन्य वेबसाइटों को टुकड़ों में चीरना पसंद नहीं करते हैं, लेकिन कुछ बड़े नाम हैं जो इसे गलत साबित कर रहे हैं … यहां एक या दो सबसे खराब अपराधी हैं.

1. हाउस ऑफ फ्रेजर

वे दुनिया के सबसे बड़े डिपार्टमेंट स्टोर में से एक हैं, लेकिन जैसे ही आप उनकी वेबसाइट को लोड करते हैं, वे एक बड़ी गलती कर देते हैं.

सीधे आप एक पूर्ण पृष्ठ पॉप-अप के साथ हिट करते हैं जो आपको उनके न्यूज़लेटर की सदस्यता लेने के लिए कहते हैं.

फ्रेजर का घंटा

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

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

2. वाल मार्ट

वाल मार्ट के सामने कड़ी चुनौती है। वे सब कुछ बहुत बेचते हैं, तो आप इसे वर्गीकृत करने और इसे सरल बनाने के बारे में कैसे जाते हैं? खैर, मुझे यकीन नहीं है … लेकिन ऐसा नहीं है …

वालमार्ट

दुर्भाग्य से, यह केवल श्रेणियों का एक गड़बड़ है, जिसे आप ढूंढ रहे हैं, यह लगभग असंभव है.

यहाँ बस बहुत अधिक जानकारी चल रही है। जब आप अपने उपयोगकर्ताओं को बहुत अधिक विकल्पों के साथ प्रस्तुत करते हैं, तो वे अक्सर बस घबरा जाते हैं और छोड़ देते हैं.

3. रे-बैन

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

हालांकि, वे कुछ ऐसा करते हैं जो बहुत सारे ई-कॉमर्स साइटें करते हैं जो वास्तव में ग्राहकों को परेशान करते हैं। इस:

रे बेन

आपने शायद इस तरह एक पृष्ठ को सौ बार देखा है। यह इतना बुरा नहीं लगता है, लेकिन यह वास्तव में बिक्री के लिए एक और अवरोध पैदा करता है.

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

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

इस बिंदु पर, आपके ग्राहक को उनकी गाड़ी और खरीद प्रक्रिया से पूरी तरह से काट दिया गया है। इसे बाहर न निकालें, बस बिक्री को बंद कर दें!

ग्रेट UX डिजाइन सभी छोटे tweaks के बारे में है जो आपके ग्राहकों के लिए चीजों को आसान बनाते हैं। ये 18 वेबसाइट इसे पूरी तरह से करती हैं.

आप अपनी वेबसाइट पर किन सुविधाओं का उपयोग कर रहे हैं?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map