यूजर इंटरफेस लेआउट

कॉपी करने के लिए क्लिक करें

UI लेआउट बनाने के लिए 5 आवश्यक टिप्स।


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

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

लेकिन विचार करने के लिए कुछ महत्वपूर्ण बिंदु हैं:

तय करें कि आपको कौन सा ऐप चाहिए: वेब या मोबाइल

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

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

उपयोगकर्ता समूहों को परिभाषित करें

उपयोगकर्ताओं को उनके लिए उपलब्ध कार्यों के आधार पर समूहों में विभाजित करें और विश्लेषण करें कि वे कितने भिन्न हैं।

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

आपको उदाहरण के उदाहरण चाहिए

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

पृष्ठों का विस्तार से वर्णन करें

आपको स्पष्ट रूप से यह समझने की आवश्यकता है कि आपके आवेदन में कौन से पृष्ठ होंगे और उनमें से प्रत्येक पर कौन सी जानकारी प्रदर्शित की जानी चाहिए।

आमतौर पर, आवेदन में शामिल हैं:

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

डेटा एक्सचेंज के बारे में मत भूलना

इस बारे में सोचें कि आपका एप्लिकेशन डेटा कहां लेगा और इसे कहां भेजेगा। क्या सभी जानकारी उपयोगकर्ताओं से आएगी? किन प्रक्रियाओं को स्वचालित किया जा सकता है?

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

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