एक त्वरित प्रोटोटाइप मोबाइल एप्लिकेशन बनाएं

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

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

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

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

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

सबसे लोकप्रिय रैपिड प्रोटोटाइप टूल।

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

आप ब्लैकबोर्ड, दीवार, कागज पर आकर्षित कर सकते हैं। हालाँकि, इस विधि के कई नुकसान हैं:

• लिखावट सुपाठ्य होनी चाहिए ताकि पूरा कार्य समूह इसे समझे, और ताकि आप स्वयं अपने नोट्स को स्वयं डिक्रिप्ट न करें
• दूरस्थ रूप से काम करते समय, इस तरह के एक प्रोटोटाइप को प्रदर्शित करना असुविधाजनक है

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

कागज के प्रोटोटाइप को कैसे गति दें और सरल करें

स्केचपैड (स्केचपैड, स्केचबुक, स्केचबुक)

यह एक नोटबुक है जो विभिन्न प्लेटफार्मों के फोन के मॉडल के साथ पंक्तिबद्ध है। "स्क्रीन" पर एक डॉट ग्रिड है।
आप टेम्प्लेट के अनुसार खुद स्केचपैड एनालॉग को प्रिंट कर सकते हैं: habrahabr.ru/post/152075

यूआई - नोटपैड

यह एक ही स्केचपैड है, केवल प्लेटफॉर्म से बंधे बिना। उस पर आप बिल्कुल किसी भी एप्लिकेशन को आकर्षित कर सकते हैं

पैटर्न।

यह एक सुविधाजनक चीज होनी चाहिए, लेकिन रूस में उन्हें बिक्री के लिए नहीं मिला।
www.uistencils.com/collections/frontpage/products/iphone-stencil-kit

टिकटों

रूसी दुकानों में, बहुत अधिक अनुपस्थित हैं, लेकिन आप एक कंपनी से जवानों के निर्माण का आदेश दे सकते हैं, या इसे अपने आप को रबड़ के टुकड़े से बना सकते हैं यदि हाथ सीधे पर्याप्त हैं। दुर्भाग्य से, स्याही काफी आसानी से गढ़ी हुई चीज़ है, इसलिए स्केचपैड को बचाने और खरीदने या प्रिंट करने की कोशिश नहीं करना बेहतर है।
www.cultofmac.com/224355/iphone-stamp-for-ui-sketching



यह "पेपर" टूल की समीक्षा का निष्कर्ष है, और सबसे दिलचस्प है:

रैपिड प्रोटोटाइप सॉफ्टवेयर सॉल्यूशंस

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

पॉप
popapp.in
प्रशंसकों के लिए एक उपकरण जो उनके हाथों से आकर्षित होता है। ड्रा, iPhone पर एप्लिकेशन डाउनलोड करें, एक तस्वीर लें, एक स्टोरीबोर्ड बनाएं, सहयोगियों के साथ परीक्षण करें और साझा करें। सब कुछ बहुत सरल है।

शाफ़्ट
maker.imtqy.com/ratchet
habrahabr.ru/post/157819
एक प्रोटोटाइप बनाया जाता है, जितना संभव हो एक वास्तविक एप्लिकेशन के करीब। इसे कंप्यूटर या फोन में डाउनलोड किया जा सकता है, लेकिन HTML, CSS और JS स्किल अपरिहार्य हैं।

Proto.io
proto.io
सास प्रोटोटाइप समाधान। हमें वास्तव में सेवा पसंद थी, लेकिन मुफ्त पैकेज में कार्यों का बहुत कम सेट शामिल है, इसलिए यह व्यावहारिक रूप से बेकार है। वास्तव में काम करने वाले टूल के लिए आपको कम से कम $ 24 का भुगतान करना होगा।

Codiqa
codiqa.com
एक और बादल समाधान। Proto.io के रूप में एक ही मुद्रीकरण मॉडल। यह सेवा कुछ के लिए अधिक सुविधाजनक लग सकती है।

Mockingbird
gomockingbird.com
स्थिति संशोधन के विपरीत है: एक निर्माणकर्ता है, लेकिन प्रदर्शन करना बहुत सुविधाजनक नहीं है। हां, और मोबाइल विकास के लिए खराब फिट बैठता है।

Lumzy
www.lumzy.com
पिछली सदी। स्मार्टफ़ोन के तहत, आप कुछ भी नहीं बना सकते हैं।

iPhone मॉकअप वेब ऐप
iphonemockup.lkmc.ch
एक विशिष्ट विशेषता एप्लिकेशन की ड्राइंग और फोन को स्वयं हाथ से लेने की नकल है, लेकिन यह लेआउट के बीच संबंध बनाने की क्षमता की कमी को सही नहीं ठहराता है।

अक्ष rp
www.axure.com
habrahabr.ru/post/101938
कार्यक्रम काफी कार्यात्मक है, इसे बाजार में नेताओं में से एक माना जाता है। IPhone और iPad के लिए प्रोटोटाइप साइटों और अनुप्रयोगों के लिए उपयुक्त है।

AppGyver
www.appgyver.com
चुनाव Android, iPhone और iPad के टेम्प्लेट में दिया गया है। यहां आप केवल डिज़ाइन के बिना एप्लिकेशन लॉजिक का परीक्षण कर सकते हैं, क्योंकि काम तैयार-तैयार रूपरेखा अनुप्रयोगों के साथ किया जाता है। मुफ्त स्थिति में, आप 3 स्क्रीनशॉट के साथ सेवा का परीक्षण कर सकते हैं। मोबाइल डिवाइस पर एक एप्लिकेशन इंस्टॉल करना संभव होगा जिसके साथ काम के परिणाम का मूल्यांकन करना संभव है।

तरल पदार्थ ui
www.fluidui.com
आश्चर्यजनक रूप से, इस सेवा में सभी आवश्यक कार्य हैं। हो सकता है कि यह दूसरों की तरह सुरुचिपूर्ण न हो, लेकिन यह आपको डिज़ाइनर में प्रोटोटाइप को इकट्ठा करने की अनुमति देता है, तैयार किए गए लेआउट में भरता है, एप्लिकेशन के पृष्ठों के बीच लिंक डालता है, परिणामस्वरूप लेआउट दोस्तों और सहयोगियों को देखने के लिए भेजता है और इसे फोन पर परीक्षण करता है। सेवा विंडोज फोन का भी समर्थन करती है!

MockFlow
www.mockflow.com
इसमें एक डेस्कटॉप एप्लिकेशन और एक ऑनलाइन सेवा है, जो निस्संदेह एक फायदा है, लेकिन इतना सरल है कि यह उबाऊ भी है।

Mockingbot
www.mockingbot.com
एक और बहुत अच्छा उपकरण जिसमें सभी आवश्यक कार्य शामिल हैं, लेकिन, दुर्भाग्य से, केवल iPhone का समर्थन करता है।

Prototypr
prototypr.com
ऐप्पल उपकरणों के मालिकों के लिए विशेष रूप से सॉफ्टवेयर। इसका उपयोग करना बहुत आसान है - बस लेआउट पर आवश्यक तत्वों को खींचें और छोड़ें और बटन के एक क्लिक के साथ हम फोन पर परिणाम को देखें।

डेस्कटॉप के लिए बलसामीक मॉकअप
www.balsamiq.com
आप एक साधारण स्केची प्रोटोटाइप और पिक्सेल सटीकता के साथ एक बहुत विस्तृत एक दोनों बना सकते हैं। तैयार स्टाइल एक गंभीर वाद्य यंत्र को एक मजेदार खिलौना बनाता है।

iPad के लिए iMockups
www.endloop.ca/imockups
अपने iPad पर प्रोटोटाइप बनाएं? आराम से! खुद के लिए और iPhone, बिल्कुल। आवेदन डाउनलोड करें और सादगी और एक अच्छे परिणाम का आनंद लें।

इंटरफ़ेस 2
interface2.lesscode.co.nz
सीधे iPhone और iPad के लिए गतिशील प्रोटोटाइप बनाना केवल $ 10 प्रत्येक के लिए उपकरणों पर सीधे।
प्रोग्रामिंग के बिना डिवाइस पर डिजाइन का प्रदर्शन

जस्टिनमिंट प्रोटोटाइपर
www.justinmind.com
एक उपकरण जो आपको iPhone, Android और iPad के लिए साइटों और अनुप्रयोगों के इंटरैक्टिव प्रोटोटाइप बनाने की अनुमति देता है। यह कई विशेषताओं का समर्थन करता है, जिसमें इशारों के साथ काम करना शामिल है (प्रोटोटाइप में आप ड्रैग एंड ड्रॉप, आदि को लागू कर सकते हैं)। दुर्भाग्य से, मुक्त संस्करण केवल टेम्पलेट्स और क्लाउड में 10 एमबी स्थान के बीच लिंक करके सीमित है। लेकिन 30 दिनों के लिए एक परीक्षण है

टिप के लिए धन्यवाद, Glebcha

Mockko
www.mockko.com
फ्री ऑन-लाइन प्रोटोटाइप टूल। यह iPhone पर प्रोटोटाइप को देखने, स्क्रीन के बीच लिंकिंग का समर्थन करता है। दरअसल, आप केवल iPhone के लिए प्रोटोटाइप बना सकते हैं, साइट केवल क्रोम या सफारी में काम करती है। वे भविष्य में iPad समर्थन का भी वादा करते हैं।

धन्यवाद संकेत n0_quarter

Microsoft अभिव्यक्ति मिश्रण
msdn.microsoft.com/ru-ru/library/windows/apps/jj129478.aspx
ब्लेंड + स्केचफ्लो का उपयोग करके, आप किसी भी प्लेटफ़ॉर्म के लिए अनुप्रयोगों के इंटरैक्टिव प्रोटोटाइप बना सकते हैं।
अधिक जानकारी:
अभिव्यक्ति ब्लेंड + स्केचफ्लो में प्रोटोटाइप। भाग 1. इतिहास का एक सा
अभिव्यक्ति ब्लेंड + स्केचफ्लो में प्रोटोटाइप। भाग 2. मूल बातें

टिप इवनिका के लिए धन्यवाद

ऐप कुकर
www.appcooker.com
यह एक आइकन, एक सरल प्रोटोटाइप एप्लिकेशन बनाने की पेशकश करता है, और, एक हत्यारा सुविधा की तरह, यह मूल्य निर्धारण में मदद करने के लिए एक अंतर्निहित टूल प्रदान करता है।

टिप के लिए धन्यवाद, Glebcha

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

Mockabilly
www.mockabilly.com
IPhone पर तैयार मॉकअप डालो (केवल यह प्लेटफ़ॉर्म समर्थित है) और सीधे डिवाइस पर ही परीक्षण करें।

Invision
www.invisionapp.com
केवल एक परियोजना मुफ्त में उपलब्ध है, लेकिन अगर एक ही समय में एक से अधिक प्रोजेक्ट प्रदर्शित करने की आवश्यकता नहीं है, तो आपको इसे पसंद करना चाहिए, क्योंकि कोई अन्य प्रतिबंध नहीं हैं। शुल्क केवल परियोजनाओं की संख्या में वृद्धि के लिए लिया जाता है।

LiveView
zambetti.com/projects/liveview
IPhone और iPad के प्रोटोटाइप की स्क्रीन पर रिमोट देखने के लिए एक एप्लीकेशन मैक पर विकसित और लॉन्च किया गया।

निष्कर्ष

प्रोटोटाइप बनाने के लिए बहुत सारे उपकरण हैं, उनमें से केवल कुछ का वर्णन यहां किया गया है। खुद के लिए, हम निम्नलिखित सेट पर बस गए: प्रारंभिक प्रोटोटाइप के लिए एक स्केचपैड , और इंटरैक्टिव प्रोटोटाइप बनाने के लिए Proto.IO/Fluid UI ।

आप क्या उपयोग करते हैं?

अधिकांश लेख मेरे सहयोगी अलेक्जेंडर कोचेवानोव ( लक्ष्य ) ने लिखे थे, जिसके लिए उन्हें बहुत धन्यवाद