तारीखों का विकल्प (इसके बाद, सादगी के लिए, मैं कैलेंडर शब्द का उपयोग करूंगा) अक्सर साइटों पर उपयोग किया जाता है। होटल, फ्लाइट, कार बुक करना, टिकट खरीदना। यह एक ऐसा हैक किया गया विषय है जिसके बारे में लिखने में कोई समझदारी नहीं है।

लेकिन ... बहुत समय पहले नहीं, मुझे पीरियड्स के चयन के लिए एक कैलेंडर डिजाइन करने के कार्य का सामना करना पड़ा था। तिथि चयन की सीमा 2 दिन से लेकर कई महीनों तक थी।

लक्षित दर्शकों के बजाय विषम है: 35 से 60 वर्ष की आयु, शुरुआती से लेकर आत्मविश्वासपूर्ण उपयोगकर्ताओं तक कंप्यूटर साक्षरता।

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

मैं काम के परिणामस्वरूप किए गए निष्कर्षों और उदाहरणों को साझा करना चाहता हूं। किसी के लिए कोई खोज नहीं होगी, लेकिन किसी को, मुझे आशा है, खुद के लिए कुछ नया और उपयोगी मिलेगा।

कैलेंडर बॉडी में "फिनिश" बटन (पुष्टि, चयन, ठीक ...) की उपस्थिति

लोग हमेशा अपने सिर में स्पष्ट तारीखों के साथ साइट पर नहीं आते हैं।

वे एक अवधि को दर्शा सकते हैं, प्रतिबिंबित कर सकते हैं, तिथियां बदल सकते हैं (शुरुआत, अंत, संपूर्ण अवधि)। अधिकांश साइटें तिथि चुनने के तुरंत बाद कैलेंडर छिपाती हैं। एक उदाहरण के रूप में www.booking.com , www.aeroflot.ru । सिस्टम के इस व्यवहार ने उपयोगकर्ताओं को उस स्थिति में नाराज कर दिया, जहां गलत तारीख को गलती से चुना गया था या अंतिम निर्णय अभी तक नहीं किया गया है। "गलत तरीके से क्लिक किया गया" विशेष रूप से बूढ़े लोगों के लिए, खराब दृष्टि के साथ, जल्दी या असमर्थता में ध्यान केंद्रित करने के लिए सच है। इस डिज़ाइन के कारण समझ में आते हैं - कम क्लिक, कम लोड।

लेकिन हम हमेशा यह नहीं जानते हैं कि इंटरफ़ेस के साथ कौन और कैसे बातचीत करेगा। यह किन परिस्थितियों में स्थित होगा।

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

अतिरिक्त क्लिक के बिना खोज परिणाम प्रदर्शित करें

इस तरह के एक समारोह साइट www.trivago.ru पर अच्छी तरह से लागू किया गया है। मैं आवश्यक पैरामीटर दर्ज करता हूं, और परिणाम पहले से लोड किए गए हैं।

प्रारंभ और समाप्ति तिथियों का दृश्य हाइलाइटिंग

उपयोगकर्ताओं ने ऐसी युक्तियों की उपलब्धता के बारे में अच्छी समीक्षा छोड़ दी। शुरुआत और अंतिम तिथियों के बीच दृश्य अंतर मूल एंकर के रूप में कार्य किया और कैलेंडर के साथ काम को सुविधाजनक बनाया।

कुछ साइटों में वर्तमान तिथियों के संकेतकों का अभाव था।

यह कहने के लिए नहीं कि यह घातक त्रुटि, जो बातचीत में आसानी को प्रभावित करती है, लेकिन परीक्षण किए गए 10 लोगों में से 6 ने देखा कि उन्हें वास्तव में इस तरह के "एंकर" के रूप में एक संकेतक की कमी है जो चयनित और वर्तमान तिथि के बीच संबंध को दर्शाता है।

उदाहरण के समय : www.airbnb.ru

यह स्पष्ट है कि कौन सी तिथियां चुनी जा सकती हैं और कौन सी नहीं। वर्तमान तिथि उजागर नहीं की गई



उदाहरण दो : www.ozon.travel/flight/

एक और समाधान: दुर्गम तिथियों को कैलेंडर पर इंगित नहीं किया गया है। वर्तमान तिथि पहली है, इसमें कोई संदेह नहीं है कि खोज कहां से शुरू करें।



उदाहरण तीन : www.booking.com

दृश्यमान रूप से समझने योग्य वर्तमान, उपलब्ध और दुर्गम तिथियां

चयनित तिथियों को शीघ्रता से रीसेट करने की क्षमता

उपयोगी अगर उपयोगकर्ता ने अनुरोध को पूरी तरह से बदलने का फैसला किया है। त्वरित सफाई के लिए, कुछ उपयोगकर्ता पृष्ठ को ताज़ा करते हैं। और ऐसी स्थितियां हैं कि उपयोगकर्ता ने तिथियां चुनीं, लेकिन दुर्घटना से पृष्ठ को अपडेट किया।

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

इन समस्याओं को हल करने के लिए, आप सादे दृश्य में तारीख दर्ज करने के लिए एक प्रमुख "रीसेट" या "नई खोज" लिंक रख सकते हैं।

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

www.google.ru/flights

भरे हुए खेत

परीक्षण की गई कुछ साइटों पर, "दिनांक" फ़ील्ड पहले ही भरी जा चुकी है।

कुछ मामलों में, केवल एक शुरुआत की तारीख थी, कुछ में - एक शुरुआत और अंतिम तिथि। इंटरफ़ेस का यह व्यवहार परीक्षण और उलझन के बीच असंतोष का कारण बना। बेशक, प्रत्येक मामले को व्यक्तिगत रूप से माना जाना चाहिए।

उदाहरण के लिए, रेलवे या हवाई टिकट की खरीद, होटल आरक्षण अग्रिम में बहुत कुछ ले सकते हैं। फिर वर्तमान तिथि अनुचित है।

उदाहरण के लिए, सिनेमा के लिए टिकट बुक करते समय, यह दृष्टिकोण उचित हो सकता है।

निम्नलिखित पूर्व-आबादी वाले क्षेत्रों के उदाहरण हैं। क्या यह सुविधाजनक है? सोचने लायक।

उदाहरण एक : www.rzd.ru



उदाहरण दो : www.trivago.ru



उदाहरण तीन : www.rentalcars.com

स्वचालित रूप से तारीख "वापस" आबाद

माइनस साइन के साथ एक और आम "चिप"। "वहाँ" तिथि दर्ज करते समय, दिनांक "बैक" को स्वचालित रूप से प्रतिस्थापित किया जाता है। यह आमतौर पर अगले दिन होता है।

इंटरफ़ेस के इस व्यवहार ने इसकी अप्रत्याशितता और अत्यधिक स्वतंत्रता के साथ असंतोष का कारण बना।

यह सोचने में सार्थक है कि किन मामलों में मदद की जाए, और किन लोगों को अपनी पसंद के बारे में बताया जाए।

परीक्षण साइटों के लिए एक उदाहरण के रूप में: www.booking.com , www.trivago.ru

एक नोट के लिए विचार:

अंत में, अच्छे विचार जो विकास के लिए आवश्यक नहीं थे, लेकिन गुल्लक में बने रहे।

कैलेंडर पर तुरंत लागत का संकेत

www.google.ru/flights

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

महीनों के बीच प्रदर्शित / स्विच करने के विकल्प

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

आइडिया टाइम्स : www.rentalcars.com



आइडिया टू : www.ozon.travel/flight/



आइडिया थ्री : www.swiss.com

कार्यदिवसों से सप्ताहांत का दृश्य पृथक्करण

सबसे आसान सवाल: सोमवार या रविवार को सप्ताह शुरू करें? यह प्रदान की गई सेवा और लक्षित दर्शकों पर निर्भर करता है। यदि ग्राहक सप्ताहांत पर आपकी सेवाओं को अधिक बार ऑर्डर करते हैं, तो सप्ताहांत और संभवतः छुट्टियों को उजागर करें।

www.skyscanner.net

त्वरित संक्रमण के लिए मिनी पेडोमीटर

छोटी यात्राओं आदि की योजना के लिए, एक कैलेंडर खोलने की आवश्यकता नहीं है। यहां आप खोज परिणाम दिखा सकते हैं।

यह याद रखना चाहिए कि तिथियों का चयन करते समय मिनी-स्टेपर एक अच्छा सुधार है, लेकिन आपको उन्हें एक कैलेंडर के साथ पूर्ण पॉप-अप के साथ प्रतिस्थापित नहीं करना चाहिए।

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

यदि तिथि सीमा काफी कम है (छह सप्ताह से कम - उदाहरण के लिए, चिकित्सा नियुक्ति करते समय), तो तेज सेटअप के लिए मिनी-स्टेपर जोड़ने पर विचार करना सुनिश्चित करें।

एक : www.bahn.de



दो : www.google.com/flights



वास्तव में सब कुछ। हमेशा की तरह, किसी भी राय को स्वीकार किया जाता है, आलोचना का स्वागत है, अच्छे कृतज्ञता निर्णयों के अतिरिक्त उदाहरणों के लिए!