मासूमियत खोना: अपने पहले ऐप के डिजाइन के बारे में

बार-बार संवर्धित पद, अब अपनी ओर से।

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

दो महीने पहले, मेरे सहयोगी आंद्रेई विनोग्रादोव ने मुझे ऐप्पल स्टोर के लिए एक नए आवेदन के लिए एक महान विचार लागू करने की सलाह दी। एक महीने पहले, मैंने बेचना शुरू किया, और मैं इस क्षेत्र में खरोंच से अपना पहला आवेदन कैसे शुरू करना चाहता हूं, इस बारे में बात करना चाहता हूं। यह कठिन है, लेकिन बहुत दिलचस्प है, और हम में से कुछ इस आरामदायक बुढ़ापे पर पैसा बनाएंगे।

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



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

अचानक app स्टोर पुलों छोड़ दिया
www.iphones.ru/iNotes/29206
और कार्य इंटरफ़ेस को संशोधित करना है। कार्यक्रम ने समस्या को हल कर दिया, लेकिन यह धारणा छोड़ दी कि iPhone स्क्रीन के बजाय, मालिक उसके साथ एक बड़ी निगरानी करता है, जिस पर सब कुछ फिट होना चाहिए, और रेटिना प्रदर्शन एक छोटी सी हास्यास्पद गलतफहमी है।

पैलेट को बदलने और डामर और सड़क के निशान के रंगों को छोड़ने का निर्णय लिया गया। आंतरिक आइकन का पहला स्केच दिखाई देता है। उत्कृष्ट साइट "razvodkamostov.ru" जेब निर्धारण का विचार सुझाती है कि यहां तक ​​कि लेबेडेव का थीम भी अभिव्यक्तियों में शर्मीला नहीं है।
www.artlebedev.ru/kovodstvo/business-lynch/2010/07/12





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





सच्चाई के समान, लेकिन आदर्श से बहुत दूर। उन्होंने सामाजिक बुकमार्क (ऊपर बाएं) के लिए एक बटन जोड़ने का फैसला किया, जो पहले से ही MobileRSS में लागू है - यदि उपयोगकर्ता संतुष्ट है, तो उसे विज्ञापन में हमारी मदद करें, और मालिक के स्थान के आधार पर पुलों को छाँटने के लिए एक gps बटन (नीचे बाएँ) जोड़ें। हम इस बारे में सोच रहे हैं कि क्या कार के मालिक को सड़क जंक्शन (नीचे दाएं) की जरूरत है, लेकिन ऐसा लगता है कि हम गलत रास्ते पर जा रहे हैं। लेकिन क्षैतिज स्क्रीन के साथ समस्याएं पिछली बार की तुलना में अभी भी बेहतर हैं, लेकिन ऐसा नहीं है, इसलिए सवाल थोड़ी देर के लिए अलग रखा गया है। इस स्तर पर, हम समाधान "समय पर क्लिक किया - यह पुल के लिए दूरी के लिए बदल गया - पुल के लिए दूरी पर क्लिक किया, यह समय में बदल गया", जो स्क्रीन अंतरिक्ष बहुत बचाता है। रज़वोडका 90 के दशक की भावना में कुछ है, हम वर्तनी को सिरिलिक में बदलते हैं। फ़ोटोशॉप में कई घंटों के बाद, रंग तेज और तेज हो गए:





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



हम मदद स्क्रीन के सबसे सुविधाजनक कार्यान्वयन के बारे में सोचते हैं और पहले कुछ रेखाचित्र करते हैं:





विचार ताजा है, लेकिन "एक विचार के लिए एक विचार" इसके लायक नहीं है - कार्यक्रम के पहले दस उपयोगकर्ताओं का कहना है कि "सब कुछ स्पष्ट है।" रेडीमेड स्क्रीन स्क्रैप में जाते हैं। उन्होंने "समझ से बाहर" को केवल स्थान के आधार पर छाँटने के लिए एक बटन कहा है, और इसके लिए कुछ छोटे-छोटे याद दिलाने वाले आइकन बनाए गए हैं।



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





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





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





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





शुरू से ही, यह स्पष्ट था कि यह जियोलोकेशन प्रोग्राम में Google मैप्स के साथ एक स्क्रीन को एम्बेड करने के लायक था, लेकिन यहां तक ​​कि इस तरह के एक सरल विचार दो समस्याओं में गिर गया: मौजूदा डिज़ाइन में मैप को एम्बेड करें और इसे कोड में लागू करें, और यदि कुछ स्केच के बाद समस्या हल हो गई थी:





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



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

काम के दो महीने और हमें कार्य का कार्यान्वयन प्राप्त होता है: