प्रोटोटाइप पर आगे बढ़ने से पहले स्केच बनाना क्यों महत्वपूर्ण है

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





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

किसी भी विचार को उपयोगकर्ता इंटरफ़ेस में अनुवादित करने की आवश्यकता है

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

एक स्केच एक प्रोटोटाइप या आरेख नहीं है।

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



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

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

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

एक स्केच हमेशा पहले बनाया जाता है।

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



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

रेखाचित्र एक टीम / ग्राहक के साथ विचार-मंथन में मदद करते हैं

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

रेखाचित्र आपको सोचने और तेजी से काम करने देते हैं।

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

रेखाचित्र आरेख को अधिक विस्तृत और परिपूर्ण बनाते हैं।

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

रेखाचित्र खराब दिख सकते हैं, लेकिन ठीक काम करते हैं

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

रेखाचित्रों को कम न समझें।

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

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