कैलेंडर अवधि - इंटरफ़ेस में सुधार

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



फिर भी, कैलेंडर अवधि के ड्रॉप-डाउन चयन पर काम करते समय, एक दिलचस्प विचार यह आया कि तिथि को दो अलग-अलग रूपों "C" और "By" में विभाजित न करें, जैसा कि वे हमेशा करते हैं, लेकिन उन्हें एक रूप और एक ड्रॉप-डाउन ब्लॉक में संयोजित करने के लिए। ।



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



संक्षेप में, अब हर समय, प्रसिद्ध पर्यटक स्थलों सहित, वे कैलेंडर अवधि निर्धारित करने के लिए दो अलग-अलग रूपों का उपयोग करते हैं, और एक ही समय में, एक नियम के रूप में, आप उनमें से केवल एक को खोल सकते हैं:





Booking.com पर एक नियमित रूप का एक उदाहरण। कैलेंडर "C" और "Po" अलग-अलग ब्लॉक में रखे गए हैं







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





नया, बेहतर कैलेंडर अवधि चयन



मैं इस नवाचार की पूर्ण विशिष्टता का दावा नहीं करता, लेकिन अभी तक मैंने नेटवर्क में ऐसा कोई समाधान नहीं देखा है। यदि प्रिय पाठकों के पास रचनात्मक आलोचना या विचार हैं कि इस समाधान को और कैसे सुधारें, तो मुझे सुनकर खुशी होगी।