MMORPG Skyforge में इंटरफ़ेस डिजाइन

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

अनोखा अंतर

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

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



उन्हें संक्षेप में निम्नानुसार वर्णित किया जा सकता है:

• कैरियरवादियों (प्राप्तकर्ताओं) - हमेशा उपलब्धियों की तलाश में;
• शोधकर्ता (खोजकर्ता) - जानकारी के लिए "पृथ्वी खोदें";
• sociophiles (socialisers) - समुदाय बनाते हैं, बातचीत का आनंद लेते हैं;
• हत्यारे - दूसरों की कीमत पर खुद को परखना चाहते हैं।

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

दूसरा सबसे महत्वपूर्ण कारक जो कई खेलों में मौजूद है, वह है जिस तरह से खिलाड़ी सूचना के साथ, हमारे मामले में, खेल की दुनिया में बातचीत करता है। यह सीधे नहीं होता है, लेकिन मध्यवर्ती वस्तुओं की श्रृंखला के माध्यम से (एक चरित्र, एक गेम कैमरा, आदि के माध्यम से)।



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

	चरित्र द्वारा मनाया जाता है	केवल खिलाड़ी द्वारा देखा गया	Metaoschuscheniya
खेल के अंतरिक्ष में	इंटरैक्टिव वस्तुओं	ज्यामितीय इंटरफ़ेस तत्व	चरित्र की स्थानिक अनुभूतियाँ
खेल के स्थान के बाहर	मेटा ऑब्जेक्ट्स	संकेतक	चरित्र की अपनी भावनाएँ

इंटरफ़ेस तत्व

खेल की दुनिया में वस्तुओं चरित्र और खिलाड़ी द्वारा मनाया जाता है



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

प्लस:

• खेल की दुनिया से रुकावट के बिना सूचना हस्तांतरण।

विपक्ष:

• खेल के माहौल से संबंधित जानकारी के डिजाइन पर प्रतिबंध;
• पहुंच कठिनाई, चरित्र आंदोलन की आवश्यकता है।

चरित्र और खिलाड़ी द्वारा देखी गई दुनिया के बाहर की वस्तुएं



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

पेशेवरों:

• खेल की दुनिया से रुकावट के बिना सूचना हस्तांतरण;
• सूचना तक त्वरित पहुंच;
• खिलाड़ी सीधे इंटरफेस के साथ बातचीत करता है।

कम:

• खेल के वातावरण से संबंधित जानकारी के डिजाइन पर प्रतिबंध।

खेल में वस्तुओं चरित्र के लिए अदृश्य



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

पेशेवरों:

• स्थानिक संदर्भ;
• खिलाड़ी सीधे इंटरफेस के साथ बातचीत करता है।

कम:

• एक कलात्मक दृष्टिकोण से तस्वीर को खराब करता है।

खेल अंतरिक्ष के बाहर वस्तुओं, चरित्र के लिए अदृश्य



कोई भी इंटरफेस जो वायुमंडल से संबंधित नहीं हैं और खेल की दुनिया के बाहर हैं।

पेशेवरों:

• खिलाड़ी सीधे इंटरफेस के साथ बातचीत करता है;
• सबसे सुविधाजनक और समझने योग्य रूप में खिलाड़ी को जानकारी प्रस्तुत करने की क्षमता।

कम:

• जब अति प्रयोग किया जाता है, तो खेल को मेज पर कम कर देता है।

खेल की दुनिया के अंतरिक्ष में मेटा-धारणा



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

प्लस:

• स्थानिक संदर्भ।

विपक्ष:

• सीमित उपयोग;
• अमूर्तता की एक बड़ी डिग्री।

आउट-ऑफ-गेम मेटा-धारणा



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

प्लस:

• दृश्यता।

विपक्ष:

• सीमित उपयोग;
• अमूर्तता की एक बड़ी डिग्री।

MMORPG सरल और स्पष्ट है

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



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

1. संकेतक खेल की दुनिया से संबंधित सभी प्रतिबंधों को स्वीकार करते हैं।
2. ऐसे संकेतक तक पहुंच जटिल है।

ऐसे मामलों में जहां आप सुविधा का त्याग नहीं कर सकते, आपको अच्छे पुराने संकेतकों पर लौटना होगा। सामान्य तौर पर, गेम डिजाइनर लगभग ... के लिए सुविधा का त्याग करने को तैयार हैं। इससे बचने के लिए, हमने तीन सरल नियम विकसित किए हैं:

1. HUD - लड़ाई, लक्ष्य पदनाम।
2. इंटरफ़ेस विंडोज़ - रणनीतिक योजना (एक नया लक्ष्य चुनना, खिलाड़ी के चारों ओर की स्थिति)।
3. खेल की दुनिया में इंटरफेस - सामरिक योजना, दुनिया के बारे में जानकारी।

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

HUD

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

1. सबसे जरूरी फीड के साथ महत्वपूर्ण, जरूरी:
   
   • चरित्र की स्थिति;
   • संभव कार्य;
   • हो गया;
   • दुश्मनों की स्थिति और आस-पास के अनुकूल पात्रों की निगरानी करना;
   • गेम मास्टर्स से अलर्ट।
2. मध्यम महत्व, जरूरी नहीं, विवरण के साथ:
   
   • कार्य स्थिति अद्यतन;
   • कार्यों का प्रदर्शन;
   • आइटम प्राप्त करना;
   • एक खिलाड़ी के निर्णय (एक समूह को निमंत्रण) की आवश्यकता वाले कार्यक्रम
3. विवरण के साथ महत्वपूर्ण, जरूरी नहीं:
   
   • विभिन्न खेल यांत्रिकी (नीलामी, शिल्प) से अलर्ट;
   • सामाजिक कार्य।
   
   
4. महत्वपूर्ण, अत्यावश्यक नहीं, अधिकतम पूर्णता के साथ:
   
   • लंबी अवधि के लक्ष्यों से संबंधित खेल यांत्रिकी: चरित्र विकास, शिल्प, आदि।

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



ज़ोन 1. इसका उपयोग "महत्वपूर्ण, तत्काल, अधिकतम पूर्णता के साथ" समूह की जानकारी के लिए किया जाता है। यह वह क्षेत्र है जहां खिलाड़ी सबसे अधिक दिखता है। सभी सबसे महत्वपूर्ण चीजें यहां रखी गई हैं, जिसके बिना खेलना असंभव है।

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

• सरल एनिमेशन। वे खराब काम करते हैं, क्योंकि किसी ने अभी तक बैनर अंधापन को रद्द नहीं किया है।
• "एनिमेटेड ब्रेडक्रंब", जब हम ज़ोन 1 में कुछ इकाई को कॉम्पैक्ट रूप से दिखाते हैं और एनीमेशन को ज़ोन 2 में क्षेत्र के साथ जोड़ते हैं, जहां हम अतिरिक्त जानकारी देते हैं।

ज़ोन 3. समूह के लिए प्रयुक्त "कम-प्राथमिकता, अत्यावश्यक नहीं, अधिकतम पूर्णता के साथ"। यह वह जानकारी है जो खिलाड़ी युद्ध के मैदान के बाहर आसानी से पढ़ सकता है, चरित्र के लिए एक सुरक्षित क्षेत्र में।

खिड़कियां

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

फुलस्क्रीन और खेल की दुनिया इंटरफेस

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

व्यवस्थित

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

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



हम चरित्र के कौशल और मंत्र के लिए फ़ॉर्म के एन्कोडिंग का उपयोग करते हैं - उनके प्रभाव के प्रकार से। सिस्टम मान्यता और सुविधा का एक अतिरिक्त स्तर जोड़ता है।



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

निष्कर्ष

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

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

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

अन्य सामग्रियों को स्काईफोर डेवलपर्स वेबसाइट पर और हमारे Vkontakte समुदाय में देखा जा सकता है ।