एंड्रॉइड टीवी पर क्लाउड गेमिंग प्लेटफॉर्म डिजाइन करना - यूआई / यूएक्स डिजाइन केस स्टडी

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

"हमेशा एक फर्स्ट टाइम होता है"

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

परियोजना के बारे में

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

Google सामग्री दिशानिर्देशों ने हमें डिज़ाइन के साथ आरंभ करने में मदद की।

एंड्रॉइड टीवी नेविगेशन

एंड्रॉइड टीवी लेआउट और रिमोट

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

चित्र Google डिज़ाइन का श्रेय देता है

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

Android टीवी के लिए आर्टबोर्ड डिज़ाइन संरचना

अनुसंधान

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

छवि क्रेडिट विंडोज सेंट्रल

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

रंग चयन

रंग की

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

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

उपयोगकर्ता अनुसंधान

हमने उपयोगकर्ता अनुसंधान किया और उपयोगकर्ताओं के लिए 2 श्रेणियों को वर्गीकृत किया।

उपयोगकर्ता वर्गीकरण

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

कार्ड लेआउट

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

कार्ड डिजाइन

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

अंतिम परिणाम

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

आवेदन संरचना

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

अंतिम यूआई

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

पढ़ने के लिए धन्यवाद!