विचार से लेआउट तक का रास्ता। उत्पाद अवधारणा के बारे में सोचना

मैं यह लेख समुद्र तट पर, संगीतकार ब्रायन क्रेन के संगीत पर, मास्को कार्यालय से दूर लिख रहा हूँ जहाँ नई परियोजनाओं पर काम चल रहा है। छुट्टी पर, मेरे पास अपना अनुभव साझा करने के लिए थोड़ा समय था।

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

मैंने कई नियम बनाए जो मुझे एक प्रस्ताव से एक उत्पाद बनाने में मदद करते हैं, जिसमें दर्जनों लेआउट्स के साथ एक फ़ोल्डर, व्यवसाय मॉडल और उत्पाद की उपयोगकर्ता-कहानी का वर्णन है।

1. एक अवधारणा पर निर्णय लें

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

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

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

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

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

स्वतंत्र उत्पादों में आत्मनिर्भरता होनी चाहिए। आपको यह समझने की आवश्यकता है कि उत्पाद कैसे लाभदायक होगा। एक भी निवेशक एक ऐसे उत्पाद में निवेश नहीं करेगा जिसमें लाभप्रदता का कोई मौका नहीं है। आजकल, सॉफ्टवेयर उत्पादों के पास विमुद्रीकरण करने के कई सामान्य तरीके हैं:

1. मध्यस्थता

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

2. विज्ञापन

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

3. सॉफ्टवेयर उत्पाद का कार्यान्वयन

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

4. उत्पाद सदस्यता

इंटरनेट क्षेत्र में मुद्रीकरण करने का एक अच्छा तरीका है। यह विधि अनिवार्य रूप से बिक्री के लिए एक प्रतिस्थापन है, लेकिन साथ ही यह एक स्थिर आय प्राप्त करने का अवसर प्रदान करती है।

5. वस्तुओं या सेवाओं में व्यापार

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

6. आभासी सेवाएं

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

2. जानकारी जुटाएं

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

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

1. एक साक्षात्कार का संचालन करें

शायद आपके द्वारा किए गए व्यवसाय के बारे में जानकारी प्राप्त करने का यह सबसे आसान तरीका है।

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

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

2. खुद को उपभोक्ता के जूते में रखो

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

3. समान उत्पादों का अन्वेषण करें

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

4. उत्पाद हैंडलिंग मामलों को इकट्ठा करें

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

3. पेंसिल स्केच बनाएं

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

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

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

4. बड़े स्ट्रोक लागू करें।

दूसरा चरण ब्लॉक आरेख में इंगित प्रत्येक स्क्रीन पर काम करना है। लेकिन विवरण में जाने की कोई जरूरत नहीं है। इस स्तर पर, यह तय करना महत्वपूर्ण है कि स्क्रीन पर कौन से कार्यात्मक ब्लॉक होंगे। ब्लॉक में तत्वों को आकर्षित न करें। आप बहुत समय बिताएंगे जो त्याग किया जा सकता है।

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

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

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

इस समस्या को दो तरीकों से हल किया जा सकता है - सरलीकृत और विस्तृत।

1. सरलीकृत तरीका है

बस पाठ के साथ सूची दें कि कौन से तत्व ब्लॉक के अंदर होने चाहिए।

उदाहरण के लिए, आइए ऑनलाइन स्टोर के पृष्ठ को देखें, श्रेणी "एसएलआर कैमरा" है। प्रस्तावों में से किसी एक के ब्लॉक में निम्नलिखित तत्व शामिल होने चाहिए:

• कीमत;
• उत्पाद का संक्षिप्त विवरण (मूल पैरामीटर);
• तस्वीर;
तुलना करने के लिए उत्पादों को जोड़ना;
• गाड़ी में जोड़ें।

2. विस्तृत विधि

बताएं कि प्रोटोटाइप में इस ब्लॉक के ब्लॉक और आउटलाइन तत्वों में क्या तत्व होंगे।

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

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

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

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

आउटपुट पर आपको मिलना चाहिए:
• ब्लॉक के साथ प्रोटोटाइप;
• इन ब्लॉकों या विस्तृत प्रोटोटाइप में तत्वों की सूची;
• उपयोगकर्ता के जोड़तोड़ के आधार पर इंटरफ़ेस के व्यवहार का एक संक्षिप्त विवरण;
• अतिरिक्त विनिर्देश (टेबल, फ़्लोचार्ट)।

5. छोटे भागों पर काम करें।

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

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

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

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

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

पाठ एक अलग विषय है, यह स्क्रीन के सार को जल्दी से समझने में मदद करता है।

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

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

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

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

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

ग्राहक को एक प्रस्तुति दें

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

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

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

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

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

लेख में कलाकारों द्वारा चित्रों का इस्तेमाल किया गया:
पॉल माथे - अपने स्टूडियो में फेलिसियन रोप्स
अलोइस हेनरिक प्रिचेनफ्राइड - डेर कनैसेसेर
माइकल एंजेलो - ला कैपेला सिस्टिना कारिन
वेल्स - ग्वेनिया
नॉर्मन रॉकवेल - गीले कैनवास के साथ चलने वाली लड़की