👨‍❤️‍👨 😅 🛏️ डिजाइनर के बिना उत्पाद डिजाइन 👨🏼‍⚖️ 🈴 🌲

मैं 3 साल से कोरस कंसल्टिंग सीआईएस में काम कर रहा हूं और इस दौरान मैंने उन्नीस बी 2 बी सेवाओं के डिजाइन में भाग लिया। इंटरेक्शन डिज़ाइन आमतौर पर एक्सुर, इनविज़न, मॉक्प्स, फ्रामर, (अपना पसंदीदा विकल्प डालें) के साथ जुड़ा हुआ है, लेकिन मेरे टूल HTML, SCSS और AngularJ हैं। मैं आपको बताऊंगा कि HTML टेम्पलेट्स को बचाने का सामान्य अभ्यास कैसे पूर्ण लेआउट के पंचांगों में विकसित हुआ है, और कला निर्देशक के नेतृत्व में टाइपसेटर्स के एक समूह ने छह साल के लिए सभी कोरस परामर्श सीआईएस उत्पादों के इंटरफेस के साथ बातचीत को कैसे डिज़ाइन किया है।

और इसने काम क्यों किया।

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

फोटोशॉप को रिजेक्ट कर दिया

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

इसलिए, जब 2011 में एक डिजाइनर के कौशल के साथ एक कोडर कंपनी में दिखाई दिया, तो विकास से पहले उसे केवल अंतिम चरणों में अनुमति दी गई थी।

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

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

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

लेआउट आपको अलग-अलग घटकों को सहेजने की अनुमति देता है ताकि अगली बार उन पर समय बर्बाद न हो, और ऐसे घटकों के साथ पहला HTML पृष्ठ नीचे दिखाया गया है:

यह AngularJs पर भविष्य की किट के भंडार के लिए पहली ईंट बन गया। सबसे पहले, हमारे इलेक्ट्रॉनिक दस्तावेज़ प्रबंधन सेवा के मुद्रित रूप और अलग-अलग पृष्ठ (इसके बाद कूरियर के रूप में संदर्भित) को इसमें जोड़ा गया था।

जब रिपॉजिटरी बढ़ी, और इसमें बहुत अधिक लेआउट थे, तो इसे यूआईआईटी और लोगो पर बिल्ली का बच्चा कहा गया:

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

और कल्पना करें, अगर पहले डिजाइनर ने ग्राफिक लेआउट को फिर से तैयार किया, और लेआउट डिजाइनर ने फिर शैलियों को बदल दिया? दो कार्य - एक समाधान: UIKIT में पहले से ही लेआउट।

उन्हें "बुरा" करने से कैसे रोकें?

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

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

"हमने बीईएम के समान कुछ किया, लेकिन बीईएम नहीं, और इस तरह सभी परियोजनाओं में लेआउट के एकीकरण के लिए गया"

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

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

“मोर्चों ने उनके लिए यह आसान बना दिया। UIKIT ने आंशिक रूप से मुझे सही किया है। ”

AngularJs के साथ सहभागिता

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

फ्रेमवर्क के नियंत्रण के अलावा, UIKIT को माउस, विजेट्स, स्वयं के विकास और शैलियों के एक सेट के साथ फिर से बनाया गया था।

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

यूनिफ़ॉर्म इंटरफेस

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

यह स्पष्ट है कि जितना अधिक हमने यूआईआईटी को लेआउट जोड़ा, उतना ही हमने मौजूदा मामलों को कवर किया और उन्हें नई परियोजनाओं के लिए लागू कर सकते हैं।

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

कंपनी डेटा के साथ एक तालिका की आवश्यकता है? थोक में हमारी सेवाओं में यह अच्छाई: CRTL + C CTRL + V।

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

दिशानिर्देशों, अनुकूलन और हमारे अपने अनुभव के प्रभाव में, हमारे पास हमेशा हाथ था:

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

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

गुप्त रूप से, मैं यह कहूंगा कि हमने UIKIT में एक ग्राहक के लिए कई बार डेमो का प्रदर्शन किया, क्योंकि हमारे पास डेमो से ठीक पहले एक परीक्षण स्टैंड था।

कार्य सर्किट

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

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

आज हम दो हरे बटन को एक साथ रख सकते हैं - कल हमने ऐसा नहीं किया क्योंकि हम जानते थे: लक्ष्य कार्रवाई वाला बटन प्रति पृष्ठ एक होना चाहिए।

आज, सभी इनपुट एक ही चौड़ाई में अटक गए थे, कल हम टीआईएन के लिए सामग्री के लिए बिल्कुल क्षेत्र बनाएंगे। इसलिए उपयोगकर्ता बेहतर तरीके से पढ़ता है कि डेटा उससे कब तक अपेक्षित है।

प्रक्रिया प्रवाहित हुई। लेआउट डिजाइनर इंटरफेस इकट्ठा करते हैं, विश्लेषकों से व्यावसायिक आवश्यकताओं पर भरोसा करते हैं, कला निर्देशक के साथ अपने निर्णय का समन्वय करते हैं, और उन्हें विकास के लिए देते हैं।

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

उस पाइपलाइन में कहीं GitLab दिखाई दिया, लेआउट की समीक्षा, js का उपयोग करते हुए विज़ुअलाइज़ेशन में सुधार।

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

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

यद्यपि, निश्चित रूप से, हमने बहुत कुछ सीखा है (सिर्फ इस बात पर ध्यान दें कि यह लेआउट डिजाइनर पुस्तकों को कैसे उद्धृत करता है)।

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

आउटपुट पर, टाइपसेट को विश्लेषक से कॉन्फ्लुएंस में कुछ विवरण प्राप्त हुआ - जैसे कि:

:
:
: « »
« » checkbox .
tooltip .

बेसिलिका पर चौकों में एक अवैयक्तिक मुख पृष्ठ पर भी तत्वों की स्थिति और उद्देश्य को दिखाने के लिए कार्य को लागू किया गया था।

कभी-कभी हमें निम्नलिखित शब्दों के साथ विश्लेषकों से कार्य प्राप्त होते हैं:

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

समय के साथ, हम एक सामान्य भाषा खोजने और इंटरफ़ेस की गुणवत्ता और प्रयोज्य के लिए जिम्मेदारी के क्षेत्रों को विभाजित करने में सक्षम थे।

कुल, एक उत्पाद लेआउट बनाने की पूरी प्रक्रिया इस तरह दिखती है:

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

इस प्रक्रिया में आने के लिए UIKIT टीम को 2 साल लग गए।

दृश्य प्रदर्शन

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

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

एक छोटा उदाहरण:

पहली निर्विवाद और अंतिम आवश्यकता:

प्रक्रिया में देखा गया समझौता:

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

कंपनी की मान्यता

2020 तक, UIKIT में मौजूदा परियोजनाओं के 38 मॉक-अप हैं, जिनमें से 13 का विकास चल रहा है। यह चार वर्षों का एक विशाल अनुभव है, जिसमें आप कला निर्देशक से लेकर परीक्षक तक विभिन्न विशेषज्ञों के एक हजार समाधान पा सकते हैं। वे सभी सीएसएस और पृष्ठ निर्माण के सामान्य नियमों का पालन करते हैं।

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

UIKIT को ग्राहकों, विश्लेषकों, डेवलपर्स ने पसंद किया और फिर परीक्षकों ने भी इसे सराहा।

एक बढ़िया दिन, मुझे हमारे ग्राहक की विकास टीम से सिर्फ एक ऐतिहासिक सवाल मिला:

“व्हेल में लेआउट कब हैं? वे आवश्यकताओं की तुलना में बहुत अधिक सुविधाजनक हैं। "

मेरे लिए, एक लेआउट डिजाइनर के रूप में, इस वाक्यांश ने चापलूसी की। लेकिन बेहतर यह नहीं है, आवश्यकताओं को पढ़ें।

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

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

डिजाइनर के बिना उत्पाद डिजाइन