विषय
- 01. मनोविज्ञान को समझें
- 02. स्क्रॉलिंग प्रभाव के साथ मसाला जोड़ें
- 03. आसान पाचन के लिए पेजिनेट
- 04. उपयोगकर्ताओं को कुछ क्षेत्रों को हाइलाइट करने दें
- 05. कुछ जानकारी छुपाएं
- 06. उपयोगकर्ता की भागीदारी सम्मोहक है
इन्फोग्राफिक्स वेब पर हर जगह हैं, और वे तेजी से इंटरैक्टिव हैं। इस पृष्ठ पर मैंने इंटरैक्टिव कार्यक्षमता के साथ सर्वश्रेष्ठ इन्फोग्राफिक्स के उदाहरण एकत्र किए हैं, और देखा है कि उन्हें क्या महान बनाता है। पेज दो पर आपको अपना खुद का निर्माण करने में मदद करने के लिए कुछ आसान संसाधन और पुस्तकालय मिलेंगे (या शीर्ष इन्फोग्राफिक्स टूल के हमारे राउंडअप पर एक नज़र डालें)।
यदि आप अपने इन्फोग्राफिक्स को रखने के लिए एक नई वेबसाइट बना रहे हैं, तो आपको एक वेबसाइट बिल्डर और शीर्ष वेब होस्टिंग की आवश्यकता होगी। अपनी कृतियों को सुरक्षित रूप से संग्रहीत करना चाहते हैं? इन क्लाउड स्टोरेज विकल्पों को आजमाएं। या, यह जानने के लिए पढ़ें कि आप एक ऐसा डिज़ाइन कैसे बना सकते हैं जो वास्तव में आपके दर्शकों के साथ जुड़ता है।
01. मनोविज्ञान को समझें
इससे पहले कि आप अपना इंटरैक्टिव इन्फोग्राफिक बनाना शुरू करें, यह विचार करने योग्य है कि आप इसे इंटरैक्टिव क्यों बना रहे हैं।
जैसा कि शानदार इन्फोग्राफिक व्हाई योर ब्रेन क्रेव्स इन्फोग्राफिक्स बताता है, लोग नेत्रहीन हैं। हम सभी एक प्रस्तुति को पढ़ने, समझने और याद रखने के इच्छुक होने की अधिक संभावना रखते हैं जिसमें आकर्षक दृश्य शामिल हैं। लेकिन जबकि दृश्य यकीनन सबसे आवश्यक शिक्षण उपकरण हैं, वे केवल इतनी दूर तक जा सकते हैं।
गतिज सीखने का एक महत्वपूर्ण घटक भी है, जिसके द्वारा लोग शारीरिक गतिविधि के माध्यम से जानकारी को बेहतर ढंग से बनाए रखने में सक्षम होते हैं। तो यह बहुत मायने रखता है कि डेटा विज़ुअलाइज़ेशन के पहले से ही शक्तिशाली क्षेत्र में अन्तरक्रियाशीलता जोड़ने से एक इन्फोग्राफिक को और भी यादगार और प्रभावी बनाना चाहिए।
दृश्य और गतिज दृष्टिकोणों का यह संयोजन इंटरैक्टिव इन्फोग्राफिक्स को भविष्य के डेटा विज़ुअलाइज़ेशन बनाता है। बेशक, कुछ इन्फोग्राफिक विषय किसी भी इंटरैक्टिव तत्वों के उपयोग को प्रोत्साहित नहीं करते हैं - लेकिन कई अन्य उनके द्वारा काफी सुधार किए जाते हैं। अन्तरक्रियाशीलता जानकारी को समझने, उपयोगकर्ता को नियंत्रण देने और कल्पना को उन तरीकों से पकड़ने में मदद कर सकती है जो एक स्थिर ग्राफिक बस नहीं कर सकता।
02. स्क्रॉलिंग प्रभाव के साथ मसाला जोड़ें
सबसे लोकप्रिय प्रकार की अन्तरक्रियाशीलता में से एक को अपने उपयोगकर्ताओं से बस थोड़ी स्क्रॉलिंग की आवश्यकता होती है, जो आमतौर पर एनिमेशन और संक्रमण को ट्रिगर करता है। यह एक जैक-इन-द-बॉक्स के रूप में पूरा करने की समान आवश्यकता पैदा करता है; उपयोगकर्ता जो कुछ भी शुरू कर चुके हैं उसे पूरा करने के लिए मजबूर महसूस करते हैं।
दर्शकों को एक कहानी में खींचने और रुचि की किसी भी सीमा को बढ़ाए बिना उन्हें अधिक जुड़ाव महसूस कराने के लिए यह एक बेहतरीन तकनीक है। ऊपर दिया गया हैंडवाशिंग इन्फोग्राफिक सूक्ष्म और आकर्षक दोनों तरह के एनिमेशन का उपयोग करता है ताकि यात्रा को एक शुष्क विषय के माध्यम से जितना संभव हो सके मज़ेदार बनाया जा सके।
स्क्रॉलिंग का उपयोग वास्तव में सरल तरीकों से भी किया जा सकता है, सरल आख्यानों के साथ। उदाहरण के लिए इस iPod क्षमता विज़ुअलाइज़ेशन पर एक नज़र डालें। सामग्री अविश्वसनीय रूप से बुनियादी है, लेकिन स्क्रॉलिंग कारक बिंदु को संप्रेषित करने का एक उत्कृष्ट काम करता है।
03. आसान पाचन के लिए पेजिनेट
पानी की आपकी दैनिक खुराक में उपयोगकर्ता स्क्रॉल करने के बजाय पृष्ठों पर क्लिक करते हैं, और दिखाता है कि इस बहु-पृष्ठ दृष्टिकोण के साथ कुछ अवधारणाएं कैसे बेहतर काम करती हैं।
प्रत्येक पृष्ठ पर तत्व विषयों के बीच सरल आंदोलन से परे इंटरैक्टिव हैं, इसलिए एक नए पृष्ठ पर अधिक क्लिक करने से यह सुनिश्चित होता है कि उपयोगकर्ता के पास अगले हिस्से पर जाने से पहले एक हिस्से को पूरी तरह से पचाने का समय है।
04. उपयोगकर्ताओं को कुछ क्षेत्रों को हाइलाइट करने दें
कुछ बेहतरीन इन्फोग्राफिक्स वे हैं जो बहुत अधिक मात्रा में डेटा लेते हैं और इसे एकल, प्रबंधनीय ग्राफिक में डिस्टिल करते हैं। लेकिन इन दृश्यों को समझने के लिए अक्सर कुछ धैर्य और दृढ़ता की आवश्यकता होती है। विभिन्न भागों की इंटरएक्टिव हाइलाइटिंग प्रारंभिक भ्रम को कम करने में मदद कर सकती है, जो औसत आसानी से विचलित वेब उपयोगकर्ता को आकर्षित करने और बनाए रखने के लिए आवश्यक है।
ऊपर आईआरएस टैक्स रिटर्न के बारे में इन्फोग्राफिक, हर साल कितना दावा नहीं किया जाता है, एक बड़े चार्ट में प्रति राज्य व्यक्तियों की संख्या और दावा न किए गए धन की मात्रा प्रदर्शित कर सकता था, लेकिन प्रत्येक को व्यक्तिगत रूप से विशेषता देना इसे बहुत कम भ्रमित करता है।
व्यावसायिक दृष्टिकोण (उपरोक्त) जो व्यवसाय और शिक्षा स्तर दोनों के आधार पर नौकरी के उद्घाटन के प्रतिशत को प्रदर्शित करता है, की एक समान प्रस्तुति है। लेकिन इस इन्फोग्राफिक में इतनी अधिक जानकारी शामिल है कि इसे अनिवार्य रूप से कई अलग-अलग पृष्ठों में विभाजित किया गया था।
हालांकि, रोलओवर की कार्यक्षमता सभी पृष्ठों पर समान होती है, जिससे जानकारी को ऐसा महसूस होता है कि यह पूरी तरह से एक टुकड़ा है। यदि आपके पास कुछ मजबूत बनाने के लिए समय या संसाधन नहीं हैं, तो आप अक्सर कुछ अच्छी तरह से रखे गए एनिमेशन के साथ पूरक कर सकते हैं।
बहुत अधिक सरल तरीके से, अमूर्त संपत्तियों के लिए यह व्यवसाय मार्गदर्शिका स्क्रॉलिंग एनिमेशन का उपयोग अपने अन्यथा सांसारिक चार्ट और ग्राफ़ में पिज़्ज़ जोड़ने के लिए करती है, जिससे पूरे पृष्ठ पर उपयोगकर्ता का ध्यान रखने में मदद मिलती है।
05. कुछ जानकारी छुपाएं
उपयोगकर्ताओं को इन्फोग्राफिक अनुभव में सक्रिय रूप से भाग लेने के लिए एक और शानदार तरीका क्लिक या रोलओवर है जो अधिक जानकारी प्रदान करता है। यह न केवल उपयोगकर्ता की जिज्ञासा और अन्वेषण की भावना को प्रोत्साहित करता है, बल्कि यह उन्हें बाकी इन्फोग्राफिक के साथ जारी रखने से हतोत्साहित किए बिना उन छोटे विषयों को छोड़ने की भी अनुमति देता है जो उनकी रुचि के नहीं हैं।
उदाहरणों के अधिक जटिल अंत में गृह सुरक्षा के लिए सिंपलीसेफ गाइड है (ऊपर दिखाया गया है)। गृह रक्षा की विभिन्न परतों के माध्यम से इस यात्रा में केवल क्लिक करने योग्य लिंक के अलावा और भी बहुत कुछ है, लेकिन उनका समावेश एक समृद्ध सीखने का अनुभव बनाता है।
06. उपयोगकर्ता की भागीदारी सम्मोहक है
यू बनाम जॉन पॉलसन इन्फोग्राफिक के प्रकार का एक उदाहरण दिखाता है जो उपयोगकर्ता की विशेष डेटा प्रविष्टियों के आधार पर अपनी जानकारी को पॉप्युलेट करता है। अपना वार्षिक वेतन दर्ज करके, आपको विदेशी व्यापारी जॉन पॉलसन द्वारा मिनटों में किए जाने वाले धन की तुलना मिलती है (कुछ अन्य उदाहरणों के साथ, बस घर जाने के लिए ड्राइव करने के लिए)।
चूंकि इस प्रकार की अंतःक्रियाशीलता केवल अल्पसंख्यक विषयों के लिए काम करती है, इसलिए यह इस सूची के अन्य लोगों की तुलना में कम आम है। हालांकि, यह शायद सबसे सम्मोहक भी है, न केवल इसलिए कि यह सबसे अधिक उपयोगकर्ता भागीदारी को आमंत्रित करता है, बल्कि इसलिए भी कि यह व्यक्तिगत जानकारी का उपयोग करता है।
अगला पृष्ठ: आपके इन्फोग्राफिक्स को जीवंत बनाने में आपकी सहायता करने के लिए संसाधन