पूरा 25-चाल UX- डिजाइन चेकलिस्ट

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


मैं अक्सर उपयोगकर्ता अनुभव डिजाइन (या यूएक्स डिजाइन) को विकास के बजाय मनोविज्ञान के रूप में सोचता हूं.

अच्छा UX डिजाइन आपके आगंतुकों के सिर के अंदर होने के बारे में है.

यह उनके हर कदम का अनुमान लगाता है, और एक ऐसी वेबसाइट बनाता है जो उपयोग करने के लिए सरल, सहज और सुखद है.

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

इस बात को ध्यान में रखते हुए, मैंने 25 छोटे (और आसान) ट्विस्ट की एक चौकी की परिक्रमा की, जो आपके UX डिज़ाइन को चमकदार बनाएगी.

Contents

1. गति

वेबसाइट की गति एक अच्छा प्रभाव बनाने के लिए आपका पहला मौका है। यह आपकी पहली UX बाधा है.

वेबसाइट स्पीड

(छवि स्रोत)

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

कुछ भी धीमी गति से, और यह शुरू से ही एक खराब उपयोगकर्ता अनुभव है.

सुनिश्चित करें कि आपके सर्वर की गति खरोंच तक है, और आपकी साइट के वजन को धीमा कर देती है ताकि यह जल्दी से खुल जाए.

2. तुम कौन हो और क्या करते हो?

आपकी अगली बड़ी चुनौती आपके आगंतुकों को जल्दी से सूचित कर रही है। तुम कौन हो? आप क्या करते हैं? और आप उन्हें क्या मूल्य दे सकते हैं?

नेटफ्लिक्स वैल्यू प्रोप

इसे मूल्य प्रस्ताव कहा जाता है, और यह इतना महत्वपूर्ण है कि हमने इस पर एक संपूर्ण ब्लॉग पोस्ट लिखा है। आपको अपने आगंतुकों को समझाने के लिए केवल कुछ सेकंड मिले हैं, इसलिए इसे गिनें!

इसे अभी आज़माएं: अपनी पूरी वेबसाइट को एक वाक्य में लिखें और साइनपोस्ट करें जहाँ आप चाहते हैं कि आगंतुक आगे जाएँ.

3. सुनिश्चित करें कि आगंतुक आपके संपर्क में आ सकते हैं

UX डिजाइन का एक मुख्य हिस्सा आपके आगंतुकों को होने वाली किसी भी चिंता या चिंता को दूर कर सकता है.

नए आगंतुकों के लिए सबसे बड़ी चिंताओं में से एक यह है कि क्या उन्हें आप पर भरोसा करना चाहिए या नहीं – खासकर यदि आप एक नई वेबसाइट पर हैं.

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

और भी बेहतर, लाइव चैट बॉक्स का उपयोग करें ताकि उपयोगकर्ता तुरंत सवाल पूछ सकें.

टैगोव लाइव चैट

यदि कुछ गलत हो जाता है, तो यह जानना अच्छा है कि वे आसानी से संपर्क कर सकते हैं.

4. हमेशा आगंतुकों को घर वापस आने का रास्ता दें

हमने पहले वेबसाइटों पर खोए हुए सभी प्राप्त कर लिए हैं। आप लिंक का अनुसरण करते हैं और एक खरगोश छेद को समाप्त करते हैं.

यदि ऐसा होता है, तो आपके आगंतुक उत्तेजित और निराश हो जाते हैं। वे सहज रूप से ब्राउज़र को बंद करने के लिए “X” बटन दबाएंगे.

इसके बजाय, सुनिश्चित करें कि एक स्पष्ट और परिभाषित ‘होम’ बटन है, इसलिए वे हमेशा शुरू कर सकते हैं। आमतौर पर, उपयोगकर्ता आपके लोगो को होम पेज पर भी वापस लिंक करने की उम्मीद करते हैं, इसलिए सुनिश्चित करें कि यह करता है.

5. और भी बेहतर, ब्रेडक्रंब छोड़ दें ताकि वे जान सकें कि वे कहां हैं

उन्हें त्वरित पुनः आरंभ करने के साथ-साथ, यह समझाने के लिए rum ब्रेडक्रंब का उपयोग करें कि वे प्रक्रिया में कहां हैं.

इसके लिए बड़ी प्रगति पट्टियाँ महान हैं। उदाहरण के लिए, यदि यह चेकआउट प्रक्रिया के दौरान है, तो अपने उपयोगकर्ता को ठीक से बताएं कि वे कहां हैं और क्या करना है.

चेकआउट-प्रगति-बार

(छवि स्रोत)

फिर, यह सरल मनोविज्ञान है। उदाहरण के लिए, टहलने के लिए जाना तब बहुत अधिक थका देने वाला होता है जब आपको पता नहीं होता कि अंत कहां है। जब हमारे पास नक्शा होता है तो हम बहुत अधिक आरामदायक महसूस करते हैं। एक ही विचार ऑनलाइन लागू होता है.

6. किसी भी दोहराए जाने वाले कार्यों को हटा दें

यह एक फॉर्म पर दो बार एक ही डेटा (जैसे बिलिंग पते और शिपिंग पते) पर इनपुट करने वाला सुपर निराशाजनक है। क्रय प्रक्रिया को धीमा करने वाले किसी भी दोहराए जाने वाले कार्यों से छुटकारा पाने की कोशिश करें.

यह इस तरह की चीजें हैं जो कार्ट परित्याग की ओर ले जाती हैं। आपके आगंतुक कहीं और देखेंगे.

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

7. newbies की मदद करने के लिए टूल-टिप्स का उपयोग करें (लेकिन विशेषज्ञों को बाधित न करें!)

आपके कुछ आगंतुक नियमित होंगे। वे आपके साइनअप पत्रक और क्रय प्रक्रिया के माध्यम से विस्फोट करेंगे। अन्य बिल्कुल नए होंगे, और उनके रास्ते में कुछ सवाल हो सकते हैं.

लिटिल a टूल-टिप ‘आइकन (अक्सर एक प्रश्न चिह्न के साथ पहचाना जाता है) नए लोगों को यह समझने में मदद करेगा कि उन्हें क्या करने की आवश्यकता है। लेकिन उसी समय, वे आपके विशेषज्ञों के रास्ते में नहीं आते.

टूलटिप्स

(छवि स्रोत)

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

8. एक बड़ा, बोल्ड कॉल-टू-एक्शन बनाएं

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

सीटीए

(छवि स्रोत)

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

9. प्राथमिक और द्वितीयक कॉल-टू-एक्शन के बीच एक स्पष्ट अंतर बनाएं

बहुत से कॉल-टू-एक्शन के साथ, आपको दो विकल्प दिखाई देंगे। उदाहरण के लिए ‘सबमिट’ और ‘रद्द’ करें। या ‘अभी डाउनलोड करें’ और ‘नि: शुल्क परीक्षण’.

Spotify-सीटीए

यह स्पष्ट है कि आप विज़िटर को कौन सी कार्रवाई करना चाहते हैं, इसलिए सुनिश्चित करें कि वे इसे जानते हैं। Spotify के होमपेज की जाँच करें। उन्होंने premium गो प्रीमियम ’बटन को बोल्ड और आंखों को पकड़ने वाला बनाया है। उन्होंने पृष्ठभूमि में ‘प्ले फ्री’ बटन को फीका कर दिया है.

यह फिर से सरल मनोविज्ञान है। आप अपने उपयोगकर्ताओं को आसानी से बता सकते हैं कि किस पर क्लिक करना है.

10. उपयोगकर्ताओं को यह दिखाने के लिए पदानुक्रम का उपयोग करें कि आगे कहाँ जाना है

उम्मीद है, आपके पास एक स्पष्ट journey उपयोगकर्ता यात्रा ’होनी चाहिए। मान लीजिए कि आप अपनी वेबसाइट के माध्यम से ऑनलाइन पाठ्यक्रम पढ़ाते हैं। एक साधारण उपयोगकर्ता यात्रा इस तरह दिख सकती है:

नवीनतम ब्लॉग पढ़ें > मुफ्त रिपोर्ट डाउनलोड करें और मेलिंग सूची में साइन अप करें > अपने भुगतान किए गए ऑनलाइन कोर्स में दाखिला लें.

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

11. अपेक्षित तत्वों के साथ खिलवाड़ न करें!

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

सेब की जांच

इन महत्वपूर्ण पहलुओं के साथ पहिया को मजबूत करने की कोशिश मत करो! इसे सरल रखें.

12. एक साधारण 3-रंग पैलेट के लिए छड़ी

फिर, यह सब अधिक जटिल चीजों के आग्रह का विरोध करने के बारे में है। 3 से अधिक प्राथमिक रंगों का संयोजन मुश्किल है और यह अक्सर आपके उपयोगकर्ताओं को भ्रमित करेगा.

पैलेट

(छवि स्रोत)

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

अपने उत्पाद के साथ अपने रंग पैलेट का मिलान करें.

13. मुझे त्रुटि क्यों मिल रही है? और अब मैं क्या करूँ?

कभी-कभी, चीजें गलत हो जाती हैं और 404 त्रुटियां अपरिहार्य हैं। हालाँकि, आप वास्तव में इसे सकारात्मक उपयोगकर्ता अनुभव में बदल सकते हैं.

बताएं कि कस्टम 404 और 504 पेज बनाकर उन्हें यह त्रुटि क्यों हो रही है। ट्विटर का ‘फेल व्हेल’ इसके लिए प्रसिद्ध था.

ट्विटर व्हेल विफल

अज्ञात त्रुटियों के लिए, उन उपयोगकर्ताओं को आश्वस्त करें जिन्हें आप इस पर काम कर रहे हैं, और उन्हें अपनी वेबसाइट पर वापस निर्देशित करें.

डेड-एंड, त्रुटि पृष्ठों की तरह, खतरनाक हैं। उपयोगकर्ता स्वाभाविक रूप से क्रॉस के लिए पहुंचते हैं। उन्हें आश्वस्त करें, और उन्हें वापस भेजें.

14. जब वे कुछ पूरा करते हैं तो उपयोगकर्ताओं को एक उच्च-पाँच दें

इंसान उपलब्धि और पूर्णता की भावना से प्रेरित होता है। जब वे एक कार्य पूरा करते हैं, तो उन्हें बताएं, और उन्हें दिखाएं कि आगे कहां जाना है.

ऐसा आप अपने ईमेल पते को जमा करने के बाद कर सकते हैं, उत्पाद खरीदने के बाद, जब वे अपनी गाड़ी में कुछ डालते हैं, या बस जब वे ब्लॉग पोस्ट के अंत तक पहुँचते हैं.

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

15. सिर्फ दो फ़ॉन्ट परिवारों के लिए रहना

संगति और ब्रांडिंग एक अच्छे उपयोगकर्ता अनुभव की कुंजी है.

यदि आपका लोगो फ़ॉन्ट Futura है, तो यह बहुत भ्रमित करने वाला है, आपके शरीर का पाठ टाइम्स न्यू रोमन है, आपकी कॉल टू एक्शन कॉमिक संस है, और आपके शीर्षक विंडिंग्स हैं …

फोंट्स

सिर्फ दो फ़ॉन्ट परिवारों के लिए रहना। यह पढ़ना आसान है और यह अधिक पेशेवर और विश्वसनीय लगता है.

16. विशिष्ट और सुसंगत चेतावनी संदेशों का उपयोग करें

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

अलर्ट

(छवि स्रोत)

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

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

17. सीमा कैप लॉक पाठ

यह सिर्फ गुस्सा है.

दरअसल, इसके अलावा और भी महत्वपूर्ण कारण हैं। हम वास्तव में अपर-केस की तुलना में बड़े अक्षर को धीमा पढ़ते हैं। इसलिए रीड को स्कैन करना अधिक कठिन है (जो है) हम आम तौर पर इंटरनेट कैसे पढ़ते हैं).

जब आप वास्तव में एक प्रभाव बनाने की आवश्यकता होती है, तो रिजर्व कैप लॉक.

18. समूह से संबंधित आइटम एक साथ

यह विशेष रूप से ईकॉमर्स वेबसाइटों के लिए है, लेकिन यह बोर्ड भर में काम करता है.

समान और संबंधित वस्तुओं को एक ही स्थान पर रखने का प्रयास करें। इसका मतलब है कि आपके आगंतुकों और ग्राहकों को बहुत अधिक अनुरूप सेवा मिलती है, जैसे कि आप उनकी जरूरतों का अनुमान लगाते हैं.

समूहीकृत आइटम

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

यह आगंतुकों को आपकी साइट के माध्यम से ब्राउज़ करता रहता है, आपकी बाउंस दर को कम करता है, और एक अधिक व्यक्तिगत अनुभव बनाता है.

19. सब कुछ सुसंगत रखें

आखिरी चीज जो आप चाहते हैं वह एक लिंक पर क्लिक करने के लिए एक आगंतुक है और ऐसा महसूस करता है कि उन्होंने एक अलग वेबसाइट पर नेविगेट किया है.

सुनिश्चित करें कि आपका नेविगेशन बार उसी स्थान पर रहता है, चाहे आप साइट पर कहीं भी हों। सुनिश्चित करें कि आपका लोगो हमेशा दिखाई दे और रंग पैलेट समान रहे.

20. आंखों की स्कैनिंग के लिए लेआउट डिजाइन करें

हम ऐसी वेबसाइट नहीं पढ़ते हैं, जैसे हम एक किताब पढ़ते हैं। हमारी आँखें महत्वपूर्ण जानकारी के लिए कूदती हैं और स्कैन करती हैं.

एफ पैटर्न

आमतौर पर हम वेबसाइटों को एक में पढ़ते हैं एफ पैटर्न, लेकिन बोल्ड इमेज और कॉल-टू-एक्शन भी सबसे पहले आंख को पकड़ने के लिए जाना जाता है.

21. प्रशंसापत्र और सामाजिक प्रमाण के साथ विश्वास बनाएँ

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

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

22. उपयोगकर्ताओं को बताएं कि वे किसके साथ खेल सकते हैं!

वेबसाइट आमतौर पर दो भागों से बनी होती हैं: नंबर एक: सामग्री – यह स्थिर है और हम इसके साथ बातचीत नहीं कर सकते हैं। और नंबर दो: नियंत्रण – ये ऐसी चीजें हैं जिन पर हम क्लिक कर सकते हैं और खेल सकते हैं और बातचीत कर सकते हैं.

बातचीत

ट्विटर इस पर महान हैं। सामग्री के लिए सरल काला पाठ। ब्लू टेक्स्ट इंगित करता है कि आप किस पर क्लिक कर सकते हैं और किसके साथ बातचीत कर सकते हैं। जब आप रोलओवर को दिखा सकते हैं कि आप किसके साथ खेल सकते हैं, तो रंग भरते हैं.

अपनी वेबसाइट से लोगों को खेलने के लिए आमंत्रित करें!

23. एक सौम्य लर्निंग कर्व बनाएं

कोई भी भ्रमित और मुश्किल वेबसाइट पर फंसना पसंद नहीं करता है.

अपने आगंतुकों को लगभग तुरंत एक त्वरित जीत देने की कोशिश करें। उन्हें आसानी से करें और इसे सरल बनाएं – खासकर यदि आप एक मुश्किल व्यवसाय प्रस्ताव पेश कर रहे हैं.

24. अपने आगंतुक के साथ सहानुभूति रखने का एक तरीका खोजें

उपयोगकर्ता अनुभव सभी एक मानवीय संबंध की नकल करने और अपने उपयोगकर्ता के साथ संबंध बनाने के बारे में है। सहानुभूति इसका एक बड़ा हिस्सा है – आपके आगंतुकों के लक्ष्य और सपने क्या हैं? अब तक उन्हें क्या पकड़ा है??

तुरंत उन्हें बताएं कि आप उनकी समस्या को समझते हैं। आप इसे एक ऐसी छवि के साथ कर सकते हैं जिससे वे संबंधित हो सकते हैं, या एक वाक्य जो उनकी सबसे बड़ी समस्याओं को हल करता है.

आपका आगंतुक सोचता है कि website यह वेबसाइट मुझे मिल जाएगी! ’जो बनाने के लिए एक शानदार उपयोगकर्ता अनुभव है.

25. संवाद बनाने के लिए माइक्रो-इंटरैक्शन का उपयोग करें

यात्रा के हर छोटे हिस्से में अपने उपयोगकर्ता को प्रतिक्रिया देने का प्रयास करें। यह एक वास्तविक संचार और संबंध बनाएगा, जिसका उपयोगकर्ता जवाब देंगे.

आप इसे कॉपी के साथ कर सकते हैं, जैसे कि “अच्छा काम!” “हमें लगा कि आप इसे पसंद कर सकते हैं”, “क्या आप किसी विशेषज्ञ से बात करना चाहेंगे?”

प्रगति पट्टी

या छोटे ग्राफिक्स और दृश्य, एक अंगूठे की तरह, एक स्माइली चेहरा या एक लोडिंग पृष्ठ पर एक टिक घड़ी.

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

क्या आप इनमें से किसी UX डिजाइन ट्रिक का उपयोग कर रहे हैं? मैं किसी भी तरह के बारे में सुनने से प्यार करता हूँ जो मुझे याद नहीं है! मुझे टिप्पणी अनुभाग में बताएं.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map