एलिमेंटर में उत्पाद रोडमैप पेज कैसे बनाएं

चार चरणों के साथ ऊर्ध्वाधर समयरेखा के रूप में बनाया गया एक उत्पाद रोडमैप

कुंजी तकिए

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

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

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

उत्पाद रोडमैप पृष्ठ पर क्या जाता है

एक उत्पाद रोडमैप पृष्ठ नियोजित कार्य को सूचीबद्ध करता है कि यह कितना करीब है जारी करने के लिए प्रत्येक प्रविष्टि को तीन चीजों की आवश्यकता होती है: एक स्थिति, एक छोटा नाम और ग्राहक को क्या मिलता है पर एक वाक्य।

अधिकांश सार्वजनिक रोडमैप स्थिति के लिए दो प्रणालियों में से एक का उपयोग करते हैंः

सिस्टमउदाहरण लेबलइसका उपयोग तब करें जब
स्थिति लेबलभेजा गया, प्रगति पर, अगला, अन्वेषणआप तारीखों के लिए प्रतिबद्ध नहीं होना चाहते हैं
समय बाल्टियाँQ1 2027, Q2 2027, बाद मेंआप क्वार्टर में योजना बनाते हैं और उनके पीछे खड़े हो सकते हैं
सटीक तिथियां14 मार्च 2027तारीख तय है, जैसे कोई घटना या लॉन्च

स्थिति लेबल सॉफ्टवेयर के लिए सबसे सुरक्षित विकल्प हैं एक सार्वजनिक पृष्ठ पर एक फिसल तारीख स्क्रीनशॉट हो जाती है, और एक लेबल जैसे कि “अगला अप” पर्ची नहीं कर सकता है।

एलिमेंटर में रोडमैप कैसे बनाएं

आपको एलिमेंटर और मास्टर एडॉन्स की आवश्यकता है रोडमैप स्वयं कस्टम टाइमलाइन पर सेट एक टाइमलाइन विजेट है।

चरण १: चरणों की योजना बनाएं

संपादक खोलने से पहले सूची लिखें चार से आठ आइटम बहुत हैं इस उदाहरण के लिएः

लेबलफ़ीचरएक-पंक्ति विवरण
भेज दियाचेकआउट रीडिज़ाइनसहेजे गए कार्ट के साथ एक पृष्ठ चेकआउट।
प्रगति परटीम कार्यस्थानोंसाझा परियोजनाएँ, भूमिकाएँ और टिप्पणियाँ।
अगला ऊपरमोबाइल ऐपऑफ़लाइन मोड के साथ आईओएस और एंड्रॉइड ऐप।
अन्वेषणसार्वजनिक एपीआईएकीकरण के लिए वेबहुक और एक REST API।

चरण २: टाइमलाइन विजेट जोड़ें

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

विजेट में नया? एलिमेंटर में टाइमलाइन कैसे बनाएं हर नियंत्रण से चलता है।

चरण ३: कस्टम लेबल के साथ तिथियों को बदलें

पहला आइटम खोलें बदलें शो दिनांक से कस्टम लेबल, फिर स्थिति टाइप करें लेबल क्षेत्र सामग्री संपादक में, पहली पंक्ति को फीचर नाम के साथ एक शीर्षक बनाएं और इसके तहत विवरण लिखें।

कस्टम लेबल पर शो सेट और नेक्स्ट अप लेबल के साथ एलिमेंटर टाइमलाइन आइटम, उत्पाद रोडमैप के लिए उपयोग किया जाता है
कस्टम लेबल पर सेट दिखाएं, लेबल फ़ील्ड में “अगला अप” के साथ लेबल दिखाई देता है जहां तारीख होगी।

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

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

चरण ४: एक लेआउट चुनें

ऊपर केंद्र लेआउट कार्ड को बाएं और दाएं वैकल्पिक करता है दो अन्य लेआउट एक रोडमैप के लिए अच्छी तरह से सूट करते हैं।

वाम संरेखित। स्टाइल टैब में, खोलें लेआउट और सेट क्षैतिज संरेखित बाएं करने के लिए प्रत्येक कार्ड इसके अंदर अपने लेबल के साथ एक तरफ बैठता है यह एक सूची की तरह पढ़ता है, जो विवरण लंबे समय तक चलने पर स्कैन करना आसान होता है।

टाइमलाइन लाइन के एक तरफ प्रत्येक कार्ड के साथ एलिमेंटर में बाएं संरेखित उत्पाद रोडमैप
बायां संरेखण प्रत्येक चरण को एक कॉलम में रखता है।

क्षैतिज। सामग्री टैब में, सेट करें समयरेखा शैली क्षैतिज समयरेखा के लिए चरण रेखा के ऊपर लेबल के साथ एक हिंडोला बन जाते हैं यह एक पंक्ति लेता है, इसलिए यह एक होम पेज पर या मूल्य निर्धारण तालिका के नीचे फिट बैठता है।

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

हिंडोला सेटिंग्स में शामिल हैं एलिमेंटर में क्षैतिज समयरेखा कैसे बनाएं.

चरण ५: चरणों को स्टाइल करें

स्टाइल टैब खोलें और चार अनुभागों के माध्यम से काम करें।

  • कार्ड: पैडिंग, सीमा त्रिज्या, और शीर्षक और सामग्री रंग केंद्रित टैब शैली कार्ड आगंतुक स्क्रॉल किया है।
  • खजूरः स्थिति लेबल के लिए टाइपोग्राफी और रंग एक ब्रांड रंग के साथ बोल्ड उन्हें टैग के रूप में पढ़ा जाता है।
  • लाइन: पृष्ठभूमि पूरा ट्रैक है और विज़िटर स्क्रॉल करते ही प्रगति रंग भर जाता है।
  • पॉइंट्स: एक बिंदु, एक आइकन या एक छवि, अलग-अलग डिफ़ॉल्ट, होवर और केंद्रित रंगों के साथ।

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

पहले अधिक लेआउट देखना चाहते हैं? द एलिमेंटर टाइमलाइन विजेट पेज में क्षैतिज रोडमैप सहित लाइव डेमो हैं।

रोडमैप के आसपास क्या रखा जाए

एक रोडमैप पृष्ठ समयरेखा के ऊपर और नीचे थोड़े से संदर्भ के साथ बेहतर पढ़ता है।

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

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

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

क्या एलिमेंटर के पास रोडमैप विजेट है?

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

क्या मैं एलिमेंट में बिना तारीखों के रोडमैप दिखा सकता हूं?

हाँ। मास्टर एडॉन्स टाइमलाइन विजेट में, प्रत्येक आइटम पर शो टू कस्टम लेबल सेट करें और शिप या नेक्स्ट अप जैसी स्थिति टाइप करें। लेबल बिंदु के बगल में तारीख का स्थान लेता है।

क्या सार्वजनिक रोडमैप ऊर्ध्वाधर या क्षैतिज होना चाहिए?

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

मैं रोडमैप आइटम को कैसे चिह्नित करूं जैसा कि किया गया है?

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

अंतिम विचार

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

पर एक डेमो से शुरू करें समयरेखा विजेट पृष्ठ और नमूना आइटम को अपने स्वयं के चरणों से बदलें।

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

एक उत्तर छोड़ें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड चिह्नित हैं *