देखा, शूरा: हमने मिशिको डॉग ट्रैकर मोबाइल ऐप कैसे बनाया

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

विशेष रूप से हमारे ब्लॉग के लिए, हमने मिशिको के प्रमुख डिजाइनर डारिया इवाशेंको से मिशिको एप्लिकेशन के डिजाइन की कहानी बताने के लिए कहा।

डारिया इवाशेंको, मिशिको:

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



लेकिन चलिए शुरू करते हैं।

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

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



हमारे तर्क के अनुसार, उपलब्धियों को प्राप्त करने के लिए, हर बार नए रिकॉर्ड लेना आवश्यक नहीं था। इसके विपरीत, आप सभी को एक उपलब्धि देते हैं: क्या आप पूरे दिन घर पर झूठ बोलते थे? पत्थर को पकड़ो। लेकिन ऐसे हास्य पुरस्कारों ने पड़ोसी कुत्तों के साथ गतिविधि में नए लक्ष्यों और प्रतियोगिताओं की उपलब्धि के साथ मुख्य लाइन में हस्तक्षेप नहीं किया।

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

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

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




हमने इसे ठुकराने का फैसला क्यों किया? क्योंकि हमारे व्यावसायिक उद्देश्य बदल गए हैं।

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

अलविदा, कार्टून शैली!

आगे परीक्षण

पहले एमवीपी अनुप्रयोगों को विकसित करते समय, हमने ड्राफ्ट वाईफ़ाई फ्रेम विकसित करके शुरू किया। यहाँ वे हैं:



और पहले से ही इस स्तर पर पहले परिकल्पना में से एक सामने आया, जिसे हमने लगभग तुरंत अस्वीकार कर दिया - यह नेविगेशन "बाईं ओर" है, जैसा कि यहां है:



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

दर्दनाक बदलाव

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

दूसरा परिवर्तन - हमने अंकों में गतिविधि को मापना शुरू किया, न कि "गतिविधि के समय" में, जैसा कि यह शुरुआत में था। परीक्षणों से पता चला कि कुत्ते को किस समय, किस मोड (मजबूत गतिविधि / कमजोर / नींद) में बिताया गया है, इसके "समय" की तुलना में अंकों में उपलब्धियों को समझना बहुत आसान है।

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

तीसरे, हमने मुख्य गतिविधि स्क्रीन के प्रदर्शन प्रारूप को बदल दिया। आइए इस बारे में अधिक विस्तार से बात करते हैं।

गतिविधि दिखाएं

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

इस (प्रतीत होता है सरल) डेटा की कल्पना करने के लिए, हमें कई तकनीकी समस्याओं का सामना करना पड़ा। यहाँ पहले विज़ुअलाइज़ेशन विकल्पों में से एक है जिसे हम लेकर आए हैं:



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

फिर हमने इस विकल्प की कोशिश की:



जैसा कि आप देख सकते हैं, यह बहुत आसान और अधिक समझ में आ गया है। नीले रंग में हमने एक "सामान्य" दिन चिह्नित किया जब कुत्ते अंक में लक्ष्य तक नहीं पहुंचे। जैसे ही आप अपने लक्ष्य तक पहुँचते हैं, रंग पहले नीले रंग में बदल जाता है, और फिर पीले रंग में - जब एक नया रिकॉर्ड पहले ही ले लिया जाता है।

समानांतर में, हमने एक सर्कल के साथ विकल्प का परीक्षण किया जो अपने आप पर एक अलग रंग के नए सर्कल को "लपेटता" है। यहाँ यह विकल्प है:



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

दृश्य के साथ प्रयोगों की एक श्रृंखला के दौरान, उदाहरण के लिए, ये:




... हम इस अंतिम संस्करण में आए हैं:


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

गतिविधि ग्राफ़ के बारे में क्या? ओह, यह एक और कहानी है। चलो चलते हैं

गतिविधि के आंकड़े दिखाएं

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



एक संबंधित मुद्दा जिस पर हमने अक्सर चर्चा की, वह है अंकों की कमी की जरूरत जब हम स्कोर के बारे में बात करते हैं। कारण सरल है: सबसे पहले हमने विवरण को 1000-2000 अंकों या सामान्य रूप से सैकड़ों में विभाजित किया। सैकड़ों उथले पहले: वे अक्सर ब्याज के साथ भ्रमित होते हैं और यह एक बुरी संगति है।




फिर हमने एक और "शून्य" जोड़ा, डिवाइस के एल्गोरिदम का परीक्षण करना शुरू किया, और देखा कि 2000 की संख्या के साथ, आपके पास बड़ी संख्या में चरणों के लिए अतिरिक्त अंक दिए गए हैं। यही है, आपको 15 चरणों में एक सशर्त +1 अंक मिलता है, लेकिन कम से कम सौ। और चूंकि सभी ट्रैकिंग लगभग वास्तविक समय में होती हैं, इसलिए ऐसा लगता है कि कुछ अपडेट नहीं हैं या जब आप थोड़ी दूरी पर चलते हैं तो वे काम नहीं करते हैं। फिर हम और अधिक भयावह संख्या (20-30 हजार) आए, जो बदले में किसी भी संख्या के लिए एक ठोस परिणाम देते हैं। चल दिया - एक हजार मिल गए, कुछ कदम चले - दसियों अंक मिले।

परिणामस्वरूप, हम सांख्यिकी के डिजाइन को ऐसे न्यूनतर रूप में लाए:



वह आपके लिए कैसा है? आइए चर्चा करें)