होटल आरक्षण के लिए Ostrovok.ru मोबाइल एप्लिकेशन

नमस्ते, मेरा नाम इवगेनी सेलेज़नेव ( ईवेगेनसेलेज़नेव ) है, मैं एक डिजाइनर हूं और ओस्ट्रोव्का में मोबाइल विकास टीम का प्रमुख हूं।

हम हाल ही में दुनिया भर के होटलों की बुकिंग के लिए Ostrovok.ru पर एक मोबाइल एप्लिकेशन जारी किया। इसमें, हमने एक सुविधाजनक इंटरफ़ेस में समृद्ध कार्यक्षमता प्रस्तुत करने का प्रयास किया। कार्य प्रक्रिया को कैसे व्यवस्थित किया गया था, मैं अधिक विस्तार से बताऊंगा।

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

कार्य

होटलों की खोज और बुकिंग के लिए एक सरल और सुविधाजनक एप्लिकेशन बनाएं।

अध्ययन

कार्य निर्धारित करने के बाद, पहला कदम अनुसंधान था। हमने अपने विषय के लिए कमोबेश लोकप्रिय अनुप्रयोगों का चयन किया।



हम समझते हैं कि यांत्रिकी लगभग समान हैं - दिशा, तिथियों, समीक्षाओं आदि की पसंद के माध्यम से मानक होटल खोज।

यह भी देखा जाता है कि अधिकांश में विभिन्न तत्वों और रंग लहजे के साथ एक इंटरफ़ेस ओवरलोड होता है।

बेशक, हम ऐसा नहीं करते हैं, इसलिए हम अतिसूक्ष्मवाद और तपस्या का रास्ता चुनते हैं।

प्रक्रिया है

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



कार्यक्षमता पर निर्णय लेने के बाद, हम स्क्रीन प्रदान करने के लिए आगे बढ़ते हैं।

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



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

ऊपरी बाएं बटन साइड मेनू के समावेश के लिए डिफ़ॉल्ट रूप से आरक्षित है, इसे बदला नहीं जा सकता। शीर्ष दाईं ओर कार्ड को चालू / बंद करने के लिए उपयुक्त है, या छंटाई के साथ फ़िल्टर करता है। कई विकल्पों के माध्यम से जाने के बाद, हम छँटाई के साथ फिल्टर पर रोकते हैं। हम कार्ड को ऊपर से नीचे की ओर स्वाइप जेस्चर का उपयोग करके चालू करते हैं (पुल डाउन डाउन टू रिफ्रेश के समान)।

खोज क्वेरी को बदलने के लिए, हम शीर्ष नेविगेशन बार पर एक छद्म बटन बनाते हैं, उसी समय वर्तमान क्वेरी दिखाते हैं। केवल पसंदीदा बाएं हैं - सेल के दाईं ओर स्वाइप का प्रारंभिक संस्करण फिट नहीं है, क्योंकि ये इशारे पहले से ही स्क्रीन के माध्यम से स्क्रॉल करने के लिए उपयोग किए जाते हैं। हम लंबे नल करते हैं।

मानचित्र पर हम वर्तमान स्थान का निर्धारण करने के लिए बटन जोड़ते हैं।



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



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



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



और सब कुछ
हम पसंदीदा के साथ स्क्रीन प्राप्त करते हैं, "कार्यक्रम के बारे में", "आइलेट को कॉल करें", विभिन्न त्रुटियों, रिक्त स्क्रीन और पासबुक के साथ एकीकरण।



विवरण जोड़ें, आइकन, चमक और साँस छोड़ना।



ऐप स्टोर पर लिंक: itunes.apple.com/en/app/ostrovok.ru/id564204730?mt=8

PS वैसे, यदि आप आवेदन से फेसबुक या ट्विटर से इसके बारे में जानकारी साझा करते हैं, तो आपको खाते में 1000 रूबल मिलेंगे।