बिल्डिंग ब्लॉक डिझाइनः यूएक्सर्ससाठी मॉड्यूलर डिझाइन स्ट्रॅटेजी

एक लेख जो यूएक्स दृष्टीकोनातून मॉड्यूलर डिझाइन मॉडेलमधील अंतर भरण्यास मदत करतो.

मी एका कथेपासून प्रारंभ करीन

आपल्‍याला कथांचा तिरस्कार असल्यास, आपण हा भाग वगळू नये. हे एका यूएक्स डिझायनरबद्दल आहे ज्यास तिच्या संस्थेसाठी मॉड्यूलर डिझाइन रणनीती जिंकण्याचे काम देण्यात आले होते. तिच्याकडे लहान तपकिरी केस आणि निळे डोळे आहेत. जर आपण आतापर्यंत अंदाज केला नसेल तर तो यूएक्स डिझायनर मी आहे.

सुमारे आठ महिन्यांपूर्वी, आमच्या कार्यसंघाने ऑब्जेक्ट-ओरिएंटेड यूएक्स (ओओएक्स) नावाच्या मॉड्यूलर डिझाइन रणनीतीवर मोर्चा काढला. इतर ब्रॉड-स्वीपिंग मॉड्यूलर सिस्टम्सच्या विपरीत, ओओएक्स आपल्याला आपल्या मूलभूत सामग्रीचे प्रकार - ओओएक्स ज्याला ऑब्जेक्ट्स म्हणतात काय - मॉड्युलायझरींगवर लक्ष केंद्रित करण्यास सांगते आणि या ऑब्जेक्ट एकमेकांशी कसे संबंधित आहेत यावर कठोरपणे विचार करा. ही प्रक्रिया डिझाइन कार्यसंघाला संदर्भित नेव्हिगेशनची मूळ घटना उघडकीस आणण्यास आणि सुसंगत यूआय मॉड्यूलकडे ढकलण्यात मदत करते.

बरं… माहिती आर्किटेक्चर्स आणि नमुना लायब्ररीच्या डिझाईनसाठी हे उत्तम आहे, परंतु अनुभवांच्या डिझाइनसाठी काय आहे. तथापि, आपली सामग्री एकत्रित करणे केवळ अर्धा लढाई आहे. आपण यूएक्सच्या अग्रभागी असणार असाल तर आपल्याला का आणि कसे असा विचार करावा लागेल.

का आणि कसे

आपण कदाचित स्वतःला म्हणत आहात: "मला का ते आणि कसे याबद्दल सांगू नका! मी एक यूएक्स संशोधक आहे, डँग नबिट! न्याहारी कशासाठी व कसे खावे. ”तर मला समजावून सांगा.

मी वैशिष्ट्य स्तरावर रणनीतीबद्दल बोलत नाही. मी प्रक्रिया प्रवाह, वायरफ्रेम्स आणि प्रोटोटाइप बद्दल बोलत नाही. मी अनुप्रयोग-स्तरावरील धोरणाबद्दल बोलत आहे. आपणास माहित आहे की आपण ज्या गोष्टीत नेहमीच केले पाहिजे, परंतु त्यासाठी कधीकधी वेळ नसतो? आणि मी मॉड्यूलर डिझाइन सारख्या आमच्या इतर धोरणांकडे आमच्या दृष्टीकोनाचा अविभाज्य भाग बनवण्याबद्दल बोलत आहे.

आपल्याला आणखी थोडा संदर्भ देण्यासाठी एका उदाहरणाद्वारे चर्चा करूया. असे समजू की आम्ही एखादे डेटिंग अॅप डिझाइन करीत आहोत जिथे सामग्रीचे मूळ भागांपैकी एक प्रोफाइल आहे. मॉड्यूलर डिझाइनसह, आम्ही विचारू: “ही सामग्री यूआय मध्ये कोठे दर्शविली जाऊ शकते?” - आणि आमच्या उत्तराच्या आधारे, आम्ही त्या प्रत्येक परिस्थितीसाठी मॉड्यूल्स डिझाइन करू. कदाचित आम्ही यादी तयार करू शकेल असे प्रोफाइल किंवा संपूर्ण प्रदर्शन घेणारे प्रोफाइल डिझाइन करू. माहिती आर्किटेक्चर. नमुने तपासा, तपासा.

प्रोफाइलची

परंतु आता आपण हे निश्चित केले आहे की जेव्हा आपल्याला अपरिहार्यपणे हे समजते की एखाद्याला विशिष्ट ठिकाणी प्रथम एखादे प्रोफाइल का पहायचे आहे याबद्दल आपल्याला विचार करण्याची गरज आहे? आणि ते प्रोफाइल त्या व्यक्तीसाठी कसे दिसेल? आम्ही त्या धोरणा नंतर त्या अंमलबजावणी करतो आणि आशा आहे की काहीही खंडित होणार नाही?

मी आशा करतो की आपण तेथे आपले डोके हलवत आहात, कारण उत्तर एक क्रं.

आमच्या मॉड्यूल्सची रचना करण्यापूर्वी प्रथम झेप घेण्याऐवजी, आपण एक धोरणात्मक चौकट तयार केले पाहिजे जे आमच्या डिझाइन प्रयत्नांना प्रत्येक कोनातून हलवू शकेल. आमच्या सामग्रीचा चेहरा - यूआय मध्ये दिसणारी सामग्री स्पष्ट करण्याऐवजी - त्या सामग्रीस कसे आणि का समर्थन केले आहे हे परिभाषित करून आपण सुरुवात केली पाहिजे. याला बिल्डिंग ब्लॉक डिझाईन असे म्हणतात.

बिल्डिंग ब्लॉक डिझाइन प्रविष्ट करा

इतर मॉडेलप्रमाणे आपल्याला प्रथम आपल्या मॉड्यूलच्या सामग्रीबद्दल विचारण्यास सांगण्याऐवजी, बिल्डिंग ब्लॉक डिझाइन आपल्याला त्या सामग्रीमागील रणनीतीऐवजी लक्ष केंद्रित करण्यास सांगते.

इमारत ब्लॉक डिझाइनमध्ये, रणनीती डिझाइनची चौकट उपलब्ध करुन द्या; इतर मार्गाने नाही.

आपण आपली कोर यूएक्स रणनीती निश्चित केल्यावरच - आपली सामग्री ठेवणारी फ्रेम - आपण त्या सामग्रीचे इंटरफेसमध्ये कसे प्रतिनिधित्व केले जाईल हे डिझाइन करण्यास प्रारंभ करू शकता. मुख्य सामग्रीच्या प्रत्येक भागासाठी “मोठे चित्र” धोरण म्हणजे आपला बिल्डिंग ब्लॉक. एकत्रितपणे, आपले बिल्डिंग ब्लॉक्स आपल्या उत्पादनाचे यूएक्स परिभाषित करतात.

बिल्डिंग ब्लॉक डिझाईन हे यूएक्सर्ससाठी मॉड्यूलर डिझाइन आहे.

बिल्डिंग ब्लॉक शरीर रचना

अर्थपूर्ण, संरचित सामग्री तयार करण्याच्या या दृष्टिकोनास चांगल्या प्रकारे समजण्यासाठी, डेटिंग अ‍ॅपच्या उदाहरणाकडे परत जाऊया. आता मी माझ्या अनुप्रयोगातील मूळ सामग्रीचा एक तुकडा ओळखला आहे - एक प्रोफाइल - हा ब्लॉक कसा डिझाइन केला आहे यावर कोणती रणनीती संभाव्यतः प्रभावित करू शकते हे ओळखण्याची वेळ आली आहे. इतर सामरिक उपक्रम आणि आमच्या सामग्रीमधील संबंध एक्सप्लोर करून, आम्ही या माहितीच्या डिझाइन आणि वितरणाकडे कसे पोहोचतो याबद्दल अधिक गंभीरपणे विचार करण्यास सक्षम आहोत.

प्रोफाइल ब्लॉकचे शरीरशास्त्र आकार घेऊ लागले आहे.

अनुप्रयोग-स्तरीय धोरणांमधील संबंध एक्सप्लोर करताना, उच्च पातळीवर प्रारंभ करणे आणि आपल्या मार्गावर कार्य करणे चांगले. उदाहरणार्थ, मी व्यक्तीला माझ्या रणनीतीचा मुख्य घटक म्हणून ओळखले तर मी कदाचित हे धोरण ओळखून आणखी खंडित करू शकेन:

  • प्रोफाइलमध्ये व्यस्त असलेले विशिष्ट व्यक्ती;
  • अॅपमध्ये ते या सामग्रीसह संवाद साधत आहेत;
  • त्यांचा वापर संदर्भ;
  • प्रोफाइलवर त्यांनी केलेल्या कोर क्रिया;
  • आणि या सामग्रीवर ते किती वेळा प्रवेश करत आहेत.

हे यासारखे काहीतरी दिसू शकते:

व्यक्तिचित्र-प्रोफाइल संबंध माझ्या प्रोफाइल ब्लॉकचा चेहरा कसा दिसतो आणि कसा वाटतो याबद्दल अधिक संदर्भ प्रदान करतो.

एकदा मी ही सामग्री विशिष्ट प्रकारच्या वापरकर्त्यासाठी मौल्यवान का आहे या संदर्भात आणखी एक संदर्भ दिले की मी कोणत्या कृतीस प्राधान्य देण्याची आवश्यकता आहे, व्यक्ति-विशिष्ट वर्तन नमुन्यांची जाहिरात करण्यासाठी मॉड्यूल कसे तयार केले जावे याबद्दल अधिक गंभीरपणे विचार करण्यास प्रारंभ करू शकतो, आणि अनुभवात कुठे ही सामग्री वितरीत करणे आवश्यक आहे.

हे तंत्र डिझाइनरना महत्वाच्या असलेल्या सामग्रीवर लक्ष केंद्रित करण्यास आणि चांगले दिसू शकणार्‍या व्हिज्युअल अपील, परस्परसंवाद मोहक आणि इतर इंटरफेस डिझाइन नमुन्यांमध्ये अडकवू देत नाही परंतु वास्तविक वापरकर्त्याच्या वर्तनाचे समर्थन देत नाही.

मी हा सराव दुसर्‍या सामरिक उपक्रमाच्या बाबतीत पुन्हा केल्यास, अतिरिक्त अंतर्दृष्टी प्राप्त केली जाईल. आपल्याकडे असलेल्या रणनीतिक उपक्रमांची संख्या आणि जटिलतेच्या आधारावर, ही पटकन वेळ-घेण्याची प्रक्रिया बनू शकते. मी दोनपेक्षा जास्त रणनीतींपासून प्रारंभ करण्याची शिफारस करतो.

तर तिथे तुमच्याकडे आहे. बिल्डिंग ब्लॉक डिझाइनसह आपले पाय ओले कसे करावे याचे एक उदाहरण. आपल्या डिझाइन टीमसाठी हा एक उपयुक्त व्यायाम असेल असे आपल्याला वाटत असल्यास, काही अतिरिक्त टिप्ससाठी खाली द्रुत प्रारंभ मार्गदर्शक पहा. आणि अर्थातच मला सर्व गोष्टींचे मॉड्युलायरीकरण केलेले विचार ऐकायला आवडेल. खाली आपल्या टिप्पण्या जोडा किंवा लिंक्डइनवर पोहोचा.

द्रुत प्रारंभ मार्गदर्शक

मला आढळले आहे की बरेच मॉड्यूलर डिझाइन मॉडेल त्यांच्या वाचकांना कार्यवाही करण्याऐवजी सपाट पडतात, म्हणून मला त्या मौल्यवान माहितीचा मुद्दा देण्याचा प्रयत्न करू द्या:

चरण # 1: रणनीती यादी

आम्ही सामग्री आणि घटक यादी करतो, मग रणनीती यादी का नाही? आपल्याकडे असलेल्या सर्व अनुप्रयोग-स्तरीय धोरणांची सूची बनवा. उदाहरणांमध्ये हे समाविष्ट आहेः व्यक्ती, डेटा, वापराचा संदर्भ आणि मानवी वातावरणाची रचना, उत्तरदायीता इ. विराम देण्यासाठी आणि विचारण्यास ही चांगली संधी आहे “आमच्याकडे आमच्या अनुप्रयोगासाठी ठोस रणनीती आहे का?” उत्तर जर नाही असेल तर ही वेळ आहे काम मिळविण्यासाठी

करावे: रॅली कार्यसंघ सदस्य स्वतंत्रपणे त्यांची स्वतःची रणनीती यादी तयार करतात.

चरण # 2: आपली मूळ सामग्री परिभाषित करा.

आपल्या अनुप्रयोगात आपल्या वापरकर्त्यांकडून यावर क्रिया करण्याची ही सामग्री आहे. हे जाणून घेण्यासाठी, आपल्या कार्यसंघासह विचारमंथन सत्रासाठी थोडा वेळ बंद करा. स्वतःला असे प्रश्न विचारा: “माझे वापरकर्ते काय शोधतात? पहा? डाउनलोड करा? ”एकदा आपण मूळ सामग्रीचा तुकडा ओळखल्यानंतर कागदाच्या तुकड्यावर लिहा आणि त्यास भिंतीवर लटकवा.

हे करण्यासाठी: आपल्या कार्यसंघासह प्रारंभिक विचारमंथन सत्र आयोजित करा.

चरण # 3: कसे आणि का ते परिभाषित करा.

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

करण्यासाठी: आपल्या कार्यसंघासह पाठपुरावा मंथन सत्र ठेवा.

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

आता विभाजित आणि जिंकण्याची वेळ आली आहे. कार्यसंघ सदस्यांना मूठभर मुष्ठ सामग्री प्रकार - किंवा बिल्डिंग ब्लॉक्स असाइन करा आणि त्यांना या सामग्रीच्या शरीररचनावर पुनरावृत्ती करा.

करण्यासाठीः प्रत्येक कार्यसंघ सदस्यास कित्येक सामग्री प्रकारांसह नियुक्त करा. त्या कार्यसंघाच्या सदस्याने त्या सामग्रीचे शरीरशास्त्र परिभाषित केले पाहिजे.

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

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

करण्यासाठीः कार्यसंघ सदस्यांनी त्यांचे बिल्डिंग ब्लॉक शरीरशास्त्र सादर करण्यासाठी वेळ अनुसूचित करा.

हा लेख रक्सर्सद्वारे आपल्याकडे आणला आहे. रुक्सर्स हा वास्तविक वापरकर्त्याचा अनुभव असणार्‍या नेत्यांचा एक समुदाय आहे जो नवीनतम डिझाइन, वापरकर्ता अनुभव, वापरण्यायोग्यता आणि संशोधनात सामायिक आणि चर्चा करीत आहे. आम्ही ट्विटरवर आहोत - आमच्यात सामील व्हा!