इंटरफ़ेस को आसान बनाएं

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

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

प्रगतिशील खुलासा

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

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

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

प्रसंग क्रिया

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

तत्वों और दृश्य पदानुक्रम की व्यवस्था

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



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

दृश्य शोर और इसके विपरीत

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



एक अन्य उदाहरण के रूप में, एपर्चर 2.0 के थोड़ा संशोधित स्क्रीनशॉट पर विचार करें। यह दिखाता है कि यदि प्रोग्राम इंटरफ़ेस iLife08 (और आंशिक रूप से iLife09) से अधिक विषम पाठ क्षेत्रों को शामिल करता है, तो कैसा लगेगा। परिवर्तित इंटरफ़ेस वास्तविक की तुलना में बहुत अधिक जटिल दिखता है। जैसा कि उपरोक्त उदाहरणों से देखा जा सकता है, यहां तक ​​कि बस रंग बदलने से, इंटरफ़ेस को बहुत सरल बनाया जा सकता है।



प्रतीक का उपयोग करना

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

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

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

सोच की शैलियाँ

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

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



एक। "महीने के 28 वें दिन" का क्या मतलब है?
ख। "महीने के चौथे मंगलवार" का क्या अर्थ है?
एक। आपको यह समझने में कितना समय लगा कि इसका क्या मतलब है?

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

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