स्केच में UX डिजाइन के साथ शुरुआत करना

नए यूएक्स डिजाइनरों और डिजाइन छात्रों के लिए एक प्राइमर

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

मुझे यह भी उल्लेख करना चाहिए कि मैं बहस नहीं करने जा रहा हूं कि कौन सा उपकरण सबसे अच्छा है - मैं सिर्फ यह मानूंगा कि आप पहले ही महसूस कर चुके हैं कि स्केच सबसे अच्छा है (अभी के लिए) और जानना चाहते हैं कि इसे यूएक्स डिजाइनर के रूप में कैसे उपयोग किया जाए I

मैंने अपने लेखों को 5 खंडों में तोड़ दिया है, जो यह सोचते हैं कि मुझे लगता है कि नए डिजाइनर नौसिखिए से महारत हासिल करने के लिए कैसे आगे बढ़ते हैं:

  • विचारों को प्राप्त करना
  • शुरू करना
  • तेज हो रही है
  • होशियार होना
  • विजुअल प्राप्त करना

विचारों को बाहर लाना

UX डिज़ाइन आपके उपकरण पर पहुंचने से पहले शुरू होता है - यह आपके सिर से विचारों को प्राप्त करने के बिंदु पर शुरू होता है (… यह वास्तव में शोध से पहले शुरू होता है, लेकिन इस लेख को 20 मिनट तक चलने दें)।

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

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

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

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

शुरू करना

यूएक्स डिज़ाइन के लिए स्केच की सबसे बड़ी ताकत दूर और दूर की चीजें दोहराने योग्य और तेज बनाने पर जोर है।

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

लेकिन महान डिजाइन केवल उतना ही अच्छा है जितना एक डिजाइनर आयोजित किया जाता है। हमें खाना पकाने का रूपक पसंद है:

और हम स्टाइल्सशीट की अवधारणा को कोड से डिजाइन तक विस्तारित करना भी पसंद करते हैं (क्योंकि हमने यह लिखा है, डिजाइन सिस्टम वास्तव में दृश्य पर विस्फोट कर चुके हैं, लेकिन इनमें से अधिकांश तकनीकें आज भी प्रासंगिक हैं):

और अंत में स्केच में एक परियोजना शुरू करने के तरीके के बारे में लेखों की पवित्र ग्रिल के लिए, जो इसे सभी को कवर करता है (फ़ोल्डर संरचना के ठीक नीचे):

जिम्मेदारी से स्केच में लेआउट सेटअप करने के बारे में एक बोनस लेख के साथ:

तेज हो रही है

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

इस लेख को लिखने के बाद से लगभग एक लाख नए उपकरण और प्लगइन्स सामने आए हैं, लेकिन सच कहूं तो, स्केच के लिए सबसे अच्छा साथी वास्तव में मेरी राय में नहीं बदला है (Nudg.it अब मूल रूप से स्केच में समर्थित है, एनिमा यह अभी भी उपयोगी है, भले ही इसमें से कुछ को स्केच की लेआउट कार्यक्षमता में बेक किया गया हो):

सुझाव और तरकीब

जॉन मूर ने कुछ लेखों में अपनी शक्ति-उपयोगकर्ता ज्ञान प्रदान किया है जो आपके मन को उनकी सादगी और शक्ति में उड़ा देगा:

होशियार होना

आप जानते हैं कि किसी प्रोजेक्ट को कैसे सेटअप किया जाता है, आपने स्केच के साथ तेजी से आगे बढ़ना सीख लिया है, और अब उस सभी को UX डिजाइन में लागू करने का समय आ गया है।

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

माउस और ग्राफिक्स को कुशलता से संभालना

हम अगले भाग में UX के दृश्य डिजाइन पक्ष को कवर करेंगे, लेकिन ग्राफिक्स के साथ काम करना अक्सर UX डिजाइनर के व्हीलहाउस के बाहर होता है। आइकन बनाने के बारे में चिंता करने के बजाय, होशियार हो जाएं कि आप उनका उपयोग कैसे करते हैं:

नेस्टेड प्रतीक वास्तव में काफी थोड़ा स्वचालित कर सकते हैं:

अंत में, यदि मैं पिछले 12 महीनों में स्केच की सबसे बड़ी उन्नति के बारे में बात नहीं करता, तो मुझे यह याद रहेगा - पुस्तकालय:

विजुअल प्राप्त करना

जैसे कि वह सब कुछ पर्याप्त नहीं था, दृश्य डिजाइन की बात आने पर UX डिजाइनरों के पास आज मिलने के लिए बहुत अधिक मानक है।

जब मैं UX डिजाइन में शुरू हो रहा था, तो मुझे "सामग्री" के साथ परिचित होने के लिए चुनौती मिली, मुझे इसके साथ डिजाइन करने की आवश्यकता थी: पहलू अनुपात, फ़ॉन्ट आकार, वजन, रंग विपरीत, आदि।

बेहतर बनाने के लिए, मैंने मौजूदा उत्पादों की प्रतिलिपि बनाकर शुरुआत की ताकि मुझे यह महसूस हो सके कि UI की रचना कैसे की गई थी।

हमने पिछले साल इसे कवर किया और स्केच में फिर से बनाए गए कुछ सामान्य उत्पादों के लिंक प्रदान किए (हालांकि उनमें से कुछ को फिर से डिज़ाइन किया गया है:)

वहाँ से आप वास्तव में कुछ छोटे तकनीकों का उपयोग करने के लिए अपने डिजाइनों में थोड़ा सा स्वभाव जोड़ सकते हैं:

लेकिन यह मत भूलो कि सटीक नमूना डेटा विज़ुअल डिज़ाइन के लिए उतना ही महत्वपूर्ण है जितना कि स्वयं विजुअल डिज़ाइन:

* हमने कभी भाग 2 नहीं लिखा

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

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

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

जब मैं स्केच लेखों को माध्यम पर एकत्रित नहीं कर रहा हूँ, तो मैं आपको बेहतर, अधिक कुशल डिज़ाइनर बनाने के लिए UX पावर टूल्स पर स्केच डिज़ाइन टूल्स पर काम कर रहा हूँ।

ट्विटर पर UX पावर टूल्स का पालन करें
ट्विटर पर मुझे फॉलो करें