👨🏻‍🎨 🛀🏻 👴 स्टोरीबोर्ड डिजाइन 😅 🚟 ™️

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

मैंने मानव कम्प्यूटर इंटरेक्शन कोर्स पर पहली बार स्टोरीबोर्ड के बारे में सुना

व्याख्याता स्कॉट क्लेमर एक स्टोरीबोर्ड बनाते हैं

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

कार्य

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

आपका चरित्र कौन है?
सिस्टम को क्या संतुष्ट करना चाहिए?
किस कार्य को पूरा किया जाना चाहिए?
आपके सिस्टम का उपयोग करने के लिए उपयोगकर्ता क्या कहता है?
यह किन परिस्थितियों में किया जाता है?
क्रियाओं का क्रम क्या है?

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

आइए प्रश्नों का उत्तर देकर शुरू करें:

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

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

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

डार्कसाइड का उपयोग करने के लिए परिदृश्य

कहानी

स्कूल में साहित्य किसी भी कलाकृति की साजिश संरचना सिखाता था। स्टोरीबोर्ड एक ही कहानी है, और यह रचना के समान नियमों का उपयोग करता है।

कथा संरचना

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

ड्राइंग तकनीक

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

छद्म वैज्ञानिक दृष्टिकोण

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

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

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

1. चित्रा में ग्राफ पिछले चित्र से स्टोरीबोर्ड की मनोदशा रेखा को दर्शाता है। लाइन में अंतराल स्टोरीबोर्ड कोष्ठक के पीछे छोड़ दिया मार्ग दिखाता है।

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

3. सकारात्मक और नकारात्मक मूड के क्षेत्र स्पष्टता के लिए चरम को उजागर करते हैं।

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

DarkSide ऐप के लिए अनुभव ग्राफ

अंतिम खुलासा टिप्पणी

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

सामान्य तौर पर, इन तकनीकों में से अधिकांश बहुत दिलचस्प हैं, लेकिन मैं उनके प्रति संदेह को दूर नहीं कर सकता। यदि आपके पास इस पर कोई विचार है, तो चर्चा करना दिलचस्प होगा।

संदर्भ

व्याख्यान एचसीआई 3.1: पेपर प्रोटोटाइप और मॉकअप , पंजीकरण आवश्यक;
UXmatters ग्राहक अनुभव (उस लेख, जहां इंप्रेशन की अनुसूची से आता है) को निर्धारित करने के लिए स्टोरीबोर्ड और सेंटीमेंट चार्ट का उपयोग करना ;
जॉनी हॉलैंड के लेखों की एक श्रृंखला: 1 , 2 , 3 ;
प्रस्तुति स्टोरीबोर्डिंग ;
पहले ग्राहकों के साथ संरक्षण कोड स्टोरीबोर्ड अनुभवों की प्रस्तुति;