मोबाइल एप्लिकेशन के लिए 30-बिंदु UX चेकलिस्ट

यह लेख आपको AppStore / GooglePlay पर भेजने से पहले अपने आवेदन के डिज़ाइन में डबल-चेक करने के लिए क्या आवश्यक है, इसके बारे में एक अनुस्मारक है। सूची को विषयगत ब्लॉकों में विभाजित किया गया है:

1. लॉगिन / रजिस्टर
2. पहला अनुभव
3. दैनिक बातचीत
4. नोटिस
5. खाता सेटिंग्स
6. टेप
7. खोज
8. AppStore / GooglePlay

इस लेख का अनुवाद EDISON सॉफ्टवेयर के सहयोग से किया गया, जो एक ऐसी कंपनी है जो अनुप्रयोगों और साइटों को विकसित करती है , और उपयोगकर्ता इंटरफेस के साथ भी काम करती है ।

1. लॉगिन / रजिस्टर

1. स्क्रीनसेवर

एप्लिकेशन शुरू होने पर एक स्प्लैश स्क्रीन प्रदर्शित की जाती है। यह पहली चीज है जिसे उपयोगकर्ता देखता है, यह उत्पाद की पहली छाप बनाता है, काम शुरू होने से पहले भी।


Gleb Kuznetsov द्वारा लोगो स्प्लैश स्क्रीन


उबर द्वारा राइडर लॉन्च ट्रांज़िशन

यहाँ अच्छे स्क्रीनसेवर बनाने के लिए कुछ सुझाव दिए गए हैं ।

2. अपना पासवर्ड भूल गए

औसत व्यक्ति 90 ऑनलाइन सेवाओं में पंजीकृत है जिसे पासवर्ड की आवश्यकता होती है। इसलिए, पासवर्ड अक्सर "भूल" जाते हैं। आंकड़ों के अनुसार, 21% उपयोगकर्ता 2 सप्ताह के लिए अपना पासवर्ड भूल जाते हैं, और 25% दिन में कम से कम एक बार पासवर्ड भूल जाते हैं। यदि आपके एप्लिकेशन को पासवर्ड की आवश्यकता है, तो पासवर्ड रिकवरी फॉर्म का ध्यान रखें।


इमैनुअल टोरेस द्वारा पासवर्ड का प्रवाह भूल गए

2. पहला अनुभव

3. स्वागत स्क्रीन / पहले रन पर निर्देश (जहाज पर)

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


क्यूबेरो द्वारा एनिमेटेड ऑनबोर्डिंग अनुभव

यहां अच्छी ऑनबोर्डिंग के लिए व्यावहारिक सुझाव दिए गए हैं ।

यहां ऑनबोर्डिंग के लिए रचनात्मक अवधारणाएं हैं ।

4. डेटा की सफल पुष्टि की सूचना के साथ स्क्रीन

कई मोबाइल एप्लिकेशन मेल / फोन की पुष्टि के लिए पूछते हैं। एक सफल डेटा पुष्टिकरण ऑपरेशन के बारे में अधिसूचना उपयोगकर्ता द्वारा आवश्यक सब कुछ पूरा करने के बाद दिखाई देती है।


डायना कैबलेरो द्वारा पुष्टि स्क्रीन

इस स्क्रीन के लिए, यह सुनिश्चित करना महत्वपूर्ण है:

• फिर से एक पुष्टिकरण कोड भेजने की क्षमता (फोन के लिए)
• एक पुष्टिकरण संदेश (शीर्षक द्वारा खोज, स्पैम में खोज, आदि) खोजने के निर्देश (मेल के लिए)

5. "अभी तक कोई सामग्री नहीं" के लिए स्टब्स

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

एक शून्य छोड़ने के बजाय, एक ट्यूटोरियल या निर्देश डालें कि आगे क्या करना है।


सिम्प्लिसिटी करियर ऐप को खाली स्थिति देता है

6. डिफ़ॉल्ट उपयोगकर्ता अवतार

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


ड्रॉपबॉक्स में प्यारा डिफ़ॉल्ट उपयोगकर्ता अवतार

यहां कुछ विचार दिए गए हैं कि कैसे एक डिफ़ॉल्ट अवतार बनाया जाए ।

3. दैनिक बातचीत

7. संकल्प अनुरोध स्क्रीन

जब कोई उपयोगकर्ता एक नया एप्लिकेशन खोलता है, तो आखिरी चीज जो वे देखना चाहते हैं, वह बहुत सारे पॉप-अप पूछ रहा है:

• एप्लिकेशन को आपके स्थान पर पहुंचने दें।
• एप्लिकेशन को आपके संपर्कों तक पहुंचने की अनुमति दें।
• अपने कैमरे के लिए एप्लिकेशन एक्सेस की अनुमति दें

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


एंटोन Tachachuk द्वारा अधिसूचना अनुमति संवाद

अनुमति के अनुरोध के बारे में अधिक विस्तार से यहां बताया गया है ।

8. इंटरैक्टिव तत्वों के लिए विभिन्न राज्य

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


तीन बटन स्टेट्स


वादिम ग्रोमोव द्वारा सामग्री डिजाइन बटन

यहां बटन को डिजाइन करने के तरीके दिए गए हैं ।

9. आइकन सेट

बेहतर होगा कि आपके आइकन एक ही स्टाइल के हों।


IOS के लिए ट्विटर ऐप में टैब बार आइकन

यहां आइकन के लिए एक चेकलिस्ट दी गई है ।

10. त्रुटि संदेश

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


Dwinawan द्वारा त्रुटि सहभागिता

यहाँ कुछ मामले हैं जिनके लिए आपको त्रुटि संदेशों के बारे में सोचने की आवश्यकता है:

• कोई इंटरनेट कनेक्शन नहीं। जब कनेक्शन न हो तो उपयोगकर्ता को क्या देखना चाहिए, इसके बारे में सोचें।
• उपयोगकर्ता ने डेटा को गलत तरीके से दर्ज किया।
• सिस्टम की त्रुटि

अच्छी त्रुटि संदेश बनाने के तरीके के बारे में यहां बताया गया है ।

11. बूट प्रक्रिया

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

एक एनिमेटेड प्रगति संकेतक उपयोगकर्ताओं को सिस्टम का दर्जा प्रदान करने का सबसे सामान्य रूप है जब कुछ होता है या लोड होता है।


Gleb Kuznetsov द्वारा AI उत्पाद डिजाइन के लिए स्माइल लोडर

यहाँ लोडिंग संकेतक बनाने के लिए कुछ सुझाव दिए गए हैं ।

12. यह संदेश कि आपने सब कुछ सही किया है

सफलता की अवस्थाएँ स्क्रीन होती हैं जिन्हें हम उपयोगकर्ताओं को तब दिखाते हैं जब वे कार्य पूरा कर लेते हैं। डिजाइनरों को निम्नलिखित प्रकार की सफलता की स्थितियों पर विचार करना चाहिए:

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

Booking.com में पुष्टि स्क्रीन

13. ऑटोफिल

डिजाइनरों को हमेशा अनावश्यक कार्यों को हटाकर बातचीत की लागत को कम करने का प्रयास करना चाहिए। स्वतः पूर्णता उपयोगकर्ता के अनुरोध को पूरा करने के लिए क्लिकों की संख्या को कम करके उपयोगकर्ता इनपुट को सरल बनाती है।


चित्र: लुईस चांग

14. ऑपरेशन रद्द करें

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


आइटम हटाएँ के लिए पूर्ववत करें। चित्र: साशोटो सीम


ईमेल भेजने के लिए पूर्ववत करें। चित्र: टायलर ब्यूचैम्प

15. स्थानीयकरण / अंतर्राष्ट्रीयकरण

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


विभिन्न भाषाओं में अपवोट बटन। चित्र: चीयर हू

16. सहायता / निर्देश

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


एलेक्स म्यूनेच द्वारा सहायता और प्रतिक्रिया

17. पहुँच

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

और यहाँ रंग विपरीत की जाँच के लिए उपकरणों की एक सूची है ।

4. सूचनाएँ

18. ऐप सूचनाएं / पुश सूचनाएं

क्या आप जानते हैं कि घटिया सूचनाएं उपयोगकर्ताओं द्वारा एप्लिकेशन को अनइंस्टॉल करने का मुख्य कारण हैं?


सूचनाओं को खारिज करने का कारण लोगों द्वारा मोबाइल ऐप्स को अनइंस्टॉल करना (71% उत्तरदाताओं का कहना है)।

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

यहां एक लेख है जो अच्छी सूचनाएं बनाने के बारे में जानकारी प्रदान करता है ।

और यहाँ कुछ प्रेरणादायक डिजाइन विचार हैं ।

19. अधिसूचना सेटिंग्स

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


स्लैक में अधिसूचना विकल्प सेट करें

5. खाता सेटिंग्स

20. प्रोफाइल फोटो को क्रॉप करने का टूल

उपयोगकर्ताओं को न केवल एक अवतार अपलोड करने की अनुमति दें, बल्कि अपने आवेदन में उनकी आवश्यकताओं के अनुसार इसे संशोधित भी करें।


स्कॉट थॉमस द्वारा एक अवतार का संपादन

21. व्यक्तिगत डेटा को देखने / बदलने के लिए स्क्रीन

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


घर और कार्यालय के पते संपादन योग्य हैं। धीरज एस कार्की से शिपिंग पते का चयन करें

22. लॉग आउट करें

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


IOS के लिए फेसबुक में लॉगआउट

23. उपयोग की शर्तें

कानूनी कार्रवाई से बचने के लिए अपने एप्लिकेशन में उपयोग की शर्तें जोड़ें।


चित्र: क्रिस्टियन दीना / शटरस्टॉक

24. गोपनीयता सेटिंग्स

उपयोगकर्ताओं को देखें कि वे आपके पास कौन सा डेटा भेजते हैं और उन्हें चुनने दें।


चित्र: विटाली फ्राइडमैन

यहां एप्लिकेशनों में गोपनीयता से निपटने के तरीके दिए गए हैं ।

25. प्रतिक्रिया भेजें

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


IOS के लिए Skype उपयोगकर्ताओं को "प्रतिक्रिया छोड़ें", "किसी समस्या की रिपोर्ट करें" या "एक सुविधा सुझाएं" का विकल्प देता है।

6. टेप

26. स्क्रॉल करना

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


ध्यान दें कि स्क्रॉल करते समय शीर्षक क्षेत्र ढह जाता है। क्रेगलिस्ट मोबाइल एनीमेशन औरेलियन सॉलोमन द्वारा

एप्लिकेशन के अंदर खोजें

27. डिफ़ॉल्ट व्यवहार

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

28. शेयर / बुकमार्क

उपयोगकर्ताओं को वे क्या पाते हैं साझा करने और बुकमार्क करने की अनुमति दें।


मार्टिन एर्बेसन द्वारा ऐप AE में बुकमार्क और शेयर विकल्प

29. "कोई परिणाम नहीं" के लिए खाली फॉर्म

यदि वे किसी चीज़ की तलाश कर रहे हैं, तो उपयोगकर्ता क्या देखेंगे, लेकिन कोई खोज परिणाम नहीं हैं? "कोई परिणाम नहीं" स्क्रीन का मतलब अंत नहीं होना चाहिए। उपयोगकर्ता को बताएं कि आगे क्या कदम उठाना है।


Google फ़्लाइट ऐप उपयोगकर्ताओं को फ़्लाइट खोजने के लिए सभी फ़िल्टर साफ़ करता है

8. AppStore / GooglePlay

आवेदन के लिए 30. आइकन

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


स्मारक घाटी एक सुंदर खेल है, और ओएस ऐप आइकन आपके द्वारा लेने वाले अद्भुत रोमांच के लिए एकदम सही है।

ब्लॉग भी पढ़ें
EDISON कंपनी:

के लिए 20 पुस्तकालय
शानदार iOS आवेदन