हमने एक उपकरण के आसपास विकास और डिजाइन के कार्यान्वयन की सभी प्रक्रियाओं का निर्माण कैसे किया।
नमस्ते! मैं वान्या सोलोविओव , डॉकडोक ( सेबरबैंक समूह का हिस्सा) में डिजाइन निदेशक हूं । आज टिम-टिम कॉलम है, जिसमें मैं वर्णन करूंगा कि हमें अन्य टीमों के साथ कैसे मिला।
2017 में, स्केच में हमारे इंटरफेस बनाए गए थे, प्रोटोटाइप को मार्वल में इकट्ठा किया गया था, और विकास ज़ेपलिन के माध्यम से पारित किया गया था। उस समय तक सब कुछ मानक था जब तक कि फिम्मा दिखाई नहीं देता।
यह लेख उपकरणों की तुलना करने के बारे में नहीं है, ऐसे लेख पहले से ही बहुतायत में लिखे गए हैं। वह इस बारे में है कि हमारी कंपनी फिम्मा ने कैसे मदद की:
- सार्वजनिक बनने के लिए डिज़ाइन, और एक डिजाइनर का विशेषाधिकार नहीं;
- अनावश्यक प्रलेखन के बिना डिजाइन कार्य की पूरी प्रक्रिया को व्यवस्थित करें;
- उनका समर्थन करने के लिए अनावश्यक उपकरणों और संसाधनों से छुटकारा पाएं।
डिजाइनर के लिए
डिज़ाइनर अब फ़ाइलों के रूप में स्थानीय स्तर पर लेआउट संग्रहीत नहीं करता है। यह प्रबंधक के साथ इंटरफेस के स्क्रीनशॉट का आदान-प्रदान नहीं करता है और अन्य डिजाइनरों को आवश्यक लेआउट नहीं भेजता है। लेआउट में एक लिंक है और प्रक्रिया में सभी प्रतिभागियों के लिए उपलब्ध है।
एक नकली अप बनाया गया → एक इंटरैक्टिव प्रोटोटाइप इकट्ठे → इसे विकास के लिए सौंप दिया - और यह सब एक लिंक द्वारा।
"सात मुहरों से परे" जाने के लिए डिजाइन बनाने की प्रक्रिया बंद हो गई, यह सार्वजनिक हो गया। हमारे काम में एक सामान्य मामला: डिजाइनर एक इंटरफ़ेस बनाता है, कार्य में एक और भागीदार लेआउट में प्रवेश करता है और एक टिप्पणी के रूप में अपनी सलाह देता है।
अंजीर में, यह न केवल आपके लेआउट को बनाए रखने, एक सामान्य डिजाइन प्रणाली का उपयोग करने, बल्कि डेवलपर्स, परीक्षकों और प्रबंधकों के साथ बातचीत करने के लिए भी सुविधाजनक है। जब एक उत्पाद टीम एक विशेषता को देखती है, तो अनावश्यक संस्करण और लेआउट राज्यों का उत्पादन नहीं करना बहुत महत्वपूर्ण है ताकि पूरी टीम को धीमा न करें। एंड्री गोरानोव, डिजाइनर।
प्रबंधक के लिए
हमारे सात उत्पाद प्रबंधक हैं और प्रत्येक अपने-अपने क्षेत्र में अग्रणी है। उनकी सुविधा के लिए, हमने फाइलों को इस तरह से व्यवस्थित किया है कि हर किसी का फिगर में अपना प्रोजेक्ट है: डॉक्टर, निदान, टेलीमेडिसिन, आदि के साथ एक नियुक्ति। एक लिंक उनके लिए पर्याप्त है ताकि उनके कार्यों के सभी विकास हाथ में हों।
टेलीमेडिसिन प्रोजेक्ट उदाहरण
वे टिप्पणियों के रूप में लेआउट के आवश्यक भाग में सुधार लाते हैं। हमने संयुक्त रूप से निर्णय लिया कि हम कहीं भी बड़े संपादन स्वीकार नहीं करेंगे: न तो प्रोटोकॉल में, न ही जीरा में , न ही दूतों में। टिप्पणी में, आवश्यक डिजाइनर का उल्लेख किया गया है और एक अधिसूचना उसे मेल द्वारा भेजी जाती है।
सब कुछ ऑनलाइन संग्रहीत किया जाता है, यह हिलाएं नहीं कि आपको लेआउट तक पहुंच नहीं मिलेगी, दूसरे कंप्यूटर से काम करना। मुझे पता है कि सुधार केवल लेआउट में एक टिप्पणी के रूप में डाले जा सकते हैं और वे किए जाएंगे। यह बहुत अच्छा है। इसके अलावा, टिप्पणी इतिहास आपको घटनाओं को पुनर्स्थापित करने की अनुमति देता है। ग्रिशा गार्सिन, मैनेजर
डेवलपर और परीक्षक के लिए
पहले, जब हम ज़ेपलिन के माध्यम से डेवलपर्स के लिए लेआउट पास करते थे, तो वे और डिजाइनर लेआउट के बारे में एक अलग विचार रखते थे। डिजाइनरों ने स्केच में संक्रमण की एक पूरी तस्वीर देखी, और डेवलपर्स केवल ज़ेपलिन में एक विशिष्ट स्क्रीन। लोगों को हमेशा समझ में नहीं आया कि किस स्क्रीन को फॉलो किया जाए, और सवाल करने में समय बिताया जाए।
डेवलपर्स ने केवल ज़ेपलिन में एक विशिष्ट लेआउट देखा
अंजीर में, डेवलपर्स डिजाइनरों के रूप में सटीक चित्र देखते हैं। एकता के लिए, हम ऐसे लेआउट के एक संगठन का पालन करते हैं: स्क्रीन के बीच क्षैतिज रूप से संक्रमण, लंबवत - स्क्रीन के अंदर। इससे लोगों को "घर पर" नकली-अप महसूस करने में मदद मिली।
स्क्रीन के बीच क्षैतिज संक्रमण, ऊर्ध्वाधर - स्क्रीन के अंदर
यह सुविधाजनक है कि सभी लेआउट एक ही स्थान पर हैं और सभी की पहुँच है, समीक्षा करना आसान है - टिप्पणियां हैं। लेआउट हमेशा प्रासंगिक होते हैं और सभी प्रतिभागियों के लिए एक ही रूप में, यह सुविधाजनक है कि आईओएस और एंड्रॉइड के लिए अलग-अलग लेआउट। एक और अच्छी बात यह है कि आप एक विशिष्ट स्क्रीन के लिए एक लिंक बना सकते हैं, और इसे प्रलेखन में सम्मिलित कर सकते हैं। इरिना मुखिना, परीक्षक।
हम रंगों और शैलियों में समान चर नामों का उपयोग करते हैं, इससे इंटरफ़ेस के लेआउट में अनावश्यक संस्थाओं का उत्पादन नहीं करने में मदद मिलती है। डेवलपर्स लेआउट में किसी भी तत्व को स्वतंत्र रूप से अनलोड कर सकते हैं, बिना समय बर्बाद किए डिजाइनर को ऐसा करने के लिए कहते हैं। उदाहरण के लिए, आप आइकन के लिए svg कोड प्राप्त कर सकते हैं या इसे इच्छित प्रारूप में निर्यात कर सकते हैं।
जब आपको फिगमा जैसी ऑनलाइन सेवाओं की आदत होती है , तो पिछले उपकरण आदिम और बहुत दूर लगते हैं। इसके बजाय कोई फ़ाइल होस्टिंग, लाइसेंस समस्याएं, सॉफ़्टवेयर इंस्टॉलेशन, केवल जीरा में कार्य विवरण के लिए लिंक नहीं है। किसी तत्व की CSS शैलियाँ प्राप्त करने के लिए, दो क्लिक पर्याप्त हैं। पीटर डोरोज़किन, डेवलपर।
एक बाज़ारिया के लिए
हम अंजीर में वेब मार्केटिंग कार्य भी करते हैं। उनकी अपनी परियोजना है, जहां सभी लेआउट संग्रहीत हैं। इसलिए मार्केटिंग डिज़ाइनर हमारी कॉर्पोरेट पहचान का पालन करना आसान है - सभी तत्व फिगमा में हैं ।
2018 के पतन में आपके द्वारा किया गया स्टॉक ज्ञात कीजिये? Pf, आसान!
यह अच्छी तरह से काम करता है और इसके विपरीत: विपणन डिजाइनर ने चित्रण किया, उन्हें फिगमा में स्थानांतरित किया। उत्पाद डिजाइनर ने उन्हें अपने इंटरफेस में ले लिया और, यदि आवश्यक हो, तो आकार और रंग को थोड़ा समायोजित किया - क्योंकि सब कुछ वेक्टर है।
हम वर्तमान में अंजीर में एक चित्रण डिजाइनर पर काम कर रहे हैं।
डिज़ाइनर को यह समझाना आसान है कि कहाँ और किन दृश्य तत्वों को बदलने / हटाने / जोड़े जाने की आवश्यकता है। एक हजार शब्दों के बजाय, आप एक बार दिखा सकते हैं कि कहां और क्या करना है। डिजाइनर किसी भी समय उनके लिए सुविधाजनक इन टिप्पणियों पर वापस आ सकते हैं। कट्या फेडुयिना, बाज़ारिया
और जब विपणन कार्य, लेकिन सीधे उत्पाद से संबंधित होता है, तो दो विभागों के डिजाइनरों की टीमवर्क एक नए स्तर पर जाती है। एक दृश्य अवधारणा के साथ आता है, दूसरा एक इंटरफ़ेस पर कोशिश करता है - सभी एक लेआउट में और एक समय में!
मुख्य विचार
डिजाइन टीम के काम का परिणाम है, न कि केवल एक व्यक्ति का। यह सुनिश्चित करने के लिए प्रयास करें कि प्रत्येक प्रतिभागी उसके साथ आराम से बातचीत कर सके। स्थानीय उपकरणों से दूर हो जाओ और उन लोगों को देखो जो आपको और आपकी प्रक्रियाओं को जोड़ते हैं।