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


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

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

तो, आगे की हलचल के बिना, चलिए अपनी टिप्पणियों पर चलते हैं:

समस्या 1: लोग पाठ नहीं पढ़ते हैं

मुझे लगता है कि अधिकांश डेवलपर्स इस समस्या से अवगत हैं। हैरानी की बात है कि खिलाड़ियों का एक बड़ा हिस्सा किसी भी पाठ को छोड़ देता है जो आप उन्हें दिखाते हैं। हमने पाया कि खिलाड़ियों के विशाल बहुमत (> 80%) ने केवल निर्देश स्क्रीन पर क्लिक किया था जिसे हमने डेमो की शुरुआत में जोड़ा था, जिसमें गेमप्ले की मूल बातें वर्णित थीं:


निर्देशों के साथ मेनू। केवल 20% खिलाड़ी इसे पढ़ने के लिए परेशान होते हैं (और उनमें से 100% लड़ाई जीतते हैं)

हम यह भी पाप करते हैं - ईमानदार होने के लिए, जो नया गैजेट खरीदते समय निर्देशों को पढ़ता है? हम इसे उपयोगकर्ता के अनुकूल होने की उम्मीद करते हैं, और हम इसे कमोबेश अंतर्ज्ञान और प्रयोग की मदद से सीख सकते हैं।

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

निर्णय

हम जानते हैं कि आमतौर पर ऑन-स्क्रीन पाठ अंतिम चीज होती है, जब खिलाड़ी अटक जाते हैं। तो चलिए याद करना असंभव है:


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

यह नोटिस करना मुश्किल हुआ करता था। खिलाड़ी को उस पर ध्यान देने के लिए मजबूर करने के बाद, हमने व्यावहारिक रूप से परिस्थितियों से छुटकारा पा लिया जब खिलाड़ियों ने पूछा: "मुझे आगे क्या करना चाहिए?"।

संभवतः, हम पाठ को एनिमेट करके और इसे व्यवस्थित करके सिस्टम को बेहतर बना सकते हैं ताकि यह उन टाइलों पर ध्यान आकर्षित करे जिन्हें आपको एक स्थिति का चयन करने के लिए क्लिक करने की आवश्यकता है।

---

समस्या 2: इंटरएक्टिव ऑब्जेक्ट्स दर्शनीय होने चाहिए

हम स्पष्ट छोड़ देते हैं: बटन को बटन की तरह दिखना चाहिए, और खिलाड़ी को यह समझना चाहिए कि किसी भी समय उसके पास क्या विकल्प उपलब्ध हैं।

स्टीमर में, एक खिलाड़ी को अपनी बारी पर मेनू (कुछ क्षमता, उदाहरण के लिए, "दूर से हमला" या "रक्षात्मक रुख") से एक कार्रवाई का चयन करना चाहिए। जब ऐसा होता है, तो एक मेनू दिखाई देता है:


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

हमने देखा कि इस स्तर पर कुछ खिलाड़ी फंस गए हैं, उन तत्वों की तलाश में माउस के साथ स्क्रीन को छान रहे हैं जिनके साथ आप बातचीत कर सकते हैं :


खिलाड़ी वह चीज ढूंढ रहा है जिसे आप स्क्रीन पर क्लिक कर सकते हैं, और उसकी जलन हर पल बढ़ जाती है

निर्णय

यद्यपि हम उन टाइलों को हाइलाइट करते हैं जिन पर आप क्लिक कर सकते हैं, वे कमजोर रूप से खड़े होते हैं। स्थिति इस तथ्य से बढ़ जाती है कि खिलाड़ी अक्सर एक कार्रवाई चुनने से पहले प्रतिद्वंद्वी पर एक संक्षिप्त नज़र डालते हैं, यह देखते हुए कि टाइल आवंटन दिखाई नहीं देते हैं। यहाँ हमने इस समस्या को हल किया है:


टिमटिमाती टाइलें एक खिलाड़ी का ध्यान आकर्षित करती हैं

यदि खिलाड़ी कुछ समय के लिए उपयुक्त टाइल पर कर्सर नहीं ले जाता है, तो हम झिलमिलाहट को चालू करते हैं।

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

---

समस्या 3: कॉल टू एक्शन तत्काल / प्रासंगिक होना चाहिए

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

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

यह देखने के लिए स्क्रीन का उपयोग किया गया है:


दस्ते के गठन के लिए बोरिंग और क्रिया निर्देश

यद्यपि यह खिलाड़ी को सब कुछ बताता है जिसे आपको गठन निर्धारित करने के लिए जानने की आवश्यकता है, कुछ समस्याएं उत्पन्न होती हैं - (ए) खिलाड़ी पाठ को नहीं पढ़ते हैं और (ख) निर्देशों को पाठ के एकल ब्लॉक के रूप में प्रस्तुत किया जाता है जो कार्रवाई के लिए स्पष्ट कॉल की तरह नहीं दिखता है । बुरी बात।

निर्णय

चूंकि हमने पहले से ही एक सुंदर, आंख को पकड़ने वाला पाठ लागू किया है, इसलिए इसे निर्देशों के इस उबाऊ ब्लॉक को तोड़ने के लिए क्यों नहीं लागू किया जाता है?


अब हम खिलाड़ी को कदम से मार्गदर्शन करते हैं - पहले उसे "अपने रैक को सेट करने के लिए चरित्र पर क्लिक करें", फिर "एक रैक चुनें", "एक स्थिति चुनें", आदि।

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

---

समस्या: संक्षिप्त और तकनीकी शब्दावली का उपयोग मॉडरेशन में किया जाना चाहिए

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

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


फोकस क्षमता का एक सुखद संक्षिप्त लेकिन समस्याग्रस्त विवरण: "फोकस देता है"

सब कुछ सही लगता है, है ना? लेकिन हमने देखा कि खिलाड़ी इस क्षमता का उपयोग बहुत कम करते हैं ।

निर्णय

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


थोड़ा और विस्तृत विवरण: “ध्यान देता है। आपकी सबसे शक्तिशाली क्षमताओं को अनलॉक करता है। ”

हां, वर्णन थोड़ा सा हो गया है। लेकिन हमने देखा कि इस क्षमता का उपयोग करने वाले लोगों का अनुपात बढ़ गया है। नया पाठ एक साथ खिलाड़ी को "बेचता" है, और एक अतिरिक्त संदर्भ प्रदान करता है ताकि वे टूलटिप से इसके महत्व को समझ सकें, भले ही उन्होंने नियमों को नहीं पढ़ा हो।

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

---

समस्या 5: लोग कुछ शब्दों के बारे में पक्षपाती हैं

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


वज्र औषधि का पुराना विवरण: “एक लक्ष्य चुनें। उसका अगला हमला दोहरा नुकसान करेगा। ”

यहाँ क्या समस्या है? "लक्ष्य" शब्द का एक आक्रामक अर्थ है ।

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

निर्णय

ऐसा लग रहा था कि हमें इस तरह की तकनीकी भाषा के इस्तेमाल से दूर जाना है। हमने इस समस्या को हल किया है:


बेहतर विवरण: “एक सहयोगी को मजबूत करता है। उनका अगला हमला दोहरा नुकसान करेगा। ”

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

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

---

समस्या 6: कुछ रंगों के साथ लोगों का जुड़ाव होता है

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


डरावना लाल टाइल्स हाइलाइटिंग

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

निर्णय

हमने परस्पर विरोधी संघों के "चौराहों" से बचने की कोशिश की। हमारा समाधान:


लगभग एक ही (लेकिन काफी नहीं) लाल-नारंगी हाइलाइट टाइल्स

हमने बस लाल बैकलाइट को थोड़ा नारंगी रंग के करीब स्थानांतरित कर दिया। यह देखा जाना चाहिए कि क्या यह वास्तव में समस्या को हल करता है (जो वास्तव में केवल कुछ खिलाड़ियों को प्रभावित करता है)। लेकिन मजेदार बात यह है कि इस तरह कोई और गलत नहीं था।

इसलिए, मैं दोहराता हूं, दोहराएं कि आपकी व्याख्या खिलाड़ियों के मन में मौजूद संघों को नकारात्मक रूप से प्रभावित नहीं करती है ।

---

समस्या 7: अतिरिक्त क्लिक बुराई हैं

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

लड़ाई के अंत में, प्रशंसक खेल खेलते हैं और एक बड़ा संदेश "विजय" या "हार" स्क्रीन पर दिखाई देता है:


फिर खिलाड़ी लड़ाई से बाहर निकलने और मुख्य मेनू पर लौटने के लिए स्क्रीन पर कहीं भी क्लिक कर सकता है। हमने डेमो असेंबली को बदल दिया ताकि लड़ाई से बाहर निकलने के बाद खिलाड़ी मेलिंग सूची सदस्यता संवाद देखेंगे।

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

निर्णय

कुछ ही सेकंड के बाद खेल को समाचार पत्र सदस्यता स्क्रीन प्रदर्शित करना चाहिए।


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

---

निष्कर्ष

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

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


PlayExpo लंदन में डेटा और अवलोकन एकत्र किए गए। मुझे स्प्रेडशीट बहुत पसंद है।

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

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