Flutter में बेहतर UX के लिए 8 उपयोगी टिप्स

May 07 2023
मानवता हमेशा जटिल मामलों पर ध्यान देती है, लेकिन ज्यादातर छोटे सुधारों से फर्क पड़ता है।
आपका ऐप उम्मीद के मुताबिक पूरी तरह से काम कर सकता है—पागल तेजी से, कोई अपवाद नहीं, कोई त्रुटि नहीं, कोई क्रैश नहीं। लेकिन यदि आप उपयोगकर्ताओं को एक सहज, उपयोगी अनुभव नहीं देते हैं, तो आपका उत्पाद एक नियमित ऐप होगा, शानदार नहीं।

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

तो चलिए फिर अपने ऐप्स को सबसे अलग बनाते हैं!

1. अपने स्क्रॉल करने योग्य विजेट को हमेशा स्क्रॉल करने योग्य बनाएं।

बाउंसिंगस्क्रॉलभौतिकी बहुत बढ़िया है! लेकिन अगर हमारे पास दृश्य से आगे बढ़ने के लिए पर्याप्त आइटम नहीं हैं, तो यह बिलकुल भी बाउंस नहीं होगा। यह वास्तव में समझ में आता है।

लेकिन क्या होगा अगर हम सूची को ताज़ा करना चाहते हैं?

वस्तुओं के आकार की परवाह किए बिना बाउंस/ओवरस्क्रॉल प्रभाव बनाने के लिए, हमें इसके साथ AlwaysScrollableScrollPhysics का उपयोग करना चाहिए।

हमेशा स्क्रॉल करने योग्य

2. ओपन पर ऑटोफोकस

कभी-कभी हम केवल टेक्स्ट फ़ील्ड भरने के लिए पृष्ठ का उपयोग करना चाहते हैं।

यह एक खोज क्षेत्र या एक ईमेल हो सकता है। जैसे ही यह खुलता है हम इसे फोकस करना चाहते हैं क्योंकि हम जानते हैं कि उपयोगकर्ता अंततः इसे फोकस करेगा, तो उपयोगकर्ता को टेक्स्ट फ़ील्ड पर टैप करने का अतिरिक्त कदम उठाने से क्यों परेशान किया जाए?

ओपन पर ऑटो फोकस

3. सुनिश्चित करें कि टेक्स्ट फ़ील्ड दृश्यमान है।

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

हो सकता है कि उपयोगकर्ता यह न समझ पाए क्योंकि ये फ़ील्ड उस समय स्क्रीन पर दिखाई नहीं दे रहे हैं। इससे कुछ असंतोषजनक अनुभव हो सकते हैं।

लेकिन चिंता की कोई बात नहीं, इसे रोकना बहुत आसान है! फिर देखते हैं कैसे!

सुनिश्चित करें कि टेक्स्टफील्ड दिखाई दे रहा है

4. प्रवेश या सबमिट करते समय अगले विजेट पर फ़ोकस करें।

वह बहुत सीधा है। आपने अपना नाम टाइप किया है, और आप एंटर पर दूसरे टेक्स्ट फील्ड में जाना चाहते हैं। हर किसी से यही अपेक्षा की जाती है, और उन्हें वह भी मिलनी चाहिए!

प्रवेश पर अगला फोकस

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

5. स्क्रॉल स्थिति याद रखें।

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

स्क्रॉल स्थिति याद रखें

6. बाहर निकलने के लिए फिर से टैप करें।

एंड्रॉइड उपयोगकर्ता होम पेज पर गलती से बैक बटन पर क्लिक कर सकते हैं, और ऐप तुरंत पृष्ठभूमि में चला जाएगा।

क्या यह उनके लिए अच्छा अनुभव होगा?

मैं आपको इस प्रश्न के साथ अकेला छोड़ दूँगा और आपको दिखाऊंगा कि आप इसे आसानी से कैसे होने से रोक सकते हैं!

(खराब उदाहरण के लिए खेद है, मैं भौतिक बैक बटन के साथ केस प्रदर्शित करने के लिए एंड्रॉइड एमुलेटर पर स्विच करने के लिए बहुत आलसी था।)

बाहर निकलने के लिए फिर से टैप करें

7. स्क्रॉलिंग पर ध्यान न दें।

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

स्क्रॉल पर फ़ोकस करें

8. बाहर टैपिंग पर फोकस करें।

यदि हम उपयोगकर्ताओं को पागल नहीं करना चाहते हैं, तो हमें उन्हें टेक्स्ट फ़ील्ड के बाहर टैप करने पर कीबोर्ड बंद करने देना चाहिए।

बाहर टैपिंग पर फ़ोकस करें

अंततः

कोई जादू नहीं है, वे केवल छोटे विवरण हैं।

छोटी-छोटी बातों पर ध्यान दें तो लोग समझेंगे कि आप जादूगर हैं!

- जादूगर

जीथब परियोजना

इसे लो और अपनी ताली बजाओ!

पढ़ने के लिए आपका शुक्रिया!

मुझे लगता है कि मैं इस लेख को एक श्रृंखला में विस्तारित करूंगा।

आप मेरा अनुसरण कर सकते हैं और अपने आप को नए भागों पर पोस्ट कर सकते हैं!

कृपया बटन पर क्लिक करना न भूलें और आपका दिन खुशनुमा हो!