मैं किसी भी विशेष रूप से अच्छे सॉफ्टवेयर आर्किटेक्चर आरेखों के बारे में नहीं सोच सकता, जिनके पास वह डेटा नहीं है जो वे बहुत सरलीकृत और काट कर दिखाते हैं, लेकिन हम पहले सॉफ्टवेयर आर्किटेक्चर आरेख क्या है, इसे तोड़कर कुछ प्रासंगिक सामान पा सकते हैं।
फिर, हम डिजाइन के कुछ उदाहरणों को देखेंगे जो समान चुनौतियों से निपटते हैं।
यह तत्व / नोड की श्रेणियों पर ध्यान देने के साथ प्रवाह चार्ट / प्रक्रिया आरेख का एक प्रकार है। यह बदले में नोड-लिंक नेटवर्क आरेख का एक प्रकार है, अतिरिक्त दिशात्मकता के साथ: अनिवार्य रूप से, नोड्स, जिसमें श्रेणियां और कनेक्शन हो सकते हैं, जिसमें दिशा हो सकती है।
नोड लिंक पर आधारित कुछ भी एक गन्दा 'हेयरबॉल' में बदल सकता है जब यह प्रतिनिधित्व करने की कोशिश कर रहा है की जटिलता बढ़ जाती है। यदि नोड लिंक के काम के आधार पर नीचे कुछ भी नहीं सुझाया गया है - अगर सवाल में बात बहुत जटिल है - यहाँ एक सम्मान डेटा विज़ुअलाइज़ेशन अकादमिक द्वारा "नोड-लिंक" अवधारणा के लिए कुछ विकल्पों पर एक लेख है जो नेटवर्क मैप्स के लिए आधार के रूप में अवधारणा है जो डेटा विज़ुअलाइज़ेशन शोधकर्ताओं के साथ आए हैं। यदि आप यह पता लगा सकते हैं कि इनमें से कुछ को उपयोगकर्ता के अनुकूल और दिशात्मक में कैसे अनुकूलित किया जाए, तो आप विजेता बन सकते हैं। लेकिन यह जाने के लिए वास्तव में कठिन तरीका है, केवल कोशिश करें कि अगर आपको करना है।
तो, दिशा / प्रवाह और नोड / तत्व की श्रेणियों पर जोर देने के साथ जटिल प्रवाह आरेख और नेटवर्क आरेख। पहले बुनियादी सिद्धांत:
- प्रत्येक नोड / तत्व को सरल रखें
- उनके बीच स्पष्ट पदानुक्रम के साथ तत्व के प्रकारों के बीच अंतर स्पष्ट और सरल बनाएं
- जितना संभव हो एक पृष्ठभूमि तत्व का प्रवाह और कनेक्टिविटी बनाएं
सिग्नल-टू-शोर अनुपात (कभी - कभी सूचना-ग्राफिक्स के संदर्भ में डेटा-इंक अनुपात कहा जाता है) के बारे में सोचें : कनेक्शन दृश्य गाइड हैं, डेटा नहीं, इसलिए उन्हें जितना संभव हो उतना कम सूक्ष्म बना दें, उनका पालन करना आसान नहीं है। फिगर-ग्राउंड के बारे में भी सोचें : डेटा वह चीज होनी चाहिए जो अग्रभूमि में मौजूद हो, प्रवाह और श्रेणी दिखाने वाले दृश्य संकेत पृष्ठभूमि होनी चाहिए जिससे लोग वाकिफ हों, लेकिन विचलित न हों।
पहला उदाहरण, एक टाइपोग्राफी निर्णय फ़्लोचार्ट पोस्टर (मुझे यकीन है कि कुछ लोग सामग्री से असहमत होंगे ...)। केवल काले और सफेद का उपयोग करते हुए, यह तत्वों के बीच एक स्पष्ट पदानुक्रम के साथ एक जटिल चित्र को प्रयोग करने योग्य बनाता है:
यह बहुत स्पष्ट है कि प्रत्येक तत्व क्या है, स्पष्ट-लेकिन-सूक्ष्म हाइटलाइटिंग और भिन्नता का उपयोग करके जो न्यूनतम शोर जोड़ता है। पूरा जटिल है लेकिन प्रत्येक भाग स्पष्ट है।
संभावित सुधार - कोई समग्र दिशा नहीं है, इसके बीच से बाहर जाने से - लाइनों में दिशात्मक जानकारी हो सकती है बिना डॉट्स के बजाय बहुत छोटे सूक्ष्म बिंदीदार शेवरॉन (जैसे >>>>>) होने के कारण शोर को जोड़कर, ताकि आप कहीं भी शुरू कर सकें और देखें कि उन दिशाओं के बिना आगे कहाँ जाना विचलित कर रहा है।
यहां एक और समान उदाहरण है जहां प्रवाह एक पदानुक्रम (सबसे सामान्य> सबसे विशिष्ट) के माध्यम से आगे बढ़ रहा है। यह बहुत सारी श्रेणियों को दो प्रकार के नोड में बदल देता है: उत्पाद, और प्रकार, और नोड का आकार आपको प्रकार की विशिष्टता बताता है। (सर्कल की रूपरेखा और कनेक्टिंग लाइनें बहुत अधिक सूक्ष्म हो सकती हैं, लेकिन उन्हें ऐसा लगता है कि उन्हें प्रकार के पूरक के लिए भारित किया गया है और केंद्रीय पिंट ग्लास को छोड़कर और भी सब कुछ दे दिया गया है)। सर्कल साइज भी स्थिति और प्रवाह के एक संकेत के रूप में दोगुना हो जाता है - आप बड़े से छोटे सर्कल में जाते हैं, इसलिए उन्हें किसी अन्य जटिलता-जोड़ने वाले दृश्य संकेतों की आवश्यकता नहीं है जैसे कि तीर।
बहुत प्रकार की बीयर
PopChartLab द्वारा किया गया बहुत सारा काम प्रासंगिक है। वे बड़े-बड़े पोस्टर्स में बहुत सारी इंटरकनेक्टेड चीजें दिखाते हैं, और वे कभी-कभी अपनी प्रक्रिया लिखते हैं। यहाँ एक परियोजना का उनका लेखन है, जहाँ वे वास्तव में उन चीजों की मात्रा से जूझ रहे हैं जिन्हें वे दिखाना चाहते थे । मुझे व्यक्तिगत रूप से अंतिम परिणाम पसंद नहीं है (उन्होंने हेयरबॉल को वश में करने के लिए कड़ी मेहनत की, लेकिन अंतिम परिणाम अभी भी एक हेयरबॉल है), लेकिन पढ़कर कि उन्होंने क्या कोशिश की और क्या काम किया और क्या मदद नहीं की।
यहां एक उदाहरण दिया गया है जो श्रेणियों में प्रवाह और क्रम में दिखाने के लिए पृष्ठ पर प्लेसमेंट का साफ उपयोग करता है। इसे धुंधले रंग की स्कीम की जरूरत नहीं है (जो कि विषय वस्तु, एप्पल के पुराने इंद्रधनुष के रंग का लोगो का संदर्भ है)। इस तरह से पेज x और y अक्ष का उपयोग करने से यह अन्य प्रकार की जानकारी के लिए कनेक्टिंग लाइनों को बचा सकता है।
अंत में, जैसा कि मैंने शुरुआत में उल्लेख किया है, सॉफ्टवेयर आर्किटेक्चर आरेख नेटवर्क मैप्स का एक उदाहरण है, जो एक प्रकार का नक्शा है। तो, आप नियमित (कार्टोग्राफिक) मानचित्रों से विचार प्राप्त कर सकते हैं, जिसमें बहुत सारी श्रेणियों की एक समान समस्या है, जटिल जानकारी, जिसमें अक्सर कनेक्शन और दिशा होती है - लगातार आपके कई संकेतों को शोर में बदलने से रोकने की कोशिश करते हैं।
एक्सिस मैप्स अद्भुत टाइपोग्राफिक मानचित्रों का निर्माण करते हैं, जो मैंने देखे गए किसी भी सूचना ग्राफिक्स के कुछ सबसे अच्छे सिग्नल-शोर अनुपातों का उपयोग करते हैं, बस उनके लेबल का उपयोग चीजों के लेबल के रूप में करते हैं - फिर रंग और टाइपोग्रैहि और रिक्ति के कुछ सूक्ष्म मोड़ इंगित करने के लिए। वर्ग।
यदि आपको कुछ चरम टाइपोग्राफी से ऐतराज नहीं है, तो इसका उपयोग संभवतः एक फ्लो चार्ट को नियंत्रित करने के लिए किया जा सकता है जो नियंत्रण से बाहर हो रहा था। श्रमसाध्य काम की तरह दिखता है, लेकिन परिणाम भयानक हैं।
