NinjaMock - प्रोटोटाइप इंटरफेस के लिए एक नि: शुल्क आवेदन

हाय% उपयोगकर्ता नाम%! हमारे पास बड़ी खुशखबरी है: एक ऑनलाइन प्रोटोटाइप सेवा निंजामॉक का आधिकारिक संस्करण जारी किया गया है। अब आप मुफ्त में वेब और मोबाइल अनुप्रयोगों के महान प्रोटोटाइप आकर्षित कर सकते हैं!



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

सबसे दिलचस्प विशेषताएं

पूर्ण मुक्त संस्करण

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

यही बात संपादक की सभी नई विशेषताओं पर लागू होती है, जिसे हम भविष्य में जोड़ेंगे - ये सभी मुफ्त में उपलब्ध होंगी।

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

कागज की शैली

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

तत्वों

वर्तमान में हम निम्नलिखित प्लेटफार्मों का समर्थन करते हैं:


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

आपके लिए इसका क्या अर्थ है: यदि आप किसी तत्व या आइकन को याद कर रहे हैं, तो आप इसे आसानी से स्वयं कर सकते हैं।

ज़ूमिंग

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

टिप्पणियाँ और सूचनाएं

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

इसके अलावा, हमने व्यक्तिगत प्रोटोटाइप पृष्ठों (प्रगति, पूर्ण, स्वीकृत) की स्थितियों को चिपकाए जाने की क्षमता को जोड़ा। यह आपको आसानी से निर्धारित करने की अनुमति देता है कि आपका डिज़ाइन पूरा होने के कितना करीब है।

इस तरह से यह एप्लिकेशन में ही दिखता है:


और इसलिए एक विशेष पृष्ठ पर परियोजना की स्थिति प्रदर्शित होती है:

परियोजना प्रदर्शन (साझाकरण)

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

QR कोड असली है।

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

निर्यात और कागज पर नेविगेशन

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




निंजामॉक के पास पीडीएफ और पीएनजी को निर्यात करने की क्षमता है, जिसमें टिप्पणियों और पेज लिंक को प्रिंट करने की क्षमता है। एक दूसरे के लिए, हम इसे "पेपर नेविगेशन" कहते हैं - अगर किसी तत्व का लिंक किसी अन्य पेज से लिंक है, तो हम इसे एक विशेष फुटनोट के साथ उस पृष्ठ संख्या के साथ इंगित करते हैं, जिस पर लिंक जाता है:

पृष्ठों और परियोजनाओं का संगठन

जटिल परियोजनाओं में, पृष्ठों को व्यवस्थित करने की आवश्यकता होती है - उदाहरण के लिए, उन्हें तार्किक रूप से समूहित करें (पंजीकरण पृष्ठ, प्रोफ़ाइल संपादन पृष्ठ, आदि), या बस एक पृष्ठ के कई राज्यों को प्रदर्शित करें (सामान्य स्थिति में एक पृष्ठ, एक ही पृष्ठ लेकिन इसके ऊपर एक संवाद के साथ) आदि)।

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

परियोजना के तार्किक संगठन के लिए, हमने उपयोगकर्ताओं को पृष्ठों के नामित समूह बनाने की क्षमता दी। परियोजना में, आप असीमित संख्या में समूह बना सकते हैं, आप समूहों के बीच पृष्ठों को स्थानांतरित कर सकते हैं, साथ ही समूह के भीतर पृष्ठों का क्रम बदल सकते हैं, आदि।


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

उपयोगकर्ता सहयोग

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

अच्छी छोटी चीजें

तत्वों की स्मार्ट स्थिति

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

एंकर

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

पेज जादूगर

किसी भी प्रोटोटाइप पेज को किसी अन्य पेज के लिए मास्टर पेज के रूप में चुना जा सकता है। कुछ दिलचस्प विशेषताएं:

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

शॉर्टकट

पेशेवर उपयोगकर्ताओं के लिए, यह गर्म कुंजियों के लिए एक सुखद क्षण समर्थन होगा, एडोब फोटोशॉप में जैसा है।

अभी हम क्या काम कर रहे हैं?

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

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

हम मानते हैं कि कई पहलुओं में हमारा आवेदन हमारे सभी प्रतियोगियों से बहुत बेहतर है। हम उनकी एक सूची संलग्न करते हैं ताकि आप स्वयं तुलना कर सकें और सुनिश्चित कर सकें।
balsamiq.com
proto.io
moqups.com
mockflow.com
hotgloo.com

यहां निंजामॉक क्या कर सकता है इसकी एक छोटी सी सूची है। आप आवेदन की सुविधाओं के बारे में अधिक जानने में रुचि रखते हैं, तो ninjamock.com पर जाएं और प्रोटोटाइप शुरू करें !