Advertisement
  1. Code
  2. Android SDK

डिजाइनिंग, वायरफ़्रेमिंग और एक एंड्रॉइड ऐप के प्रोटोटाइपिंग: भाग 1

Scroll to top
Read Time: 18 min

() translation by (you can also view the original English article)

अगर आप एंड्रॉइड ऐप में अगली बड़ी चीज बनाने का सपना देखते हैं, तो मैं झूठ नहीं बोलूंगा: आपके पास अपना काम आपके लिए निकला है!

आपको केवल गूगल प्ले स्टोर पर एक त्वरित झलक लेने की जरूरत है ताकि आप यह देख सकें कि हर ऐप जिसे आप सोच सकते हैं पहले से ही बनाया गया है—आमतौर पर, कई बार और सफलता के विभिन्न डिग्री के साथ।

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

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

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

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

भाग 2 में, आप वायरफ्रेमिंग और प्रोटोटाइप सहित कुछ शक्तिशाली, डिज़ाइन-प्रवृत्त वाली तकनीकों को मास्टर करेंगे। भाग 2 के अंत तक आप एक डिजिटल प्रोटोटाइप बनाएंगे जो आप अपने एंड्रॉइड स्मार्टफोन, टैबलेट, या एमुलेटर पर स्थापित और परीक्षण कर सकते हैं।

डिजिटल प्रोटोटाइप काम करने के लिए वास्तव में आप 'प्रेरणा की चिंगारी' से एक विचार कैसे ले सकते हैं, यह जानने के लिए, मैं कल्पना कर रहा हूं कि मैं एक एंड्रॉइड ऐप के लिए एक विचार के साथ आया हूं जिसे मैं बनाना चाहता हूं और फिर इस श्रृंखला को पूरे श्रृंखला में विकसित करना।

चूंकि हम (अनुमानतः) गर्मियों में जा रहे हैं, मैं एक ऐसे ऐप को डिज़ाइन करने जा रहा हूं जो लोग अपने सभी दोस्तों के साथ अंतिम गर्मी की छुट्टी की योजना और बुक करने में सहायता करेंगा।

तो हमारे पास हमारा विचार है - हमें क्या करने वाली पहली चीज है?

1. उत्पाद विवरण लिखें

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

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

बहुत विचार-विमर्श के बाद, मैंने निम्नलिखित उत्पाद विवरण पर निर्णय लिया है:

एक ऐप जो अंतिम गर्मी की अवकाश की योजना बना और बुकिंग करने से तनाव को लेता है।

यह महत्वपूर्ण है कि आप कभी भी इस उत्पाद के विवरण को नहीं खो देते हैं, तो आप इसे पोस्ट को नोट कर सकते हैं और इसे अपने डेस्क के ऊपर चिपका सकते हैं।

You may want to scribble your product statement on a post it noteYou may want to scribble your product statement on a post it noteYou may want to scribble your product statement on a post it note

2. अपने लक्षित दर्शकों की पहचान करें

अगले बड़ा सवाल आप से निपटने के लिए की जरूरत है: मैं वास्तव में किसके लिये ये निर्माण कर रहा हूं?

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

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

मुझे पहले से ही यह पता चल गया है कि मैं किसे लक्ष्य कर रहा हूं: 18-25 आयु वर्ग के युवा वयस्क जो या तो कॉलेज या विश्वविद्यालय से गर्मी के ब्रेक पर हैं, पूर्ण वर्ष का अंतर ले रहे हैं, या एक अंतिम रोमांच की योजना बना रहे हैं, इससे पहले कि वह पहली पूर्णकालिक नौकरी की तलाश शुरू करने का समय है। यह एक अच्छी शुरुआत है, लेकिन हम उससे अधिक विशिष्ट प्राप्त कर सकते हैं!

अपने दर्शकों पर शोर करने के लिए एक सरल लेकिन प्रभावशाली चाल यही है कि उपयोगकर्ता व्यक्तित्व बनें।

एक उपयोगकर्ता व्यक्तित्व एक एकल उपयोगकर्ता है, जिसकी आप जिस तरह का व्यक्ति लक्षित कर रहे हैं, उसका वर्णन करता है। इस व्यक्ति की क्या विशेषताएं हैं? यद्यपि सटीक विशेषताओं में आपके द्वारा दिये गये ऐप के प्रकार के आधार पर भिन्नता होगी, आप निम्न प्रश्नों का उत्तर देकर शुरू कर सकते हैं:

  • आपका उपयोगकर्ता व्यसक कितना उम्र का है? यह एक सटीक उम्र या आयु वर्ग की हो सकती है जैसे कि 60 से अधिक लोग या युवा वयस्क।
  • वे कहाँ रहते हैं? यह एक विशिष्ट देश या शहर या समुद्र या बड़े शहर जैसे जगह का एक प्रकार हो सकता है।
  • क्या उनके पास कोई बच्चा है?
  • उनके शौक क्या हैं?
  • क्या उनके पास नौकरी है? और यदि हां, तो यह क्या है?
  • वे वर्तमान में शिक्षा में हैं?
  • उनके पसंदीदा प्रकार का आवेदन क्या है?
  • उनके कम से कम पसंदीदा प्रकार का ऐप्लकेशन क्या है?
  • क्या कारक उन्हें एप डाउनलोड करने के लिए प्रेरित करते हैं?
  • क्या वे कभी भी मोबाइल ऐप के लिए भुगतान करते हैं?
  • वे मोबाइल एप्लिकेशन के साथ कैसे अनुभव करते हैं? क्या वे एक पावर उपयोगकर्ता हैं, या शुरुआती हैं?
  • वे सामान्य रूप से तकनीक के साथ कैसे अनुभव करते हैं?

आइए हमारे ट्रैवल एप के लिए यूजर व्यूता बनाते हैं। सर्वोत्तम परिणामों के लिए, यह आपके व्यक्तित्व को वास्तविक व्यक्ति के रूप में सोचने में मदद करता है। आप अपने उपयोगकर्ता को एक नाम भी देना चाह सकते हैं, जो वास्तव में मैं क्या करने जा रहा हूं: साशा से मिलें!

  • वह 20 की है।
  • वह ग्रीष्मकालीन ब्रेक पर एक विश्वविद्यालय छात्र है।
  • वह गर्मियों में अपने माता-पिता के साथ रह रही है, लेकिन शैक्षणिक वर्ष की शुरुआत में छात्र हॉल में लौट रही है।
  • वह अकेली है, कोई बच्चा नहीं है।
  • उसके पास नौकरी नहीं है, इसलिए उसका छात्र ऋण वह आय का एकमात्र स्रोत है।
  • सोशल मीडिया के साथ बड़े हो चुके किसी व्यक्ति के रूप में, उसका पसंदीदा ऐप कुछ भी और सब कुछ है जो उसे आम तौर पर अपने मित्रों, परिवार और वर्ल्ड वाइड वेब के साथ फ़ोटो और स्थिति अपडेट साझा करने देता है।
  • वह प्रौद्योगिकी के साथ एक पेशेवर है, विशेषकर मोबाइल एप्लिकेशन।

चूंकि मेरा ऐप छुट्टियों के आयोजन के बारे में है, इसलिए मुझे यात्रा के आस-पास साशा के अनुभवों को भी परिभाषित करना होगा। क्या मेरा "ठेठ" उपयोगकर्ता अच्छी तरह से यात्रा की संभावना है? क्या वे पहले अपनी छुट्टियों की योजना बनाने के लिए जिम्मेदार हैं, या यह सब उनके लिए नया है?

मैं निम्नलिखित विशेषताओं को अपने उपयोगकर्ता के व्यक्तित्व को जोड़ूंगा:

  • साशा विदेश में कई बार जा चुकी हैं, लेकिन केवल अपने परिवार के साथ ही।
  • यह पहली बार है कि वह अपनी छुट्टी की योजना बना रही है।
  • साशा जब वह बनना चाहती है, तब उसे काफी संगठित किया जा सकता है, लेकिन चूंकि यह पहली बार है कि वह एक योजना बना रही है और छुट्टियों को बुक करने में शामिल है, वह निश्चित रूप से एक हाथ की सराहना करेंगे!

उपयोग के मामले

तो अब हमारे पास कौन है, लेकिन कब के बारे में क्या? क्या परिस्थितियों के तहत साशा उसे फोन बाहर अनुदेश करने के लिए मजबूर महसूस किया और हमारे ऐप को बूट करें?

यहाँ कुछ हैं जो मेरे दिमाग में अया:

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

3. एक विशेषता सूची बनाएं

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

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


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

यहाँ कुछ विशेषताएं हैं जिन्हें मैं नीचे खींचा है:

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

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

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

तो हम यह कैसे तय करते हैं कि कौन से फीचर्स लाइव हैं, और जो सुविधाओं को मरते हैं?

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

आपके उपयोगकर्ता व्यक्ति और मामलों का उपयोग संस्करण 1.0 (और बाद के रिलीज में) में शामिल सुविधाओं को निर्धारित करने में भी एक भूमिका निभानी चाहिए। साशा को क्या अपील करने की अधिक संभावना है?

उपयोगकर्ता के व्यक्तित्व को पुन: पढ़ने के बाद, मामलों और उत्पाद विवरण का उपयोग करें, मैंने निम्नलिखित सुविधाओं तक पहुचा हु :

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

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

4. उच्च स्तरीय प्रवाह से स्केच करें

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

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

  1. यात्रा की बुकिंग।
  2. उपयोगकर्ता द्वारा पहले से नियोजित किसी भी यात्रा के बारे में विवरणों की समीक्षा करना।

आप आम तौर पर आकृतियों के साथ स्क्रीन का प्रतिनिधित्व करेंगे और लाइनों या तीरों का उपयोग करके नेविगेशन व्यक्त करेंगे।

Example of a quick flowchartExample of a quick flowchartExample of a quick flowchart

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

5. एक स्क्रीन सूची बनाएँ

इसके बाद, अपने फ्लोचार्ट के आधार पर आपको उन सभी स्क्रीनों की सूची तैयार करनी होगी जिनकी आपको आवश्यकता होगी।

यहां मेरी स्क्रीन सूची है, साथ ही मैं प्रत्येक स्क्रीन में शामिल करने की योजना का संक्षिप्त विवरण देता हूं:

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

6. एक स्क्रीन मानचित्र बनाएं

अब यह हमारे फ्लोचार्ट और स्क्रीन सूची को एक स्क्रीन मैप में संयोजित करने का समय है जो इन सभी स्क्रीनों के बीच नौवहन संबंध को व्यक्त करता है।

जब उपयोगकर्ता आपके एप को लॉन्च करते हैं, और बाहर की तरफ से काम करते हैं, तो पहली स्क्रीन से आरंभ करें।

A screen map of our travel appA screen map of our travel appA screen map of our travel app

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

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

निष्कर्ष

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

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.