कम सोचो। बेहतर डिजाइन।

प्रबंधनीय निर्णय लेने और विचार प्रक्रिया के माध्यम से यूआई डिजाइन में बेहतर वर्कफ़्लो को बढ़ावा देना।

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

डिजाइन प्रक्रिया में जितनी अधिक संभावनाएं हैं, उतनी ही अधिक सोच को निष्पादित करने और चालाकी के लिए आवश्यक है।

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

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

1. चर चर

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

अनुभव के साथ, यह भविष्यवाणी करना आसान हो जाता है कि चर के कुछ समूहों को एक रचना में पूरे प्रभाव में कैसे सीमित किया जाए।

विकल्पों को कम करने से मौलिकता को कम करने में सहसंबंध नहीं होता है। हमारी धारणा यह है कि पूर्वनिर्धारित नियमों के आसपास अवधारणाएँ बनाना एक सीमा है, लेकिन डिजाइनरों के रूप में हम अपने स्वयं के नियमों को स्थापित कर सकते हैं, और उन्हें तैयार करने के पूर्ण नियंत्रण में हो सकते हैं।

स्केल और रिक्ति

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

एक बार जब हम एक अनुपात चुनते हैं, तो मॉड्यूलर स्केल स्केल और रिक्ति को परिभाषित करना आसान बना सकता है

हालांकि यह ग्रिड, टाइपोग्राफी, ऊर्ध्वाधर रिक्ति और एक लेआउट के समग्र आयामों को एक प्रबंधनीय स्तर तक कम कर सकता है, यह मनभावन सौंदर्य और लय भी प्रदान करता है। यूआई को डिजाइन करना बहुत आसान है।

ग्रिड

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

एक ग्रिड प्रणाली लेआउट में चर को कम करेगी

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

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

व्यापार और सामग्री की अधिक समझ आगे को रोकती है, ग्रिड सिस्टम चुनना और लेआउट निर्णय लेना जितना आसान होगा।

टाइपोग्राफी

मेरा तर्क है कि टाइपोग्राफी यूआई डिज़ाइन का सबसे महत्वपूर्ण पहलू है, क्योंकि यह 95% तक वेब बना सकता है और संचार की प्रेरक शक्ति है।

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

रंग

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

एडोब कलर सीसी जैसे उपकरण पैलेट को पूर्वनिर्धारित करना आसान बनाते हैं

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

इमेजिस

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

हमारे छवि चर को सीमित करने से बेहतर स्थिरता लागू होगी और लंबे समय में छवि संपत्ति का प्रबंधन करना आसान होगा। आइकनोग्राफी के लिए भी यही होता है।

छवियों के लिए अनुपात और आकार में कितने भिन्नताएं हैं जिनकी हमें वास्तव में आवश्यकता है?

2. पहले एक स्टाइल गाइड बनाना

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

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

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

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

3. मॉड्यूलर-आधारित प्राथमिकता और अनुकूलन

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

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

प्रमुख क्षेत्रों को पहचानें

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

पहले महत्वपूर्ण क्षेत्रों पर ध्यान केंद्रित करके, हम बाद में डिजाइन के फैसलों को कम कर रहे हैं क्योंकि बाद के क्षेत्रों को झुकना और स्थापित परिवेश के अनुकूल होना है।

मुख्य क्षेत्रों पर ध्यान दें

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

4. हर किसी के लिए यह काम करना

हजारों वर्षों से डिजाइनरों ने एक काम करने का प्रयास किया है - प्रभावी ढंग से संवाद करें। हम दर्शकों के लिए नेत्रहीन और श्रव्य रूप से बेहतर संवाद करने के लिए लगातार मजबूत और बढ़िया ट्यूनिंग कर रहे हैं।

व्यापक संभव दर्शकों से जानकारी तक बढ़ती पहुंच के साथ, अधिकतम संभव लोगों तक पहुँच को अधिकतम करना अनिवार्य हो जाता है।

पहुंच भटकाव में एक आशीर्वाद है

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

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

यह विकलांगों के बारे में नहीं है

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

5. परीक्षण और परीक्षण पैटर्न का उपयोग करना

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

मूल UI पैटर्न बनाने के लिए एक समय और एक स्थान है, लेकिन हमें सामान्य तकनीकों से दूर नहीं होना चाहिए - वे एक कारण से सफल नहीं हैं।

चांदी का अस्तर हमारे लिए है कि हम पुनर्निमाण के बारे में कम चिंता करें और सौंदर्यशास्त्र पर ध्यान केंद्रित करें। स्थापित पैटर्न के आधार पर मूल काम बनाना अभी भी संभव है।

जितना अधिक हम सफल डिजाइन पैटर्न को जानते हैं और एकीकृत करते हैं, उतने ही कम विकल्प हमें डिजाइनरों के रूप में बनाने होंगे। हम जरूरी नहीं समझते हैं कि क्या काम कर सकता है, लेकिन क्या काम करेगा।

अंतिम नोट

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

ट्विटर पर मुझे फॉलो करें