Toast notifications खराब UX हैं

 (maxschmitt.me)
2 पॉइंट द्वारा GN⁺ 2024-08-21 | 2 टिप्पणियां | WhatsApp पर शेयर करें
  • Toasts की मूल समस्या यह है कि वे हमेशा उपयोगकर्ता के ध्यान से दूर दिखाई देते हैं
  • YouTube Toast की समस्याएँ
    • पूरा interaction बहुत असुविधाजनक है
      • स्क्रीन के दाईं ओर "Save" बटन पर क्लिक किया जाता है
      • स्क्रीन के बीच में एक modal दिखाई देता है
      • स्क्रीन के नीचे बाईं ओर एक toast दिखाई देता है
    • अतिरिक्त समस्याएँ
      • बिना loading indicator के toast देर से दिखाई देता है
      • modal में checkbox को check या uncheck करते समय, नवीनतम कार्रवाई के confirmation toast को पाने के लिए पिछले toast के गायब होने तक कुछ सेकंड इंतज़ार करना पड़ता है
      • toast का "Undo" बटन अनावश्यक है। उपयोगकर्ता बस checkbox को फिर से क्लिक कर सकता है
  • समाधान: Toast हटाएँ
    • "Save" interaction को बस फिर से डिज़ाइन करके सभी समस्याएँ हल की जा सकती हैं
      • playlist modal की जगह सीधे बटन के नीचे दिखाई देती है
      • checkbox को check/uncheck करने के बाद loading indicator दिखाई देता है
      • loading indicator के गायब होते ही इसका मतलब है कि कार्रवाई पूरी हो गई है
      • Toast की ज़रूरत नहीं है
  • 2 अतिरिक्त उदाहरण
      1. पुष्टि कि item जोड़ा/हटाया गया है
      • Gmail में ईमेल archive करने पर एक toast दिखाई देता है जो पुष्टि दिखाता है। लेकिन ईमेल archive करते ही वह सूची से गायब हो जाता है, जो पहले से ही संकेत देता है कि कार्रवाई सफल रही
      • नोट: Undo फीचर और keyboard shortcut इस्तेमाल करते समय toast feedback उपयोगी हो सकता है
      1. पुष्टि कि item copy किया गया है
      • clipboard में item copy होने के बाद toast दिखाई देता है। इस उदाहरण में, बटन में ही पहले से confirmation शामिल है, इसलिए toast पूरी तरह अनावश्यक है
  • यह और भी बुरा हो सकता है
  • Toast से भी बुरी चीज़ है बिल्कुल कोई feedback न होना
  • अगर बेहतर feedback mechanism डिज़ाइन या बनाने का समय नहीं है, तो toast न होने से toast होना बेहतर है

GN⁺ का सारांश

  • यह लेख बताता है कि Toasts उपयोगकर्ता अनुभव पर नकारात्मक प्रभाव डालते हैं और इसे हल करने के लिए विकल्प प्रस्तुत करता है
  • YouTube और Gmail के उदाहरणों के जरिए Toasts की समस्याओं को ठोस रूप से समझाया गया है
  • Toasts की जगह अधिक सहज और तुरंत feedback mechanism प्रस्तावित किया गया है
  • उपयोगकर्ता अनुभव सुधारने के लिए feedback mechanism को सोच-समझकर डिज़ाइन करना महत्वपूर्ण है

संबंधित पढ़ाई

2 टिप्पणियां

 
wkang586 2024-08-26

तो मतलब बुरा toast ही बुरा होता है, सही??
 
GN⁺ 2024-08-21
Hacker News राय

  • Toast नोटिफिकेशन की आवश्यकता

    • UX में जानकारी को दोहराकर देना खराब UX है, इस दावे से सहमत नहीं
    • जानकारी का दोहराव यह सुनिश्चित करने का काम करता है कि संदेश स्पष्ट रूप से पहुँच जाए
    • Toast सभी कार्य स्थितियों को एक मानकीकृत तरीके से बताता है, जिससे उपयोगकर्ता पैटर्न जल्दी सीख पाते हैं
    • किसी खास इंडिकेटर के साथ Toast का उपयोग करने पर उसका अर्थ और स्पष्ट हो जाता है
    • Toast हटाने पर उपयोगकर्ता पर यह बोझ आ जाता है कि वह कई अलग-अलग तरीकों से "पूर्ण हुआ" को समझे
    • खासकर बुजुर्गों, दृष्टिबाधित लोगों और बच्चों के लिए यह असुविधाजनक हो सकता है

  • Toast नोटिफिकेशन की कमियाँ

    • जब Toast बहुत जल्दी गायब हो जाए या बेवजह ध्यान खींचे, तब समस्या होती है
    • पारंपरिक डेस्कटॉप तरीके में error message को modal के रूप में, और success message को status bar में दिखाया जाता था
    • status bar, CLI terminal output की आख़िरी पंक्ति की तरह काम करता है, और पहले के message देखने के लिए popup भी देता है

  • YouTube का उदाहरण

    • YouTube में comment delete करने पर दो Toast नोटिफिकेशन दिखाई देते हैं
    • अगर कई comments को जल्दी-जल्दी delete किया जाए, तो हर delete confirmation Toast क्रम से दिखाई देता है और समय लगता है

  • Undo बटन की आवश्यकता

    • गलती से click हो जाने पर Undo बटन उपयोगी होता है
    • जब application अच्छी तरह समझ में न आती हो, तब सिर्फ message के आधार पर आसानी से Undo करना मुश्किल होता है

  • Toast के फायदे

    • Toast सिस्टम की usability बढ़ाने वाला एक मानक implementation देता है
    • अधिकांश सिस्टमों के पास जटिल design समस्याएँ सुलझाने के लिए पर्याप्त लोग नहीं होते

  • Toast का उचित उपयोग

    • Toast सिर्फ उन नोटिफिकेशन के लिए उपयुक्त है जो उपयोगकर्ता की action से संबंधित न हों
    • उपयोगकर्ता की action पर feedback उसी action के context के भीतर दिया जाना चाहिए
    • asynchronous कार्यों के मामले में, तुरंत बताया जाना चाहिए कि कार्य pending है, और cancel तथा progress जाँचने के विकल्प देने चाहिए

  • Toast और inline feedback

    • Toast उपयोगकर्ता की action के लिए एक सार्वभौमिक और बिना बाधा वाली confirmation विधि है
    • inline feedback अगर गलत तरह से लागू किया जाए, तो भ्रम पैदा कर सकता है

  • लेखक के वैकल्पिक प्रस्ताव पर आलोचना

    • loading indicator ऐसी समस्या पैदा कर सकता है जिसमें error को उपयोगकर्ता तक पहुँचाना कठिन हो जाए
    • यह भी सोचना चाहिए कि Google और अधिकांश UI libraries Toast/notification messages का उपयोग क्यों करती हैं
    • लेखक की राय विश्लेषणात्मक निष्कर्ष से अधिक एक व्यक्तिगत दृष्टिकोण के करीब लगती है
    • व्यक्तिगत रूप से Toast और notification की UX पसंद है