इनबाउंड RC में विजुअल स्टूडियो UI बदलना

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

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

बीटा फीडबैक

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

• अधिक से अधिक "दृश्य ऊर्जा" और इसके विपरीत की सामान्य इच्छा।
• मेट्रो शैली के अधिक संतुलित अनुप्रयोग के लिए कॉल करता है।
• माउस की अधिक स्पष्टता और रंग का उपयोग करने की उनकी भिन्नता की इच्छा।

यहां हमने आपके द्वारा सुने गए आरसी के अनुसार किए गए परिवर्तनों पर एक त्वरित नज़र डाली है। इन स्क्रीनशॉट में प्रतिबिंबित प्रत्येक परिवर्तन इस पोस्ट के बाकी हिस्सों के दौरान अधिक विस्तार से वर्णित है।

ऊर्जा में वृद्धि

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

डिजाइन के तीन मुख्य पहलू हैं, जहां हमने विजुअल स्टूडियो 11 की "ऊर्जा में वृद्धि" की है। पहला यह है कि लाइट थीम में विजुअल स्टूडियो 11 में उपयोग किए जाने वाले ग्रे कलर का लाइटनिंग और यूजर इंटरफेस की पठनीयता में सुधार।



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



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

स्टाइलिंग नियंत्रण

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

आरसी में, एकमात्र क्षेत्र जहां हम ऊपरी मामले का उपयोग करेंगे, मेनू का शीर्ष स्तर है।

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

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


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

आइकन की उपयोगिता को हल करना

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

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

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


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


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


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


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

यह सब एक साथ रखना

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

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

मोंटी हैमोंट्री उपयोगकर्ता अनुभव, माइक्रोसॉफ्ट डेवलपर टूल्स के निदेशक हैं।

UPD : आप विजुअल स्टूडियो के नए संस्करण के बारे में अपनी प्रतिक्रिया यहां छोड़ सकते हैं । इसके अलावा, आप मौजूदा समीक्षाओं के लिए मतदान कर सकते हैं।