मोबाइल इंटरफेस में बातचीत की गति का मनोवैज्ञानिक घटक

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

तो कैसे तेजी से अपने आवेदन करने के लिए? यहां कुछ दिलचस्प तकनीकें हैं, जो समझती हैं कि आप अपने आवेदन को तेज कर सकते हैं।

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



जब तक मैं अपनी तस्वीर प्रकाशित करना समाप्त करता हूं, तब तक Instagram "पूर्ण" संदेश दिखाता है।

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

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

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

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

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



संदेश भेजने और वितरण की पुष्टि करने के लिए दो व्हाट्सएप चेकबॉक्स।

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

iMessage एक पूरी तरह से अलग दृष्टिकोण का उपयोग करता है, जो अफसोस एक ही सकारात्मक प्रतिक्रिया नहीं बनाता है।



संदेश भेजने की प्रक्रिया संदेश भेजने की प्रक्रिया को प्रदर्शित करता है

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

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

इस प्रकार, प्रत्येक एप्लिकेशन संदेश की स्थिति को कैसे प्रदर्शित करता है, इससे एप्लिकेशन की गति की धारणा पर बड़ा प्रभाव पड़ सकता है।

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

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



फेसबुक पेपर ऐप ब्लॉक संरचना को दर्शाता है

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



Pinterest रंग ब्लॉक संरचना

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

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

मेरे @ozlubling ट्विटर पर उत्पाद डिजाइन और उपयोगकर्ता अनुभव पर अधिक विचार।