Form Design Tips in Hindi – Best Practices

form design tips

हम सभी ने कभी ना कभी किसी website पर registration का फॉर्म जरूर भरा हैं फिर चाहे वह gmail पर नया email account बनाना हो, या पासपोर्ट के लिए online form भरना हो या फिर facebook जैसे social website पर नया account बनाना हो. Registration form एक अकेला माध्यम हैं जिसके जरिये आप किसी भी website पर register या login करते हैं, इसीलिए यह बहुत जरूरी होता हैं की ऐसे website के form design करते समय हम कुछ ख़ास बातों का ध्यान रखें. यहाँ हम कुछ form design tips देखेंगे जिन्हे अगर आप अपने design में integrate करें तो अपने user को एक delightful experience दे सकते हैं.

Form Design Tips

Form को छोटा रखें

अपने users को कम से कम सवाल करें और सिर्फ जरूरी जानकारी की बारे में ही पूछें. जैसे के दिए गए पहले उदहारण में Address 1 और Address 2 जैसे field की कोई जरूरत नहीं हैं. कम सवाल पूछने से user जल्दी form भरेगा और उसे परेशानी भी नहीं होगी.

form design tips, in hindi, indiauiux

Sections को ठीक से Align करें

एक effective form design के लिए Alignment बहुत जरूरी हैं. यह आपके form के structure को professional और वह बहुत ज्यादा effective बनाता हैं. आप चाहे तो form के fields को LEFT, RIGHT या CENTER align रख सकते हैं, यह आपके design पर depend करता हैं, पर सारे alignment एक ही form डिज़ाइन में ना डाले.

form design tips, in hindi, indiauiux

coreldraw vs allustrator, indiauiux

Instant help message इस्तेमाल करें

कैसा लगेगा की जब आपने form के सारे field को भर दिया और submit करने पर सारे errors एक साथ दिखाई दे – आप frustrate (परेशान ) हो जाओगे. बेहतर यही होगा की हर mistake की error को आप immediate उसी field के नीचे दिखाए ताकि user को form भरने में आसानी हो.

form design tips, in hindi, indiauiux

Optional label का उपयोग करें

जैसे की हमने पहले देखा की आपको सिर्फ जरूरी जानकारी के field ही form में रखना चाहिए. फिर भी अगर आप “optional” field रखना चाहते हैं तो – सारे जरूरी field को “Required” या  * (asteric ) sign देने से बेहतर हैं की आप optional field के लिए “Optional” label का इस्तेमाल करें.

form design tips, in hindi, indiauiux

Primary और Secondary Actions का ध्यान रखें

नीचे दिए गए form को देखें और बताये की इस form में आप user से क्या करवाना चाहते हैं? अगर आप देखें “Login” और “Cancel ” दोनों ही बटन के आकार, कलर, और आकार एक समान हैं, क्योंकि आप दोनों को एक जैसा महत्त्व (importance) दे रहे हैं जो की गलत हैं. अगर आप चाहते हैं की user का primary action “Login” हो तो उसे prominent रखें और ज्यादा महत्त्व दे, उसी तरह से “Cancel” बटन जो की secondary action हैं, उसे छोटा रखें और कम महत्त्व दे.

login screen design, in hindi, indiauiux

Inspiring title का उपयोग करें

प्रेरणादायक (inspiring) title हमेशा से ही success हुए हैं. आपके form के title को इस तरह से लिखे जिससे की user excited हो जाये और जल्द से जल्द form भरें। साथ ही, Call to Action बटन जैसे की “Show me the 10 fonts” जैसे term का उपयोग करने से user को लगेगा की आप उन्हें बहुत ज्यादा महत्त्व (importance) दे रहे हैं और उनको काफी फायदा होने वाला हैं.

10 best design fonts

हमेशा Alternate option रखें

आप चाहते हैं user आपके website को subscribe करें या register करें पर इसके साथ आपको यह भी ध्यान में रखना हैं की आप user को force न करें। उसे Cancel करने का option भी दे. नीचे दिए गए उदहारण में अगर user को FREE COPY नहीं चाहिए तो उसे “Skip” करने का option भी दे. वही अगर user आपके website पर register नहीं होना चाहता तो उसे अपने दुसरे social profile के जरिये, जैसे की google , facebook या twitter से login करने का option भी दे.

evernote login page, in hindi, indiauiux

Matching Keypad का उपयोग करें

Form के input field के मुताबिक ही correct keypad का उपयोग करें, जैसे की अगर user को credit card number भरना हैं तो आपके form का numeric keypad दिखाई दे नाकि Alphabet keypad. इससे user का वक़्त बचेगा और वह form को जल्दी से भर सकेंगे.

amazon app design, in hindi, indiauiux

देखा गया हैं की user को हमेशा online form भरने में हिचकिचाहट होती हैं, तो यह आप जैसे designer का काम हैं की किस तरह से इस form filling process को user के सुविधा (comfort) के मुताबिक design करें और उन्हें एक बेहतर experience प्रधान करें.

आप अपने form के design कैसे बनाते हैं? अगर आपके पाद भी form design tips हैं तो comments में जरूर बताये और यह post अपने दोस्तों के साथ जरूर शेयर करें.

Previous ArticleWeb Design Colours कैसे चुने?

1 Comment

  1. Thank you for writing such an amazing article. I’m looking forward to gain more knowledge from your website.

Leave a Reply

Your email address will not be published. Required fields are marked *