एक टिप्पणी फ़ॉर्म डिज़ाइन करें

मैं "आदर्श टिप्पणी" (लेखक dezmaster ) विषय में शामिल विषय पर अपनी राय व्यक्त करना चाहूंगा। इस पंजीकरण फॉर्म को और अधिक सुविधाजनक बनाने के बारे में मेरे अपने विचार थे:



बेशक, मैं आदर्श होने का दिखावा नहीं करता, लेकिन सैकड़ों ऐसे पूर्ण रूप मुझे कुछ विचार व्यक्त करने की अनुमति देते हैं।



शुरू करने के लिए, मैं कार्य को और अधिक स्पष्ट रूप से निर्धारित करने का प्रस्ताव करता हूं: एक सामान्य महत्वपूर्ण साइट के लिए एक आसान-से-उपयोग अनाम टिप्पणी फ़ॉर्म बनाना आवश्यक है । गुमनामी से मेरा मतलब है कि उपयोगकर्ता इस साइट पर पंजीकृत नहीं है।

एक कदम: फील्ड रिवीजन

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

पुनर्व्यवस्थित इनपुट फ़ील्ड इसके लायक नहीं हैं, क्योंकि अन्य सभी साइटों पर वे एक ही क्रम में जाते हैं।

चरण दो: नियंत्रण

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

फिर, हम फॉर्म के बहुत नीचे बटन रखेंगे, जैसा कि आमतौर पर होता है। ऐसा करने के लिए, उनके ऊपर चेकबॉक्स बढ़ाएं और एक स्पष्ट लेबल बनाएं।

चरण तीन: वेब 2.0

वेब दो-शून्य पहले से ही यार्ड में है, ताकि हम एक तरफ खड़े न हों। आइए OpenID और LJ के माध्यम से लॉगिन के लिए समर्थन करें। पहला विकल्प बस लॉगिन क्षेत्र के दाईं ओर एक समान लोगो (एक व्याख्यात्मक टूलटिप के साथ) रखने के लिए है और उपयुक्त लॉगिन (उदाहरण के लिए, abcdef@livejournal.com) दर्ज करते समय पासवर्ड के लिए पूछें। पासवर्ड को जेएस के माध्यम से हल करना होगा ताकि ओपन एंट्री का उपयोग न करने वाले लोगों के लिए अनावश्यक रूप से एक पासवर्ड प्रविष्टि क्षेत्र न बनाया जाए।



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

चरण चार: दृश्य संपादक

हर कोई HTML नहीं जानता है, लेकिन बहुत से लिंक, चित्र और प्रारूपण तत्वों के साथ टिप्पणियां बनाना चाहते हैं। क्या गुमनाम आगंतुकों को ऐसा करने की अनुमति देना आवश्यक है, ज़ाहिर है, एक विवादास्पद प्रश्न, और साइट स्वामी द्वारा क्या स्वरूपण तत्वों को हल किया जाना चाहिए (और XSS के बारे में मत भूलना!)।

मैंने सामान्य टिनी MCE दृश्य संपादक को सम्मिलित किया और इसमें एक चरित्र काउंटर जोड़ा।

चरण पाँच: संदर्भ या फ़ॉर्म को आसान कैसे बनाएं

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

पोस्टस्क्रिप्ट: और क्या सुधार किया जा सकता है

• कैप्चा - क्योंकि "अनाम" के लिए फॉर्म
  
  हेडर का निर्माण करें
  
  उसी रूप में OpenID के लिए पासवर्ड प्रविष्टि
  
  खिंचाव इनपुट क्षेत्र
  
  एक बड़ा इनपुट क्षेत्र (क्या आप जानते हैं कि सुपरमार्केट में इतनी बड़ी ट्रॉलियाँ क्यों होती हैं? :))
  
  
  
  मुझे लगता है कि अगर यह लेख पाठकों को रुचिकर लगेगा, तो आप उपरोक्त सभी को लागू कर सकते हैं। हब पर अपलोड किए जाने वाले चित्रों में किसी कारण से कुछ तीखेपन खो जाते हैं :(
  
  अपडेट: कई लोगों ने एक बहुत ही दिलचस्प अनुकूलन प्रस्ताव बनाया - ई-मेल दर्ज करने के लिए फ़ील्ड दिखाने के लिए केवल तभी जब समाचारों की सदस्यता के लिए एक चेकबॉक्स हो।