बिल्डिंग ब्लॉक डिजाइन: UXers के लिए एक मॉड्यूलर डिजाइन रणनीति

एक आलेख जो UX परिप्रेक्ष्य से मॉड्यूलर डिजाइन मॉडल के अंतराल को भरने में मदद करता है।

मैं एक कहानी से शुरू करता हूँ

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

लगभग आठ महीने पहले, हमारी टीम ने ऑब्जेक्ट-ओरिएंटेड UX (OOUX) नामक एक मॉड्यूलर डिजाइन रणनीति पर रैली की। अन्य व्यापक-व्यापक मॉड्यूलर सिस्टम के विपरीत, OOUX आपको अपने मूल सामग्री प्रकारों को संशोधित करने पर ध्यान केंद्रित करने के लिए कहता है - OOUX ऑब्जेक्ट्स को क्या कहता है - और इन वस्तुओं को एक दूसरे से कैसे संबंधित है, इस पर एक कठिन नज़र डालें। यह प्रक्रिया डिज़ाइन टीम को प्रासंगिक नेविगेशन के अंतर्निहित उदाहरणों को उजागर करने और लगातार यूआई मॉड्यूल की ओर धकेलने में मदद करती है।

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

क्यों और कैसे

आप खुद से कह रहे होंगे: “मुझे इस बारे में क्यों और कैसे नहीं बताना! मैं एक UX शोधकर्ता हूँ, ख़तरनाक! मैं नाश्ते के लिए क्यों और कैसे खाता हूं। ”तो मुझे समझाने दीजिए।

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

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

एक

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

मुझे आशा है कि आप अपने सिर हिला रहे होंगे, क्योंकि उत्तर एक शानदार नहीं है।

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

बिल्डिंग ब्लॉक डिजाइन दर्ज करें

पहले अपने मॉड्यूल की सामग्री के बारे में सोचने के लिए कहने के बजाय, अन्य मॉडल की तरह, बिल्डिंग ब्लॉक डिज़ाइन आपको उस सामग्री के पीछे की रणनीति पर ध्यान केंद्रित करने के लिए कहता है।

ब्लॉक डिजाइन के निर्माण में, रणनीति डिजाइन के लिए रूपरेखा प्रदान करते हैं; कोई और रास्ता नही।

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

बिल्डिंग ब्लॉक डिज़ाइन UXers के लिए मॉड्यूलर डिज़ाइन है।

बिल्डिंग ब्लॉक एनाटॉमी

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

प्रोफ़ाइल ब्लॉक की शारीरिक रचना आकार लेना शुरू कर रही है।

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

  • विशिष्ट व्यक्ति जो प्रोफाइल के साथ संलग्न होते हैं;
  • जहां एप्लिकेशन में वे इस सामग्री के साथ बातचीत कर रहे हैं;
  • उनके उपयोग का संदर्भ;
  • मुख्य क्रिया वे प्रोफाइल पर लेते हैं;
  • और वे कितनी बार इस सामग्री तक पहुंच रहे हैं।

यह कुछ इस तरह दिख सकता है:

व्यक्तित्व-प्रोफाइल संबंध मेरे प्रोफाइल ब्लॉक का चेहरा कैसा दिखता है और कैसा महसूस करता है, इसके लिए अधिक संदर्भ प्रदान करता है।

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

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

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

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

त्वरित आरंभ गाइड

मैंने पाया है कि कई मॉड्यूलर डिज़ाइन मॉडल अपने पाठकों को कार्रवाई करने के लिए फ्लैट देने पर अड़ जाते हैं, इसलिए मुझे उस मूल्यवान जानकारी को उपलब्ध कराने का एक बिंदु बनाना चाहिए:

चरण # 1: रणनीति सूची।

हम सामग्री और घटक सूची बनाते हैं, तो रणनीति इन्वेंट्री क्यों नहीं? आपके पास मौजूद सभी एप्लिकेशन-स्तरीय रणनीतियों की एक सूची बनाएं। उदाहरणों में शामिल हैं: व्यक्ति, डेटा, उपयोग का संदर्भ और मानव पर्यावरण डिजाइन, जवाबदेही, आदि। यह रोकना और पूछना "क्या हमारे पास हमारे आवेदन के लिए एक ठोस रणनीति है?" काम में जुटना।

ऐसा करने के लिए: रैली टीम के सदस्य स्वतंत्र रूप से अपनी रणनीति के आविष्कार करने के लिए बनाते हैं।

चरण # 2: अपनी मूल सामग्री को परिभाषित करें।

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

करने के लिए: अपनी टीम के साथ एक प्रारंभिक मंथन सत्र पकड़ो।

चरण # 3: कैसे और क्यों परिभाषित करें।

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

करने के लिए: अपनी टीम के साथ अनुवर्ती मंथन सत्र आयोजित करें।

चरण # 4: एक बिल्डिंग ब्लॉक की शारीरिक रचना।

इसे विभाजित करने और जीतने का समय है टीम के सदस्यों को कुछ मूल सामग्री प्रकार - या बिल्डिंग ब्लॉक - असाइन करें और उन्हें इस सामग्री की शारीरिक रचना पर पुनरावृत्त करें।

करने के लिए: कई सामग्री प्रकारों के साथ प्रत्येक टीम के सदस्य को असाइन करें। उस टीम के सदस्य को उस सामग्री की शारीरिक रचना को परिभाषित करना चाहिए।

चरण # 5: संरेखित करें, संरेखित करें, संरेखित करें

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

करने के लिए: टीम के सदस्यों के लिए अपने बिल्डिंग ब्लॉक एनाटॉमी को प्रस्तुत करने के लिए एक समय निर्धारित करें।

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