क्या सब पैसा हो सकता है? तीन मिलियन प्रयोज्य साइट ऑडिट

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



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

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

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

वैश्विक मुद्दे

सबसे पहले, संपूर्ण साइट से संबंधित समस्याओं पर एक संपूर्ण विचार करें।

समस्या

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

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

अनुशंसा

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

समस्या

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

अनुशंसा

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

मरम्मत लागत कैलकुलेटर (चरण 2: डिजाइन चयन)

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

समस्या

इंटरफ़ेस के नेविगेशन तत्वों के लिए डिज़ाइन शैलियों का गलत अनुप्रयोग।

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

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

अनुशंसा

अपने कार्यों के अनुरूप शैली में पहला स्विच डिज़ाइन करें: प्रगति बार। साइट पर अन्य स्विचर की शैली के लिए मूल्य स्विचर लाओ।

समस्या

क्या चित्र के ऊपर स्विच और चित्र में बिंदु समान हैं, या वे अलग-अलग कार्य करते हैं?

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

अनुशंसा

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

समस्या

यह स्पष्ट नहीं है कि उपयोगकर्ता प्रति वर्ग मीटर मरम्मत की लागत के लिए वास्तव में क्या प्राप्त करेगा। इंटरफ़ेस में जोर लागत पर सटीक रूप से बनाया गया है, और यह बाजार के लिए औसत से अधिक है, जबकि इस कीमत का कारण उचित नहीं है।

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

कई सवाल उठते हैं:

• अंदरूनी के उदाहरण वास्तविक प्रस्ताव हैं (मुझे इस तरह की मरम्मत प्राप्त होगी और साइट पर प्रस्तुत किए गए लोगों में से चुनना होगा) या ये केवल उदाहरण हैं (देखें कि यह कैसे हो सकता है)?
• क्या इंटीरियर में प्रस्तुत फर्नीचर को मरम्मत की लागत में शामिल किया गया है या उदाहरण के रूप में प्रदर्शित किया गया है?
• 20 के लिए मरम्मत से भी बदतर 15 हजार के लिए मरम्मत? क्या 25 हजार के लिए उदाहरणों के समान मरम्मत प्राप्त करना संभव है, लेकिन 15 के लिए?

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

अनुशंसा

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

मरम्मत की लागत की गणना करने की प्रक्रिया में रुकावट के विकल्प को छोड़ दें (उदाहरण के लिए, "काम की सामग्री और चरण"), उदाहरण के लिए, पॉप-अप में सामग्री को खोलकर।

मरम्मत लागत कैलकुलेटर (चरण 3: उन्नत विकल्प)

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

अनुशंसा

प्रस्तुत वस्तुओं के महत्व की समीक्षा करें। औसत उपयोगकर्ता के लिए समझ में आने वाले विवरणों और चित्रों को जोड़कर प्रस्तावित वस्तुओं में से प्रत्येक की पर्याप्त डिग्री सुनिश्चित करें।

समस्या

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

अनुशंसा

मरम्मत की अनुमानित लागत के लिए एक स्पष्ट तर्क जोड़ें। परियोजना के प्रमुख विचार के बारे में एक बार फिर याद दिलाने के लिए: "सभी समावेशी"। आवेदन पत्र के साथ बातचीत करने के लिए पर्याप्त प्रेरणा प्रदान करें।

पृष्ठ प्रौद्योगिकी और सामग्री

समस्या

"प्रौद्योगिकी और सामग्री" पृष्ठों की सामग्री मरम्मत कैलकुलेटर में लागत औचित्य का हिस्सा है, लेकिन इसे अलग-अलग पृष्ठों के रूप में लागू किया जाता है, जो कैलकुलेटर के तर्क को तोड़ता है और प्रस्ताव की अखंडता का उल्लंघन करता है।

अनुशंसा

एकल इंटरफ़ेस के भीतर मरम्मत कैलकुलेटर और सामग्रियों को मिलाएं।

समस्या

“ये सभी बैंक किस बारे में बात कर रहे हैं? वे सस्ते / अधिक महंगे मरम्मत विकल्पों में डिब्बे से कैसे भिन्न होते हैं? क्या मुझे उनके साथ कुछ करने की ज़रूरत है? चुनें?

पृष्ठ की सामग्री को उपयोगकर्ता से उच्च स्तर की विशेषज्ञता की आवश्यकता होती है। यह माना जाता है कि वह सेवाओं के एक विशेष पैकेज की पसंद पर निर्णय लेने के लिए परिष्करण सामग्री में पारंगत है। कुछ सामग्री (उदाहरण के लिए: फर्श या दरवाजों के लिए विकल्प) चुनने के लिए काफी सरल हैं, लेकिन चूंकि उन्हें कम समझ में आने वाली सामग्रियों (उदाहरण के लिए, मिट्टी या पोटीन के कुछ नाम) के साथ एकल "शीट" द्वारा दर्शाया जाता है, स्पष्ट बिंदु उपयोगकर्ता द्वारा किसी का ध्यान नहीं जाता है।


“हम्म, क्या मैं यहाँ कुछ चुन सकता हूँ? क्या वह सब या और विकल्प हैं? केवल तीन ग्रे टाइल्स? और मुझे पीला चाहिए! ”

अनुशंसा

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

समस्या

मूल्य स्विचिंग की पेशकश की गई सामग्रियों की श्रेणी में परिवर्तन होता है। इसी समय, उपयोगकर्ता के पास कई वाक्यों की तुलना करने और महत्वपूर्ण अंतर को समझने का एक सरल अवसर नहीं है।

अनुशंसा

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

चैनल पृष्ठ और मुख्य "चैनल" पर ब्लॉक करें

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

समस्या

साइट के साथ बातचीत करते समय, यह स्पष्ट नहीं है कि टेलीविजन पर चैनल वास्तव में क्या है। यदि उपयोगकर्ता ने पहले इस टीवी चैनल के साथ बातचीत नहीं की है, तो वह यह नहीं समझेगा कि कंपनी का एक टीवी चैनल है, और इंटरनेट के लिए अधिक क्लासिक YouTube चैनल नहीं है।

अनुशंसा

यह स्थिति अधिक स्पष्ट है कि कंपनी का अपना टेलीविजन चैनल है और इसके साथ बातचीत करने का तरीका समझाता है।

समस्या

वर्तमान प्रसारण दृश्य को ठीक से नहीं पढ़ा जा रहा है। ऐसा लगता है कि ये बाईं ओर प्रस्तुत वीडियो के कुछ हिस्सों के एंकर लिंक हैं। लेकिन सूची पर क्लिक करने से कोई प्रभाव नहीं पड़ता है। कुछ काम नहीं कर रहा है?

अनुशंसा

प्रसारण कार्यक्रम की प्रस्तुति को बदलें, इंटरफ़ेस की झूठी व्याख्याओं को समाप्त करना।

समस्या

कार्यक्रम का सदस्य बनने के लिए अदम्य पेशकश करें। उपयोगकर्ता अभी तक यह नहीं समझ पाया है कि किस प्रकार का टेलीविजन चैनल विचाराधीन है।

अनुशंसा

टीवी चैनल की प्रस्तुति की दिशा में पहली स्क्रीन की प्रस्तुति को स्वयं बदलें और उसके बाद ही फिल्मांकन में भाग लेने की पेशकश करें।

हमारा काम पृष्ठ

पूर्ण मरम्मत का पोर्टफोलियो कंपनी में आत्मविश्वास बढ़ाने के मुख्य तरीकों में से एक है।

समस्या

"हमारे काम" पृष्ठ पर काम के उदाहरणों पर कोई ध्यान नहीं है। पृष्ठ अतिरेक इंटरफ़ेस तत्वों के साथ अतिभारित है, सबसे महत्वपूर्ण ध्यान देना: फ़ोटो और वीडियो।

अनुशंसा

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

सभी सेवाएँ पृष्ठ

"ऑल सर्विसेज" पेज की सामग्री एक नई भूमिका में कंपनी की सेवाओं को दिखाती है: यह अब "मरम्मत - सभी समावेशी" नहीं है, लेकिन डेस के कुछ प्रकार की सेवाएं हैं।

समस्या

जटिल मरम्मत सेवाएं "टर्नकी मरम्मत", "किसी न किसी मरम्मत" और अन्य घरेलू मरम्मत सेवाओं के साथ स्थित हैं: "विंडो मिल्स", "एयर कंडीशनर", "वीडियो डोरफ़ोन" और बहुत कुछ।

विभिन्न स्तरों और संस्करणों की सेवाएं बिना किसी सिस्टमैटाइजेशन के स्थित हैं। ऐसा प्लेसमेंट, एक ओर, सूची के साथ बातचीत करना और सही खोज करना मुश्किल बना सकता है, और दूसरी ओर, स्वयं सेवा के बारे में एक गलत विचार पैदा करता है: "हम्म, वे क्या करते हैं?"

अनुशंसा

लक्ष्य दर्शकों के लिए समझ में आने वाले संकेतों में से एक के अनुसार सेवाओं का विभाजन करें, लेकिन साथ ही साथ सेवा के विचार की किसी अन्य व्याख्या से बचें।

समस्या

सेवाओं के अस्पष्ट नाम (उदाहरण के लिए, "विंडो सेल", "वीडियो इंटरकॉम", "इंस्टॉलेशन") प्रस्ताव के सार का एक सटीक विचार नहीं बनाते हैं और इसमें उच्च स्तर की भागीदारी की आवश्यकता होती है।

अनुशंसा

सेवा का सही सार बताने के लिए सेवाओं को इस तरह से नाम दें: "टर्नकी समाधान"

एक विशिष्ट सेवा के पृष्ठ (उदाहरण के लिए, एक एयर कंडीशनर की स्थापना)

समस्या

इस तरह से अधिकांश उपयोगकर्ता पहली स्क्रीन देखते हैं। "हमने बाजार का अध्ययन किया है - स्वतंत्र रूप से साँस लें" एक सार्थक मूल्य प्रस्ताव नहीं बनाता है।

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

अनुशंसा

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

इस सबका क्या मतलब है?

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

ऐसा क्यों हो रहा है? यह पैसे बचाने और घर का सारा काम करने की कोशिश है? ठेकेदार चुनने में गलती? या सिर्फ अलग प्राथमिकताएं? आपको क्या लगता है?

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

ps 2 यह सामग्री पहले मेरे द्वारा vc.ru पर प्रकाशित की गई थी और अब, WD-40 के लिए धन्यवाद , यह हैबर पर उपलब्ध है। WD-40 का शुक्रिया