उत्पाद चेहरा दिखाओ

इस लेख में, cplaza.ru के मुख्य पृष्ठ को फिर से डिज़ाइन करने के उदाहरण पर, मैं वेबसाइट विकास के सिद्धांतों में से एक के बारे में बात करूँगा: "उत्पाद का चेहरा दिखाओ"।

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

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

प्रविष्टि

Cplaza एक ऑनलाइन स्टोर है जो Apple उपकरणों की बिक्री करता है। वह अक्सर Habré पर विज्ञापित था, इसलिए, मुझे लगता है, कई लोग उसे जानते हैं।

उनके सभी विज्ञापन बैनर का मुख्य संदेश हमेशा कुछ ऐसा रहा है: "हमारे पास Apple उपकरण अविश्वसनीय रूप से कम कीमत पर हैं।" लेकिन, साइट के मुख्य पृष्ठ पर बैनर के माध्यम से जाकर, आगंतुक ने कुछ भी देखा, लेकिन विज्ञापन में उल्लेख नहीं किया गया था।

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

चलो मुख्य पृष्ठ को फिर से शुरू करने की कोशिश करते हैं और "उत्पाद चेहरे" के सिद्धांत का पालन करते हैं, इस पर इस ऑनलाइन स्टोर की खूबियों को दर्शाते हैं।

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

मौजूदा मुख्य के साथ क्या गलत है

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

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

मैंने कैप्शन में टिप्पणियों का हिस्सा बुरी सलाह की मदद से साइट के स्क्रीनशॉट में व्यक्त किया। वे कुछ हद तक अम्लीय थे, लेकिन त्रुटियों के एक सरल विश्लेषण के रूप में सूखा नहीं। :)

टोपी

एक टोपी में, बल्कि, trifles पर सभी नाइट-पिकिंग।

फोन किसी कारण से गैर-मानक तरीके से टूट गया है, जिसके अंत में तीन समान अंक दिखाई देते हैं। ऐसी चाल (और वास्तव में एक सुंदर फोन) टैक्सियों, पिज़्ज़ेरिया, सहायता सेवाओं और अन्य संस्थानों के लिए प्रासंगिक हो सकती है जिनके फोन की अक्सर आवश्यकता होती है, लेकिन यह हमेशा नोटबुक में दर्ज नहीं किया जाता है।



इस स्टोर के मामले में, मैं शायद ही ऐसी स्थिति की कल्पना कर सकता हूं जब कोई व्यक्ति बिना किसी कारण के अचानक निर्णय लेता है: “ओह! मुझे तत्काल एक आईमैक खरीदने की ज़रूरत है! ”- और, साइट पर जाए बिना, तुरंत स्टोर को कॉल करने का फैसला किया।

इसी समय, संख्याओं के समूहों में फोन के गैर-मानक टूटने से इसकी अल्पकालिक अल्पकालिक याददाश्त बिगड़ती है, स्क्रीन से डायल करने के लिए उपयोगी (ठीक है, मैं पहले से ही trifles पर चुन रहा हूं)। इसके अलावा, उन्होंने बहुत ही व्यर्थ फोन को एक तस्वीर बना दिया, क्योंकि सभी प्रकार के डायलर (स्काइप प्लगइन्स, कम्युनिकेटर ब्राउज़र) स्वचालित रूप से इसे पहचान नहीं पाएंगे।

किसी कारण से, ऑपरेटिंग समय को लोगो के नीचे छोटे प्रिंट में स्थानांतरित किया गया है, हालांकि इसमें फोन के नीचे जगह है, क्योंकि इसकी आवश्यकता केवल तब होती है जब आप स्टोर को कॉल करने का निर्णय लेते हैं और सोचते हैं कि क्या यह अभी भी काम करता है।



टोकरी को इतना छोटा बनाया गया था कि आपको इसके अंजीर मिल जाएंगे। इसके आगे कुछ प्रकार के "आस्थगित" ब्लॉक को रखा गया था, जो मुझे यकीन है, इस संदर्भ में काम नहीं करता है।



टोकरी में कौन से उत्पाद हैं, केवल उसमें जाने से मिल सकता है - यह "उत्पाद द्वारा व्यक्ति" के सिद्धांत के उल्लंघन की किस्मों में से एक है, जो अक्सर दुकानों में पाया जाता है।

खोज भी मुश्किल से ध्यान देने योग्य फ्रेम द्वारा बनाई गई है। उसे खोजने के लिए उपयोगकर्ता को चौकस रहना चाहिए।

किसी कारण के लिए मुख्य मेनू एक ग्रे पृष्ठभूमि पर फीका है और इसमें मुख्य के लिए कम रुचि वाले आइटम शामिल हैं।

उत्पाद सूची →

श्रेणियों की सूची एक लंबी, आकारहीन फुटक्लॉथ द्वारा बनाई गई है, जो केवल परिश्रम, परिस्थितियों का एक अच्छा संयोजन या Ctrl / ⌘ + F के माध्यम से किसी चीज में पाई जा सकती है।

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

पंजीकरण ब्लॉक

कई स्क्रॉल स्क्रीन के लिए पृष्ठ के निचले भाग पर पंजीकरण छिपा हुआ है। तथ्य यह है कि यह बिल्कुल जरूरी नहीं है एक अलग मुद्दा है ।

परिचय

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

समाचार

यह स्टॉक के साथ एक और ब्लॉक है, लेकिन इस बार एक सफेद और छोटे आकार में ग्रे में। उन्हें कौन पढ़ेगा यह स्पष्ट नहीं है।

नए आइटम

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



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

शेयरों

नए उत्पादों के नक्शेकदम पर काबू पाने वालों को पुरस्कार मिलता है - शेयरों के साथ एक और ब्लॉक ("वर्तमान" और "समाचार")। बेशक, केवल बहुत संक्षारक आगंतुक उन तक पहुंचेंगे। लेकिन उन्हें कुछ और उपयोगी क्यों नहीं दिखाया गया?

ग्राहक समीक्षा

शेयरों के ब्लॉक के पास समीक्षाओं का एक ब्लॉक है। आदेशों से पत्राचार इसमें प्रसारित किया जाता है। क्यों - मुझे समझ नहीं आता। यदि समीक्षा सकारात्मक है - यह एक धोखाधड़ी लगती है, यदि नकारात्मक - तो यह केवल खरीदारों को डराता है।

बेस्टसेलर

बेतरतीब ढंग से चुने गए उत्पादों से एक और फुटक्लॉथ। केवल सबसे मेहनती उसे मिलेगा, और वह उन्हें क्या उपयोगी जानकारी देगा यह स्पष्ट नहीं है।







आप कमियों को सूचीबद्ध करना जारी रख सकते हैं, लेकिन आलोचना करना एक साधारण मामला है। तो चलिए आगे बढ़ते हैं कि कैसे सब कुछ सुधारा जा सकता है।

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

मुख्य में प्रवेश करने के संभावित तरीके

उन कुछ तरीकों पर विचार करें जिनसे उपयोगकर्ता मुख्य पृष्ठ पर पहुंच सकता है। वह वहां क्या पाने की उम्मीद कर सकता है, और उसके लिए क्या अच्छा होगा।

यहाँ मैं देख रहा हूँ मुख्य परिदृश्य हैं:

1. पहली बार मैं साइट पर गया था (विज्ञापन, एक दोस्त से लिंक);
2. एक बार देखने के लिए नियमित रूप से आता है;
3. खरीददार लौटना;
4. एक दोस्त के लिए एक उपहार के लिए खोज;
5. कुछ विशिष्ट की खोज करते समय खोज इंजन से जाना ।

प्रत्येक परिदृश्य पर अधिक विस्तार से विचार करें।

पहली बार मैं साइट पर गया था

पहली बार एक आगंतुक एक सामान्य प्रकृति के बैनर, प्रासंगिक विज्ञापन (उदाहरण के लिए, "ऐप्पल" शब्द) पर क्लिक करके या किसी मित्र से एक लिंक प्राप्त करके जिज्ञासा से मुख्य एक को प्राप्त कर सकता है। या वह कुछ विशिष्ट खरीदना चाह सकता है, और यही कारण है कि बैनर ने उसे रुचि दी।

इस परिदृश्य को इस तथ्य की विशेषता है कि हमें उपयोगकर्ता के बारे में अभी तक कुछ भी नहीं पता है, सिवाय इसके कि वह शायद Apple तकनीक में रुचि रखता है और इसे खरीदने के मामले में पैसे बचाने का विरोध नहीं करता है।

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

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

इसलिए, इस मामले में, कीमतों के साथ एक संकुचित कैटलॉग, सुंदर सबसे लाभप्रद प्रस्तावों के साथ संयुक्त, सबसे उपयुक्त है।

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

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

निष्क्रिय जिज्ञासा

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

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

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

इसके अलावा, अगर iMacs अब सामान्य से कम कीमत पर बिक्री पर हैं - हम उन्हें विशेष ऑफ़र ब्लॉक में दिखा सकते हैं, क्योंकि यह उन्हें खरीदने के लिए प्रेरित कर सकता है (यह एक विशेष ऑफ़र नहीं हो सकता है, लेकिन सितारे बस एक साथ आए हैं)।

आप उसे iMacs के लिए सभी प्रकार की सिफारिशों के ब्लॉक में भी दिखा सकते हैं, यदि वह पिछली यात्रा के बाद से पहले ही कहीं और iMac खरीदने में कामयाब रहा है।

लौटने वाला खरीदार

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

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

उपहार खोज

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

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

खोज इंजन में कुछ विशिष्ट के लिए खोजें

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

ब्लॉक

परिणामस्वरूप, वर्णित परिदृश्यों पर यथासंभव कार्य करने वाले उपयोगकर्ताओं की रुचि जगाने के लिए, निम्नलिखित ब्लॉकों की आवश्यकता होगी:

1. एक सरल और समझ में आने वाली रेटिंग जो आपको यह समझने की अनुमति देती है कि आगंतुक कहाँ गया और उस उत्पाद को ढूंढे जो उसे रुचिकर लगे;
2. सबसे अच्छा प्रस्ताव;
3. उन उपयोगकर्ताओं के लिए सिफारिशों का एक ब्लॉक जिनके बारे में पहले से ही यात्राओं के इतिहास से कुछ जाना जाता है;
4. "शेयरों" और "विशेष प्रस्तावों" के ब्लॉक एक सामान्य लुभाने के रूप में और पदोन्नत माल को बढ़ावा देने के लिए एक तरीका है;
5. टोकरी (जहां इसके बिना);

प्रत्येक ब्लॉक में हम एक विजयी प्रकाश में, सामान का चेहरा दिखाने की कोशिश करेंगे।

Apple प्रौद्योगिकी कैटलॉग

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



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

सबसे अच्छा सौदा

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



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

सिफारिशें

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



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

प्रचार और विशेष प्रस्ताव

पदोन्नति के ब्लॉक में, आप पदोन्नत उत्पादों या सिर्फ दिलचस्प नई वस्तुओं को दिखा सकते हैं।



ब्लॉक अनुकूली है। यह 1 से 6 विज्ञापनों तक समायोजित कर सकता है। अधिक घोषणाएं - उनमें से प्रत्येक के लिए कम जगह आवंटित की जाती है, और अधिक संक्षिप्त जानकारी इसमें होनी चाहिए।

ब्लॉक ऊंचाई में या तो बड़ा या छोटा हो सकता है। इस ब्लॉक के आकार के आधार पर क्लिक आंकड़ों में अंतर देखना बहुत दिलचस्प होगा।



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

खरीदारी की टोकरी

जबकि टोकरी की जरूरत नहीं है - यह छिपा हुआ है। लेकिन जैसे ही इसमें माल दिखाई देता है, यह स्क्रीन के शीर्ष पर एक प्रमुख स्थान रखता है।



यदि एक लाइन में फिट होने से अधिक माल हो, तो यह कई के लिए फैला है।

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

यह संभव होगा कि इसे बस स्क्रीन के ऊपरी किनारे (स्थिति: स्थिर) से चिपका दिया जाए, लेकिन मैं इस तरह के समाधान के बारे में सुनिश्चित नहीं हूं - यह बहुत अधिक घुसपैठ हो सकता है।

तहखाना

तहखाने में, सभी संपर्क जानकारी और प्रश्नों के उत्तर जो मुख्य को देखने के बाद उत्पन्न हो सकते हैं, संक्षेप में एकत्र किए जाते हैं।



इसमें एक "ब्लॉग" खंड भी है, जहाँ आप "कैसे मैकबुक प्रो को साफ करें" जैसे उपयोगी लेख लिख सकते हैं, साथ ही साथ एसईओ ग्रंथों के थोक, अगर उन्हें अस्वीकार करना असंभव है।

परिणाम

मुख्य पृष्ठ cplaza.ru के रीडिज़ाइन के परिणामस्वरूप, हमें यह लेआउट मिला:


परिणामी पृष्ठ "एप्पल तकनीक अविश्वसनीय रूप से कम कीमतों पर" नारे से मिलता है और, इसे दर्ज करने पर, उपयोगकर्ता तुरंत समझ जाएगा कि वह कहां गया है और वह आसानी से उस उत्पाद को पा सकता है जिसमें वह रुचि रखता है।

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

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

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

UPD: प्रतिक्रियाओं का जवाब

अब मैं एचटीसी से स्मार्टफोन कैसे जल्दी पा सकता हूं

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

क्या यह एक व्यायाम या एक पूर्ण परियोजना है?

मैंने इस लेख को "उत्पाद चेहरे" के सिद्धांत के बारे में बात करने के लिए लिखा था। मैंने एक उदाहरण के रूप में cplaza.ru लिया, क्योंकि मैं समय-समय पर इसे स्वयं देखता हूं।

स्वाभाविक रूप से, अगर हम मुकाबला डिज़ाइन के बारे में बात कर रहे थे, तो धारणाएँ एक लक्जरी बहुत महंगी होंगी, और आँकड़े, फ़ील्ड अवलोकन और ग्राहक के अनुभव से लिए गए अन्य वास्तविक डेटा के परिणाम इसके बजाय काम करेंगे।

सच यह नहीं है कि ग्राहक तब मुझे इस तरह के डेटा को Habré पर साझा करने की अनुमति देंगे। :)

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

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

वह इतना ध्यान क्यों दे रहा है, इतना उज्ज्वल क्यों है?

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

टोकरी में उत्पाद क्यों दिखाएं?

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

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

टोकरी और कुल राशि में कीमतों को क्यों नहीं दिखाया गया है

समय से पहले खरीदार को शर्मिंदा नहीं करने के लिए। यदि साधारण सुपरमार्केट में ट्रॉली स्वचालित रूप से खरीद राशि की गणना करती है, तो बिक्री घट जाएगी।

टोकरी पूरी स्क्रीन पर कब्जा कर लेगी

यहां तक ​​कि अगर आप स्टोर में 10 विभिन्न उत्पादों को खरीदने का फैसला करते हैं, तो टोकरी 2 लाइनों से अधिक नहीं बढ़ेगी। यदि आप अधिक खरीदना चाहते हैं - मुझे लगता है कि तब एक व्यक्तिगत प्रबंधक को आपको कॉल करना चाहिए और आपको एक लिमोसिन भेजने की पेशकश करनी चाहिए। :)

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

मैं देखूंगा कि मैंने बहुत ज्यादा रन बनाए

ऐसी सनसनी से बचने के लिए, कीमतें और खरीद की कुल राशि टोकरी में नहीं दिखाई जाती हैं।