We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
अपने सर्वे की विज़ुअल दिखावट को कस्टमाइज़ करें — चार लेआउट प्रकारों में से चुनें, थीम लागू करें, और अपने ब्रांड से मेल खाने के लिए रंग, फ़ॉन्ट और स्पेसिंग को फ़ाइन-ट्यून करें।
SurveyAnalytica चार अलग-अलग लेआउट प्रकार प्रदान करता है जो नियंत्रित करते हैं कि प्रश्न प्रतिभागियों के सामने कैसे प्रस्तुत किए जाते हैं। हर लेआउट अलग-अलग उपयोग के मामलों के लिए ऑप्टिमाइज़ किया गया है — पारंपरिक मल्टी-पेज फ़ॉर्म से लेकर आधुनिक कन्वर्सेशनल अनुभवों तक। लेआउट सभी डिस्ट्रिब्यूशन चैनलों (डायरेक्ट लिंक, ईमेल एम्बेड, QR कोड, वेबसाइट विजेट, और अन्य) पर काम करते हैं।
सर्वे बिल्डर में Style पैनल खोलें और Layout सेक्शन को विस्तृत करें। किसी लेआउट प्रकार पर क्लिक करें ताकि वह तुरंत लागू हो जाए। होवर करने पर एक टूलटिप विवरण हर लेआउट को समझाता है।
एक पेज पर कई प्रश्नों वाला क्लासिक फ़ॉर्म लेआउट। नीचे पेज नेविगेशन शामिल है। कई प्रश्नों वाले लंबे सर्वे के लिए सबसे अच्छा, संबंधित प्रश्नों को तार्किक पेजों में समूहबद्ध करने के लिए।
एक समर्पित स्टार्ट पेज के साथ एक समय में एक प्रश्न। मोबाइल प्रतिभागियों के लिए आदर्श। अध्ययन बताते हैं कि यह लेआउट संज्ञानात्मक भार को कम करके अधिक कंप्लीशन रेट प्राप्त करता है।
स्क्रॉल-आधारित नेविगेशन के साथ कन्वर्सेशनल, चैट जैसा अनुभव। प्रश्न मैसेज बबल के रूप में दिखाई देते हैं। ग्राहक फीडबैक, NPS सर्वे और अनौपचारिक पोल के लिए बेहद आकर्षक।
टच जेस्चर और स्मूद एनिमेशन के साथ स्वाइप करने योग्य कार्ड-आधारित सर्वे। टच-फ्रेंडली और आधुनिक। टैबलेट और मोबाइल डिवाइस पर इंटरैक्टिव अनुभवों के लिए एकदम सही।
| फ़ीचर | पेजिनेटेड | एकल प्रश्न | डायलॉग | कैरोसेल |
|---|---|---|---|---|
| प्रति स्क्रीन प्रश्न | कई | एक | स्क्रॉल-आधारित | एक (कार्ड) |
| नेविगेशन | Next/Previous बटन | Continue बटन | स्क्रॉल + टाइप | स्वाइप / एरो |
| प्रगति संकेतक | प्रोग्रेस बार + पेज गिनती | प्रोग्रेस बार + प्रतिशत | स्क्रॉल स्थिति | डॉट संकेतक |
| किसके लिए सर्वोत्तम | लंबे, संरचित सर्वे | मोबाइल, त्वरित पोल | फीडबैक, NPS | इंटरैक्टिव, टैबलेट |
| मोबाइल ऑप्टिमाइज़्ड | हाँ | उत्कृष्ट | उत्कृष्ट | उत्कृष्ट |
| स्टार्ट पेज | वैकल्पिक | हाँ (बिल्ट-इन) | वैकल्पिक | वैकल्पिक |
एक पहले से बनी थीम लागू करके अपने सर्वे की दिखावट को तुरंत बदलें। SurveyAnalytica 13 श्रेणियों में फैली एक क्यूरेटेड थीम लाइब्रेरी के साथ आता है — पेशेवर कॉर्पोरेट थीम से लेकर जीवंत क्रिएटिव डिज़ाइन, डार्क थीम और फोटो-बैकग्राउंड थीम तक। हर थीम एक क्लिक में रंग, टाइपोग्राफी, बटन स्टाइल, प्रोग्रेस बार का रूप और अन्य चीज़ें सेट कर देती है।
| श्रेणी | विवरण | उदाहरण थीम |
|---|---|---|
| प्रोफेशनल | न्यूट्रल टोन वाली साफ़-सुथरी, व्यवसाय-उपयुक्त थीम | Ocean Blue, Slate Pro, Navy Classic |
| मॉडर्न | बोल्ड एक्सेंट और साफ़ लाइनों वाले समकालीन डिज़ाइन | Neo Mint, Urban Chic, Gradient Wave |
| मिनिमल | भरपूर व्हाइटस्पेस के साथ सरलीकृत सौंदर्यशास्त्र | Mint Fresh, Paper White, Zen Garden |
| वाइब्रेंट | बोल्ड, रंगीन थीम जो नज़र में आ जाती हैं | Sunset Glow, Coral Reef, Tropical |
| डार्क | हाई-कॉन्ट्रास्ट एक्सेंट वाली डार्क बैकग्राउंड | Midnight, Obsidian, Dark Matter |
| कॉर्पोरेट | औपचारिक सर्वे के लिए एंटरप्राइज़-ग्रेड थीम | Corporate Steel, Executive, Trust Blue |
| क्रिएटिव | चंचल तत्वों वाली अभिव्यंजक थीम | Electric Purple, Neon Pop, Art Deco |
| हेल्थकेयर | मेडिकल संदर्भों के लिए सुखदायक, सुलभ थीम | Clinical Blue, Wellness Green, Care Soft |
| एजुकेशन | शैक्षणिक उपयोग के लिए मित्रवत, सुपाठ्य थीम | Campus Gold, Scholar, Classroom |
| टेक्नोलॉजी | डिजिटल सौंदर्यशास्त्र वाले टेक-फॉरवर्ड डिज़ाइन | Cyber Teal, DevOps Dark, Silicon |
| फाइनेंस | वित्तीय सर्वे के लिए विश्वसनीय, संयमित थीम | Bank Green, Trust Gold, Fiscal Blue |
| रिटेल | ई-कॉमर्स और रिटेल के लिए ग्राहक-केंद्रित थीम | Shop Red, Cart Orange, Brand Pop |
| फोटो | ओवरले इफेक्ट वाली बैकग्राउंड इमेज थीम | Mountain Vista, City Lights, Nature |
गैलरी में हर थीम कार्ड एक लाइव लघु पूर्वावलोकन दिखाता है जो निम्न दर्शाता है:
थीम से आगे, आपके पास अपने सर्वे के हर विज़ुअल एलिमेंट पर बारीक नियंत्रण है। सर्वे बिल्डर में Style पैनल आपको प्रत्येक एलिमेंट के लिए स्वतंत्र रूप से रंग, फ़ॉन्ट, आकार, वज़न और स्पेसिंग को कस्टमाइज़ करने देता है। कस्टम स्टाइल किसी थीम के ऊपर लागू किए जा सकते हैं या शुरू से बनाए जा सकते हैं।
हर टेक्स्ट और बैकग्राउंड एलिमेंट के लिए कलर पिकर उपलब्ध हैं। हेक्स इनपुट वाला कलर पिकर खोलने के लिए किसी भी कलर स्वैच पर क्लिक करें। निम्नलिखित रंगों को कस्टमाइज़ किया जा सकता है:
SurveyAnalytica Google Fonts के साथ एकीकृत है, जिससे आपको सैकड़ों टाइपफेस तक पहुँच मिलती है। Style पैनल में ड्रॉपडाउन से कोई फ़ॉन्ट चुनें। फ़ॉन्ट सर्वेक्षण के सभी टेक्स्ट पर वैश्विक रूप से लागू होता है — शीर्षक, प्रश्न, विकल्प, बटन और विवरण सभी चयनित फ़ॉन्ट फ़ैमिली का उपयोग करते हैं।
सर्वेक्षण सामग्री को बाएँ, केंद्र या दाएँ संरेखित किया जा सकता है। संरेखण सेटिंग कंटेनर के भीतर सभी सर्वेक्षण सामग्री की क्षैतिज स्थिति नियंत्रित करती है। बायाँ संरेखण डिफ़ॉल्ट है और लंबे सर्वेक्षणों के लिए अनुशंसित है। केंद्र संरेखण छोटे, केंद्रित सर्वेक्षणों के लिए उपयुक्त है।
Style पैनल प्रत्येक एलिमेंट प्रकार के लिए नियंत्रणों को संकुचित करने योग्य (collapsible) अनुभागों में व्यवस्थित करता है। किसी अनुभाग की विशिष्ट प्रॉपर्टीज़ कॉन्फ़िगर करने के लिए उसे विस्तृत करें:
| प्रॉपर्टी | यह क्या नियंत्रित करती है | उदाहरण मान |
|---|---|---|
| प्रश्न स्टाइल | प्रश्न टेक्स्ट का फ़ॉन्ट आकार, रंग और वेट | 16px, #2C2D5F, Medium (500) |
| विकल्प स्टाइल | उत्तर विकल्पों का फ़ॉन्ट आकार, रंग, वेट और बैकग्राउंड | 14px, #A0A0AE, Regular (400), bg #F4F6F7 |
| बटन स्टाइल | Next/Submit बटन का बैकग्राउंड, टेक्स्ट रंग, बॉर्डर रेडियस | बैकग्राउंड #32DEFF, टेक्स्ट #33344B, गोलाई 4px |
| विवरण स्टाइल | सर्वेक्षण शीर्षक और प्रश्नों के नीचे सहायक टेक्स्ट | 16px, #666666, Regular (400) |
| प्रश्न बॉक्स | प्रत्येक प्रश्न कार्ड के कंटेनर की स्टाइलिंग | पारदर्शी बैकग्राउंड, 8px बॉर्डर-रेडियस, 20px पैडिंग |
| प्रश्न क्रमांक | क्रमांक लेबल का प्रदर्शन, रंग और आकार | दृश्य/छिपा हुआ, #A0A0AE, 14px |
| सर्वेक्षण शीर्षक | सर्वेक्षण के शीर्ष पर मुख्य शीर्षक टेक्स्ट | 28px, #2C2D5F, Semi-Bold (600) |
| पृष्ठ शीर्षक | अनुभाग/पृष्ठ शीर्षक टेक्स्ट | 22px, #2C2D5F, Semi-Bold (600) |
| फ़ुटर / T&C | फ़ुटर टेक्स्ट का रंग और बैकग्राउंड | 14px, #ffffff टेक्स्ट, #2C2D5F बैकग्राउंड |
| प्रॉपर्टी/रेटिंग लेबल | NPS, रेटिंग और मैट्रिक्स प्रॉपर्टीज़ के लेबल | 14px, #A0A0AE, Regular (400) |
प्रत्येक टेक्स्ट एलिमेंट चार फ़ॉन्ट वेट स्तरों का समर्थन करता है:
| वेट | मान | सर्वोत्तम उपयोग |
|---|---|---|
| Light | 300 | सूक्ष्म विवरण, सहायक टेक्स्ट |
| Regular | 400 | मुख्य टेक्स्ट, विकल्प, सामान्य सामग्री |
| Medium | 500 | प्रश्न, लेबल, बलाघात |
| Bold | 600 | शीर्षक, हेडिंग, कॉल-टू-एक्शन एलिमेंट |
आपके सर्वेक्षण में रेंडर होने वाला हर प्रश्न कई स्टाइल परतों से मिलकर बना होता है। प्रश्न कार्ड की संरचना समझने से आप लक्षित कस्टमाइज़ेशन कर पाते हैं। नीचे दिया गया आरेख दिखाता है कि प्रत्येक स्टाइल प्रॉपर्टी किस दृश्य एलिमेंट से जुड़ी है।
थीम सिस्टम एक कैस्केडिंग प्राथमिकता मॉडल का पालन करता है। जब आप किसी सर्वेक्षण की स्टाइल कस्टमाइज़ करते हैं, तो प्रॉपर्टीज़ इस क्रम में हल की जाती हैं:
त्वरित, समग्र स्टाइलिंग के लिए SurveyAnalytica प्रीसेट स्केल प्रदान करता है जो एक साथ कई सर्वेक्षण एलिमेंट्स पर कैस्केड होते हैं। अलग-अलग फ़ॉन्ट आकार और स्पेसिंग मान समायोजित करने के बजाय, एक स्केल स्तर चुनें और सभी संबंधित प्रॉपर्टीज़ एक साथ अपडेट हो जाती हैं। इसे Simple Mode कहा जाता है — इसे Style पैनल के शीर्ष पर टॉगल करें।
| प्रीसेट श्रेणी | विकल्प | यह किसे प्रभावित करती है |
|---|---|---|
| टाइपोग्राफ़ी | Compact (12-20px), Small (14-24px), Medium (16-28px), Large (18-36px), Extra Large (20-48px) | सर्वेक्षण शीर्षक, पृष्ठ शीर्षक, प्रश्न शीर्षक, विवरण, विकल्प, बटन, प्रश्न क्रमांक और फ़ुटर के फ़ॉन्ट आकार |
| स्पेसिंग | Compact (8-12px), Small (12-16px), Medium (16-24px), Large (20-32px), Spacious (28-48px) | प्रश्न गैप, विकल्प गैप, अनुभाग पैडिंग, सामग्री पैडिंग, प्रश्न बॉक्स की पैडिंग और मार्जिन |
| बॉर्डर रेडियस | None (0px), Subtle (4-6px), Medium (8-12px), Rounded (12-16px), Pill (24-50px) | बटन के कोने, विकल्पों के कोने, प्रश्न बॉक्स के कोने, इनपुट फ़ील्ड के कोने, कार्ड के कोने |
| डेंसिटी | Compact, Comfortable, Spacious | समग्र पैडिंग गुणक, गैप गुणक, टच टारगेट आकार (40-56px), विकल्प और बटन पैडिंग |
| एलिमेंट | कॉम्पैक्ट | छोटा | मध्यम | बड़ा | अतिरिक्त बड़ा |
|---|---|---|---|---|---|
| सर्वे शीर्षक | 20px | 24px | 28px | 36px | 48px |
| पेज शीर्षक | 16px | 18px | 20px | 24px | 32px |
| प्रश्न शीर्षक | 14px | 16px | 18px | 20px | 24px |
| विवरण | 12px | 14px | 16px | 18px | 20px |
| विकल्प | 12px | 14px | 16px | 18px | 20px |
| बटन | 12px | 14px | 16px | 18px | 20px |
| प्रश्न संख्या | 11px | 12px | 14px | 16px | 18px |
| फुटर / नियम एवं शर्तें | 10px | 12px | 14px | 16px | 18px |
प्रीसेट बेसलाइन मान प्रदान करते हैं। Advanced Mode में आपके द्वारा सेट किया गया कोई भी एक्सप्लिसिट मान (उदाहरण के लिए, प्रश्न के फॉन्ट साइज़ को 22px में बदलना) उस विशिष्ट प्रॉपर्टी के लिए प्रीसेट मान को ओवरराइड कर देता है। अन्य प्रॉपर्टीज़ प्रीसेट स्केल का उपयोग करना जारी रखती हैं। इससे आपको दोनों का लाभ मिलता है: प्रीसेट के ज़रिए त्वरित ग्लोबल एडजस्टमेंट और एक्सप्लिसिट ओवरराइड के ज़रिए सटीक नियंत्रण।
अपने सर्वे को स्पष्ट रूप से अपना बनाएं। कंपनी लोगो अपलोड करें, ब्रांडेड बैकग्राउंड इमेज सेट करें, या ओपैसिटी नियंत्रण के साथ बैकग्राउंड रंग को फाइन-ट्यून करें। सभी ब्रांडिंग एलिमेंट्स Style panel में कॉन्फ़िगर किए जाते हैं और सर्वे प्रीव्यू में तुरंत प्रभावी होते हैं।
अपनी कंपनी का लोगो अपलोड करें (PNG, JPG, SVG)। पोज़िशन को top-left, top-centre, या top-right पर सेट करें। लोगो का साइज़ (डिफ़ॉल्ट 180px) और ओपैसिटी (0-100) एडजस्ट करें। लोगो सभी रिस्पॉन्डेंट्स के लिए सर्वे के ऊपर दिखाई देता है।
बैकग्राउंड इमेज अपलोड करें या URL प्रदान करें। इमेज कवर साइज़िंग, फिक्स्ड अटैचमेंट, और सेंटर पोज़िशनिंग के साथ सर्वे बैकग्राउंड को भरती है। पठनीयता के लिए इसे ओवरले ओपैसिटी स्लाइडर के साथ जोड़ें।
ओपैसिटी नियंत्रण (0-100) के साथ एक सॉलिड बैकग्राउंड रंग सेट करें। कोई भी हेक्स रंग चुनें और सूक्ष्म या नाटकीय प्रभाव बनाने के लिए ट्रांसपेरेंसी एडजस्ट करें। यह स्वतंत्र रूप से या बैकग्राउंड इमेज के नीचे काम करता है।
अपने प्राइमरी, सेकेंडरी, और एक्सेंट रंग परिभाषित करें। ये पूरे सर्वे में सुसंगत ब्रांडिंग के लिए बटन, चयनित विकल्पों, प्रोग्रेस बार, और हाइलाइट्स तक प्रसारित होते हैं।
| प्रॉपर्टी | डिफ़ॉल्ट मान | विवरण |
|---|---|---|
| Size | cover | इमेज पूरे बैकग्राउंड एरिया को भरने के लिए स्केल होती है |
| Repeat | no-repeat | इमेज टाइल नहीं होती |
| Position | center center | इमेज क्षैतिज और लंबवत दोनों रूप से केंद्रित होती है |
| Attachment | fixed | कंटेंट स्क्रॉल होने के दौरान इमेज स्थिर रहती है (पैरालैक्स प्रभाव) |
| Opacity | 100 | पूर्ण ओपैसिटी (0 = पूरी तरह पारदर्शी, 100 = पूरी तरह अपारदर्शी) |
प्रोग्रेस बार रिस्पॉन्डेंट्स को एक विज़ुअल संकेत देता है कि वे सर्वे में कितनी दूर तक आगे बढ़ चुके हैं। यह सर्वे के ऊपर दिखाई देता है और प्रश्नों के उत्तर देने या पेज नेविगेट करने पर स्वचालित रूप से अपडेट होता है।
Style panel में विज़िबिलिटी टॉगल का उपयोग करके प्रोग्रेस बार को दिखाया या छिपाया जा सकता है। जब दिखाई देता है, तो यह एक क्षैतिज बार के रूप में रेंडर होता है जिसकी फिल बाएं से दाएं बढ़ती है।
| प्रॉपर्टी | डिफ़ॉल्ट मान | विवरण |
|---|---|---|
| Track Background | #5657AA | प्रोग्रेस बार का न भरा हुआ हिस्सा |
| Fill Colour | #32DEFF | भरे हुए/पूर्ण किए गए हिस्से का रंग |
| Height | 12px | प्रोग्रेस बार की लंबवत मोटाई |
| Border Radius | 50px (pill shape) | प्रोग्रेस बार के कोनों की गोलाई |
| Opacity | 100 | प्रोग्रेस बार की पारदर्शिता (0-100) |
| Header Background | #2C2D5F | प्रोग्रेस बार को होल्ड करने वाले कंटेनर का बैकग्राउंड रंग |
| लेआउट | प्रगति की गणना | डिस्प्ले शैली |
|---|---|---|
| पैजिनेटेड | वर्तमान पेज / कुल पेज | शीर्ष पर हॉरिज़ॉन्टल बार, पेज काउंट लेबल |
| सिंगल क्वेश्चन | वर्तमान प्रश्न / कुल प्रश्न | प्रतिशत के साथ शीर्ष पर हॉरिज़ॉन्टल बार |
| डायलॉग | उत्तर दिए गए प्रश्न / कुल प्रश्न | शीर्ष पर हॉरिज़ॉन्टल बार |
| कैरूसेल | वर्तमान कार्ड / कुल कार्ड | कार्ड के नीचे डॉट इंडिकेटर |
अपने सर्वे में कौन-से एलिमेंट दिखाई दें, इसे बारीकी से नियंत्रित करें। विज़िबिलिटी टॉगल आपको किसी घटक को हटाए बिना उसे दिखाने या छिपाने देते हैं — यह एक साफ़-सुथरा, ध्यान भटकाने से मुक्त सर्वे अनुभव बनाने के लिए उपयोगी है।
| एलिमेंट | डिफ़ॉल्ट | विवरण |
|---|---|---|
| प्रोग्रेस बार | दृश्यमान | शीर्ष पर प्रगति संकेतक दिखाएं या छिपाएं |
| प्रश्न संख्या | दृश्यमान | प्रत्येक प्रश्न के बगल में नंबर बैज दिखाएं या छिपाएं |
| रिक्वायर्ड इंडिकेटर | दृश्यमान | अनिवार्य प्रश्नों पर लाल तारांकन (*) दिखाएं या छिपाएं |
| सर्वे शीर्षक | दृश्यमान | मुख्य सर्वे शीर्षक दिखाएं या छिपाएं |
| सर्वे विवरण | दृश्यमान | शीर्षक के नीचे विवरण टेक्स्ट दिखाएं या छिपाएं |
| टाइमर | छिपा हुआ | काउंटडाउन टाइमर दिखाएं या छिपाएं (यदि कॉन्फ़िगर किया गया हो) |
| पेज शीर्षक | दृश्यमान | सेक्शन/पेज हेडिंग दिखाएं या छिपाएं |
| पेज विवरण | दृश्यमान | सेक्शन/पेज विवरण दिखाएं या छिपाएं |
| लोगो | दृश्यमान | अपलोड किया गया लोगो दिखाएं या छिपाएं |
| फ़ुटर | दृश्यमान | फ़ुटर/नियम-व-शर्तें बार दिखाएं या छिपाएं |
| पावर्ड बाय | दृश्यमान | SurveyAnalytica ब्रांडिंग दिखाएं या छिपाएं |
SurveyAnalytica पेजों और प्रश्नों के बीच स्मूथ ट्रांज़िशन को सपोर्ट करता है। एनिमेशन डिफ़ॉल्ट रूप से सक्षम होते हैं और इन्हें थीम सेटिंग्स में कॉन्फ़िगर किया जा सकता है।
| सेटिंग | डिफ़ॉल्ट | विकल्प |
|---|---|---|
| एनिमेशन सक्षम | हां | सभी एनिमेशन सक्षम या अक्षम करें |
| अवधि | 0.3s | ट्रांज़िशन एनिमेशन की गति |
| ईज़िंग | ease-out | एनिमेशन ईज़िंग कर्व |
| पेज ट्रांज़िशन | fade | fade, slide, none |
| प्रश्न ट्रांज़िशन | fade | fade, slide, none |
| कार्ड शैडो | अक्षम | प्रश्न कार्ड्स पर ड्रॉप शैडो सक्षम करें |
| प्रॉपर्टी | डिफ़ॉल्ट मान | स्थान |
|---|---|---|
| लेआउट प्रकार | paginated | Style > Layout |
| फ़ॉन्ट फ़ैमिली | Poppins | Style > Font |
| एलाइनमेंट | left | Style > Layout |
| बैकग्राउंड रंग | #ffffff (सफ़ेद) | Style > Colours |
| प्राथमिक टेक्स्ट रंग | #2C2D5F | Style > Text |
| द्वितीयक टेक्स्ट रंग | #A0A0AE | Style > Text |
| बटन बैकग्राउंड | #32DEFF | Style > Button |
| बटन टेक्स्ट रंग | #33344B | Style > Button |
| विकल्प बैकग्राउंड | #F4F6F7 | Style > Options |
| चयनित विकल्प बैकग्राउंड | #32DEFF | Style > Options |
| प्रोग्रेस बार फ़िल | #32DEFF | Style > Progress Bar |
| प्रोग्रेस बार ट्रैक | #5657AA | Style > Progress Bar |
| फ़ुटर बैकग्राउंड | #2C2D5F | Style > Footer |
| प्रश्न बॉक्स बैकग्राउंड | transparent | Style > Question Box |
| प्रश्न बॉक्स बॉर्डर-रेडियस | 8px | Style > Question Box |
| रिक्वायर्ड इंडिकेटर रंग | #FF4444 | Style > Required |
| अधिकतम कंटेंट चौड़ाई | 800px | Style > Layout |