फ़ाइल अपलोड फ़ील्ड: ऐसे डिज़ाइन करें कि लोग सच में इस्तेमाल करें

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

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

फ़ाइल अपलोड बाकी फ़ॉर्म फ़ील्ड से अलग क्यों हैं

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

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

दूसरा, फ़ाइल अपलोड को साफ़ संदर्भ चाहिए। व्यक्ति को कंप्यूटर में खोजना शुरू करने से पहले जानना चाहिए कि कौन सी फ़ाइल अपलोड करनी है। ईमेल फ़ील्ड अपने आप में साफ़ है। फ़ाइल अपलोड फ़ील्ड को बताना पड़ता है "अपना रिज़्यूमे PDF या Word फ़ॉर्मेट में अपलोड करें, अधिकतम 5 MB।" इस साफ़-सफ़ाई के बिना लोग मिनटों तक कोई फ़ाइल ढूंढेंगे और बाद में पता चलेगा कि वह गलत फ़ॉर्मेट की है या बहुत बड़ी है।

तीसरा, फ़ाइल अपलोड धीमे होते हैं। फ़ोन पर 4G से 10 MB की फ़ाइल अपलोड करने में समय लगता है। व्यक्ति इंतज़ार कर रहा है। उसे जानना चाहिए कि अपलोड हो रहा है और वह अटका या जमा हुआ नहीं है। लोडिंग की स्थिति और प्रोग्रेस इंडिकेटर ज़रूरी हैं।

अपलोड फ़ील्ड खुद और उसका लेबल क्या हो

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

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

बटन के ऊपर का लेबल ज़रूरत दोहराए। "रिज़्यूमे (PDF या Word, अधिकतम 5 MB)"। फ़ाइल साइज़ की सीमा और मान्य फ़ॉर्मेट सीधे लेबल के नीचे रखें। इस जानकारी को हेल्प आइकन के नीचे या छोटे धूसर टेक्स्ट में न छिपाएं। लोगों को यह तुरंत दिखनी चाहिए वरना उन्हें पता नहीं चलेगा कि क्या अपलोड करना है।

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

अगर अपलोड वैकल्पिक है, तो यह बताएं। "पोर्टफ़ोलियो (वैकल्पिक, JPG या PNG, प्रति इमेज अधिकतम 20 MB)"। अगर अपलोड ज़रूरी है, तो लेबल पर "ज़रूरी" लिखा हो या तारांकन हो। यह न मानें कि लोग समझ जाएंगे।

मान्य फ़ाइल प्रकार और उन्हें साफ़ बताना

आप हर फ़ाइल प्रकार नहीं ले सकते। आपके रिज़्यूमे फ़ॉर्म को JPEG फ़ोटो नहीं चाहिए। आपके डॉक्यूमेंट फ़ॉर्म को वीडियो फ़ाइलें नहीं चाहिए। आपको ठीक बताना होगा कि आप कौन से फ़ाइल प्रकार लेते हैं।

तकनीकी शब्द न इस्तेमाल करें। "MIME टाइप" या "फ़ाइल एक्सटेंशन" न कहें। कहें "PDF, Word डॉक्यूमेंट या Google Docs एक्सपोर्ट।" कहें "JPG या PNG फ़ोटो।" कहें "Excel स्प्रेडशीट।" वे नाम इस्तेमाल करें जो लोग समझते हैं।

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

अगर आपके फ़ॉर्म को अलग फ़ील्ड के लिए कई फ़ाइल प्रकार चाहिए, तो हर एक को साफ़ रखें। नौकरी की अर्ज़ी PDF में रिज़्यूमे और Word में कवर लेटर मांग सकती है। हर फ़ील्ड का अपना बटन और अपने मान्य प्रकार हों। लोगों से अंदाज़ा न लगवाएं कि कौन सी फ़ाइल कहां जाती है।

अपने फ़ाइल प्रकार की व्हाइटलिस्ट बनाएं, ब्लैकलिस्ट कभी नहीं। "एक्ज़ीक्यूटेबल फ़ाइलों को छोड़कर सभी फ़ाइल प्रकार" न कहें। इसकी जगह ठीक बताएं कि कौन से प्रकार मान्य हैं। व्हाइटलिस्ट का तरीका उपयोगकर्ताओं के लिए सादा और सुरक्षा के लिए मज़बूत है।

फ़ाइल साइज़ की सीमाएं और उन्हें कैसे संभालें

हर फ़ाइल अपलोड फ़ील्ड को अधिकतम फ़ाइल साइज़ चाहिए। इसके बिना कोई गलती से 500 MB का वीडियो अपलोड कर सकता है, और आपका सर्वर क्रैश हो सकता है या स्टोरेज खत्म हो सकता है।

साइज़ की सीमा वह हो जो लोग असल में इस्तेमाल करते हैं। रिज़्यूमे आम तौर पर 1 से 3 MB का होता है। जगह छोड़ने के लिए अपनी सीमा 10 MB रखें। प्रोफ़ाइल फ़ोटो 2 से 5 MB की होती है। अपनी सीमा 20 MB रखें। वीडियो क्लिप 50 MB से 500 MB की हो सकती है। अपनी सीमा इस आधार पर तय करें कि आपको असल में क्या चाहिए।

अपलोड से पहले लोगों को साइज़ की सीमा बताएं। "अधिकतम फ़ाइल साइज़ 5 MB है।" इसे बटन के ठीक पास रखें। अगर कोई बहुत बड़ी फ़ाइल अपलोड करे, तो एरर तुरंत और साफ़ होना चाहिए। ऐसा स्पिनर नहीं जो 30 सेकंड घूमे और फिर फ़ेल हो। फ़ाइल चुनते ही, अपलोड शुरू होने से पहले एरर दिखाएं।

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

ड्रैग और ड्रॉप और चुनने के कई तरीके

फ़ाइल अपलोड फ़ील्ड को फ़ाइलें चुनने के कई तरीके सपोर्ट करने चाहिए। कुछ लोग बटन पर क्लिक करते हैं। कुछ लोग अपने डेस्कटॉप से फ़ाइलें खींचते हैं। कुछ लोग अपने फ़ोन की फ़ोटो लाइब्रेरी ब्राउज़ करते हैं। आपको सबको सपोर्ट करना चाहिए।

बटन मुख्य तरीका है। वह नेटिव फ़ाइल ब्राउज़र खोलता है, जो हर डिवाइस और हर ब्राउज़र पर चलता है।

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

मोबाइल पर फ़ाइल चुनना अलग तरह से काम करता है। व्यक्ति बटन पर टैप करता है और अपनी फ़ोटो लाइब्रेरी, अपने फ़ाइल ऐप या नई फ़ोटो खींचने में से चुनता है। जो भी उनके डिवाइस पर चले, उसे सपोर्ट करें। मोबाइल उपयोगकर्ताओं को सिर्फ़ क्लिक करने तक सीमित न रखें।

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

क्या अपलोड हुआ यह दिखाना और फ़ाइलें हटाना

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

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

हटाने के बटन पर "हटाएं" लिखा हो या X आइकन हो। उस पर क्लिक करने से वह फ़ाइल अपलोड सूची से हट जानी चाहिए। वह उनके कंप्यूटर से फ़ाइल नहीं हटाएगा, सिर्फ़ फ़ॉर्म से।

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

प्रोग्रेस दिखाना और अपलोड के दौरान क्या दिखाएं

फ़ाइल अपलोड में समय लगता है। उस दौरान व्यक्ति इंतज़ार करता है और सोचता है कि कुछ हो भी रहा है या नहीं। आपको उन्हें प्रगति दिखानी चाहिए।

प्रोग्रेस बार सबसे साफ़ विकल्प है। वह कितने प्रतिशत पूरा हुआ, यह दिखाता है। 25%। 50%। 75%। पूरा। व्यक्ति उसे बढ़ते देख सकता है और जान सकता है कि अपलोड हो रहा है। जो प्रोग्रेस बार तुरंत 0% से 100% पर कूद जाए, वह मददगार नहीं है। सहज प्रगति दिखाएं।

अगर आप ठीक प्रतिशत की प्रगति नहीं दिखा सकते, तो स्पिनर या लोडिंग एनिमेशन दिखाएं। कुछ ऐसा जो हिले और गतिविधि दिखाए। बिना किसी हलचल की स्थिर लोडिंग स्थिति न दिखाएं। स्थिर लोडिंग जमी हुई दिखती है।

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

अगर अपलोड में तीन सेकंड से ज़्यादा लगें, तो अनुमानित बचा हुआ समय दिखाएं। "अपलोड हो रहा है। करीब 30 सेकंड बाकी।" या "अपलोड हो रहा है। बड़ी फ़ाइल।" लोगों को सोचने पर मजबूर न करें कि और कितना समय लगेगा।

एरर संभालना और अस्पष्ट एरर फ़ॉर्म का पूरा होना क्यों खोते हैं

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

"अपलोड फ़ेल हुआ। कृपया फिर कोशिश करें।" जैसा अस्पष्ट एरर उन्हें कुछ नहीं बताता। क्या फिर से करें। क्या गलत हुआ। क्या उनकी फ़ाइल खराब है। क्या नेटवर्क टूटा है। क्या फ़ाइल प्रकार गलत है। अस्पष्ट एरर लोगों को लाचार महसूस कराते हैं।

खास एरर समस्या का नाम लेता है। "यह फ़ाइल बहुत बड़ी है। आपकी फ़ाइल 25 MB की है। अधिकतम 10 MB है। कृपया उसे कंप्रेस करें या छोटी फ़ाइल चुनें।" "यह फ़ाइल फ़ॉर्मेट सपोर्टेड नहीं है। यह फ़ॉर्म सिर्फ़ PDF और Word डॉक्यूमेंट लेता है। कृपया अपनी फ़ाइल को PDF में बदलकर फिर कोशिश करें।"

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

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

सुरक्षा और उपयोगकर्ता और साइट, दोनों की रक्षा

फ़ाइल अपलोड सुरक्षा की कमज़ोर कड़ी हैं। छिपे कोड वाली फ़ाइल अपलोड करने वाला व्यक्ति आपके सर्वर को नुकसान पहुंचा सकता है। खराब अपलोड सिस्टम फ़ाइल को दूसरे उपयोगकर्ताओं या हमलावरों के सामने खोल सकता है।

पहला सुरक्षा कदम फ़ाइल प्रकार की जांच है। फ़ाइल एक्सटेंशन पर भरोसा न करें। "resume.pdf" नाम की फ़ाइल में असल में एक्ज़ीक्यूटेबल कोड हो सकता है। सिर्फ़ नाम नहीं, फ़ाइल की सामग्री जांचें। इसे MIME टाइप वैलिडेशन कहते हैं। सर्वर फ़ाइल की असली सामग्री पढ़ता है और पुष्टि करता है कि वह सच में PDF है, सच में इमेज है, जो भी आप उम्मीद करते हैं।

दूसरा कदम अपलोड के बाद फ़ाइल का नाम बदलना है। फ़ाइलों को उन नामों से स्टोर न करें जो उपयोगकर्ताओं ने दिए। उन्हें अपने आप नया नाम दें। आपके सर्वर पर "resume.pdf" "upload-a4f9e2k1.pdf" बन जाता है। इससे कोई फ़ाइल का रास्ता अंदाज़ा लगाकर सीधे उस तक नहीं पहुंच पाता, और खास नाम वाली फ़ाइल अपलोड करके कोड चलाने की कोशिश भी नहीं कर पाता।

तीसरा कदम फ़ाइलों को वेब डायरेक्टरी के बाहर स्टोर करना है। अपलोड की गई फ़ाइलें ऐसे फ़ोल्डर में न रखें जो इंटरनेट पर सीधे पहुंच में हो। उन्हें अलग रखें। जब किसी को अपनी फ़ाइल डाउनलोड करनी हो, तो उसे फ़ाइल पाथ का सीधा URL नहीं, बल्कि समाप्त हो जाने वाला सुरक्षित लिंक भेजें।

चौथा कदम अधिकतम फ़ाइल साइज़ और अपलोड की सीमाएं तय करना है। हर फ़ाइल का कुल साइज़ सीमित करें। कोई व्यक्ति कितनी फ़ाइलें अपलोड कर सकता है, यह सीमित करें। एक व्यक्ति एक घंटे में कितने अपलोड कर सकता है, यह सीमित करें। ये सीमाएं दुरुपयोग रोकती हैं और आपके सर्वर की रक्षा करती हैं।

पांचवां कदम ऑथेंटिकेशन ज़रूरी करना है। अगर आपका फ़ॉर्म सार्वजनिक नहीं है, तो फ़ाइलें अपलोड करने से पहले उपयोगकर्ताओं को लॉग इन करना ज़रूरी करें। इससे इंटरनेट पर यूं ही कोई भी आपके सर्वर पर दुर्भावनापूर्ण फ़ाइलें अपलोड नहीं कर पाता।

छठा कदम HTTPS इस्तेमाल करना है। हर फ़ाइल अपलोड ट्रांज़िट में एन्क्रिप्टेड होना चाहिए। अगर आप सादे HTTP पर फ़ाइल अपलोड करते हैं, तो नेटवर्क पर कोई हमलावर उसे रोक सकता है। फ़ाइल अपलोड वाले किसी भी फ़ॉर्म के लिए हमेशा HTTPS इस्तेमाल करें।

सुरक्षित फ़ाइल अपलोड फ़ॉर्म बनाने में WEMASY कैसे मदद करता है

WEMASY के फ़ॉर्म टूल से आप बिना कोड के फ़ॉर्म बना सकते हैं और उन्हें अपनी वेबसाइट पर जोड़ सकते हैं।

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

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

अपना WEMASY प्लान और कीमतें देखें।

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