Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
यूएक्स पैटर्न6 मिनट पढ़ें·Updated अक्टूबर 2026·ExodeUI टीम द्वारा

टूलटिप्स जो बिना किसी रुकावट के समझाते हैं

मदद करने वाले टूलटिप्स कैसे डिज़ाइन करें: संक्षिप्त पूरक जानकारी, होवर और कीबोर्ड एक्सेस, स्पर्श विकल्प, और क्यों आवश्यक निर्देश टूलटिप में कभी नहीं होते हैं।

प्रत्यक्ष सारांश एवं परिभाषा

कोर टेकअवे

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

टूलटिप क्या है

Nielsen Norman Group एक टूलटिप को एक संक्षिप्त, सूचनात्मक संदेश के रूप में परिभाषित करता है जो तब प्रकट होता है जब कोई उपयोगकर्ता किसी तत्व के साथ इंटरैक्ट करता है, जो माउस होवर या कीबोर्ड होवर (किसी तत्व पर कीबोर्ड फोकस रखते हुए) द्वारा शुरू किया जाता है। क्योंकि वे होवर पर निर्भर होते हैं, टूलटिप्स सामान्यतः टचस्क्रीन पर उपलब्ध नहीं होते हैं।

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

पूरक, कभी आवश्यक नहीं

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

सरल उपयोग

टूलटिप्स को सभी के लिए उपयोगी बनाएं:

  • कीबोर्ड फोकस के साथ-साथ होवर पर खोलें।
  • लोगों को बिना फोकस हिलाए एस्केप के साथ इसे खारिज करने दें।
  • जब पॉइंटर इस पर चले तो इसे खुला रखें।
  • इसे इसके ट्रिगर से कनेक्ट करें ताकि स्क्रीन पाठक इसकी घोषणा करें।
  • अंदर इंटरैक्टिव सामग्री न डालें; इसके बजाय पॉपओवर का उपयोग करें।

स्पर्श उपकरणों पर टूलटिप्स

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

गति और समय

दिखाने से पहले थोड़ी देर की देरी से पॉइंटर तत्वों के ऊपर से गुजरने पर टूलटिप्स को झिलमिलाने से बचाता है; एक बार खुला होने पर, पड़ोसी टूलटिप्स तुरंत दिखाई दे सकते हैं। ट्रिगर का त्वरित फीका पड़ना या छोटा पैमाना लोगों को यह देखने में मदद करता है कि यह कहां से आया है। इसे लगभग 150 मिलीसेकंड से कम रखें.

याद रखने योग्य कुंजी Principle

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

अक्सर पूछे जाने वाले प्रश्नों

स्रोत

  1. Tooltip Guidelines — Nielsen Norman Group

संबंधित मार्गदर्शिकाएँ एवं उदाहरण

छोटी गति, बड़ी स्पष्टता

ब्राउज़र में टूलटिप्स और पॉपओवर के लिए त्वरित, शांत ट्रांज़िशन को ट्यून करें।

स्प्रिंग जनरेटर खोलें
मुफ्त में प्रयास करें