मास्को बाइक

हमारे सहयोगी, एवगेनी मलिकोव ( all43 ) ने सुझाव दिया कि हम मॉस्को बाइक किराये की इंटरफ़ेस समस्याओं का अध्ययन करते हैं और संभावित समाधान ढूंढते हैं। खेल हित के लिए, हमने इस परियोजना के सभी कामों को एक दिन के लिए सीमित करने का निर्णय लिया।

मास्को में एक बाइक किराए पर क्या है?

2013 में, मास्को ने पहला सार्वजनिक साइकिल किराए पर लेने का नेटवर्क बनाया। इसमें पार्किंग सिस्टम होते हैं जो बाइक को स्टोर और किराए पर देते हैं, एक वेबसाइट जहां आप रजिस्टर कर सकते हैं, एक मुफ्त बाइक या पार्किंग जगह, एक बिलिंग सिस्टम और वास्तव में, साइकिल पा सकते हैं।

प्रतिभागियों

एंटन उतकिन ( एइन ) और दिमित्री किरिलोव ( डिमट्रैक ) थालिएंट फ्रंट-एंड कंपनी के सहकर्मी हैं। साथ में, वे इंटरफेस बनाते हैं, स्टार्टअप की मदद करते हैं, व्याख्यान देते हैं और अन्य दिलचस्प चीजें करते हैं।

एवगेनी मलिकोव (सभी 43 ) - यहां हमारी मदद करता है, मोबिऑनी में एक परियोजना प्रबंधक के रूप में काम करता है, और भुगतान प्रणालियों को समझता है। वैसे, अब वह काम की तलाश में है।

परियोजना

कहानी की सुविधा के लिए, हमने परियोजना को क्रम में कई भागों में विभाजित करने का निर्णय लिया। बाइक किराए पर लेने के लिए, आपको वेबसाइट velobike.msk.ru पर पंजीकरण करना होगा। पूरी साइट कैसे काम करती है, यह समझाने के लिए वही साइट जिम्मेदार है।

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

अगला, हम साइकिल भंडारण और वितरण प्रणाली के इंटरफेस को देखते हैं, और फिर पूरे सिस्टम के सामान्य बाधाओं को एक पूरे के रूप में।

वेबसाइट

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



जैसा कि हम देख सकते हैं, साइट में 10+ पृष्ठ हैं। मुख्य पृष्ठ अधिभोग के संकेत के साथ साइकिल पार्किंग का एक नक्शा दिखाता है, साथ ही एक तालिका भी है जो मानचित्र से जानकारी को डुप्लिकेट करता है।

पार्किंग स्थल (8 या 16 स्थानों) के आकार को दिखाने के लिए, मानचित्र पर दो हलकों का उपयोग किया जाता है, जिसके अंदर लाल भाग उपलब्ध बाइक और सफेद मुक्त पार्किंग स्थानों को इंगित करता है।

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

प्रक्रिया है

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

वर्तमान साइट पर मेनू

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

इस क्षण तक, हमारे पास पहले से ही हमारे सिर में एक-पृष्ठ प्रोमो साइट की एक तस्वीर थी, जो हमें एक पृष्ठ पर सभी महत्वपूर्ण कार्यों को करने की अनुमति देती है।

यहाँ मुख्य पृष्ठ की संशोधित ड्राइंग है:


जैसा कि आप देख सकते हैं, साइट पर कुछ ध्यान दिया गया है:

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

अब हमें यह कल्पना करने की आवश्यकता है कि प्रत्येक मुख्य भाग में क्या होगा।

पंजीकरण और लॉगिन

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

पार्किंग योजना

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

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

शुल्क और नियम

किराये की प्रणाली कैसे काम करती है और किराया कितना है, इसकी एक व्याख्या, हमने एक इंटरैक्टिव इकाई के रूप में बनाने का फैसला किया। इस ब्लॉक को पट्टे के स्थायी और समय-आधारित हिस्से की लागत दिखाना चाहिए। ऐसा करने के लिए, हमने निर्धारित भाग के लिए संभावित टैरिफ का विकल्प बनाया (1 दिन के लिए, एक सप्ताह के लिए, एक महीने के लिए, 31 अक्टूबर तक), और चर भाग की लागत की गणना एक स्लाइडर के साथ स्पष्टीकरण के साथ दिखाई गई। स्पष्टीकरण यह दिखाना महत्वपूर्ण है कि पहले 30 मिनट नि: शुल्क प्रदान किए जाते हैं, साथ ही किराए के 6 घंटे बाद एक अदृश्य खतरे का प्रदर्शन करने के लिए, जब किराए के समय-आधारित हिस्से की लागत 1,500 रूबल है।

हमने लिंक के पीछे के सभी नियमों और कानूनी स्पष्टीकरण को हटाने का फैसला किया "विशेष रूप से साइकिल का उपयोग करने के लिए टैरिफ और शर्तों का पूरा विवरण," क्योंकि इन नियमों को अभी भी पंजीकरण के समय अपनाया जाना होगा।

परिणाम

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