غالبًا ما يستخدم اختيار التواريخ (فيما يلي ، من أجل البساطة ، سأستخدم كلمة التقويم) على المواقع. حجز الفنادق ورحلات الطيران والسيارات وشراء التذاكر. إنه موضوع مضطرب لدرجة أنه يبدو أنه لا يوجد معنى في الكتابة عنه.

ولكن ... منذ وقت ليس ببعيد ، واجهتني مهمة تصميم تقويم لاختيار الفترات. تراوح نطاق اختيار التاريخ من يومين إلى عدة أشهر.

الجمهور المستهدف غير متجانس إلى حد ما: العمر من 35 إلى 60 سنة ، محو الأمية الحاسوبية من المبتدئين إلى المستخدمين الواثقين.

الهدف: جعل تنسيق اختيار التاريخ الأكثر ملاءمة ومفهومة للجمهور المستهدف.
قبل التصميم ، تمت دراسة واختبار المنافسين ، وتمت قراءة العديد من المقالات حول موضوع معين.

أريد أن أشارك الاستنتاجات والأمثلة التي تمخضت عن العمل. لن يكون هناك اكتشافات لشخص ما ، ولكن آمل أن يجد شخص ما شيئًا جديدًا ومفيدًا له.

وجود زر "إنهاء" (تأكيد ، تحديد ، موافق ...) في نص التقويم

لا يأتي الأشخاص دائمًا إلى الموقع بتواريخ واضحة في رؤوسهم.

يمكن أن تشير إلى فترة ، تعكس ، تغيير التواريخ (البداية ، النهاية ، الفترة بأكملها). تخفي معظم المواقع التقويم فورًا بعد تحديد التاريخ. www.booking.com ، www.aeroflot.ru كمثال. أزعج هذا السلوك من النظام المستخدمين في موقف تم فيه اختيار التاريخ الخطأ عن طريق الخطأ أو لم يتم اتخاذ قرار نهائي بعد. "النقر بطريقة خاطئة" ينطبق بشكل خاص على كبار السن ، ضعاف البصر ، في عجلة من أمرهم أو عدم قدرتهم على التركيز. أسباب هذا التصميم مفهومة - عدد أقل من النقرات ، حمل أقل.

لكننا لا نعرف دائمًا من وكيف سيتفاعلون مع الواجهة. في أي ظروف سيكون موقعه.

بالنسبة إلى هذا الموقف ، فإن الحل الذي تقدمه Google Flights مناسب. تصفح التواريخ كما تشاء ، سيكون التقويم مرئيًا حتى تنقر على زر "إنهاء". بشكل ملائم ، هناك شعور بالتحكم وفهم الواجهة.

عرض نتائج البحث بدون نقرات إضافية

يتم تنفيذ هذه الوظيفة بشكل جيد على الموقع www.trivago.ru . أدخل المعلمات الضرورية ، وتم تحميل النتائج بالفعل.

إبراز مرئي لتاريخي البدء والانتهاء

ترك المستخدمون مراجعات جيدة حول توفر هذه النصائح. خدم الاختلاف المرئي بين تاريخي البدء والانتهاء كمثبتات أصلية وسهل العمل باستخدام التقويم.

تفتقر بعض المواقع إلى مؤشرات التواريخ الحالية.

ناهيك عن أن هذا الخطأ المميت ، والذي يؤثر بشكل كبير على سهولة التفاعل ، ولكن 6 من بين كل 10 أشخاص تم اختبارهم لاحظوا أنهم يفتقرون حقًا إلى مثل هذا المؤشر كنوع من "المرساة" التي توضح العلاقة بين التواريخ المحددة والتواريخ الحالية.

أوقات المثال : www.airbnb.ru

من الواضح التواريخ التي يمكن اختيارها وأيها لا يمكن تحديدها. التاريخ الحالي غير مميز



المثال الثاني : www.ozon.travel/flight/

حل آخر: التواريخ التي لا يمكن الوصول إليها لا يشار إليها في التقويم. التاريخ الحالي هو الأول ، دون ترك أي مكان لبدء البحث.



المثال الثالث : www.booking.com

التواريخ الحالية المفهومة والمتاحة والتي لا يمكن الوصول إليها

القدرة على إعادة تعيين التواريخ المحددة بسرعة

مفيد إذا قرر المستخدم تغيير الطلب بالكامل. للتنظيف السريع ، يقوم بعض المستخدمين بتحديث الصفحة. وهناك حالات اختار فيها المستخدم التواريخ ، ولكنه قام بتحديث الصفحة عن طريق الصدفة.

إذا قام المستخدم بالتحديث عن طريق الخطأ ، فمن غير المحتمل أن يكون مسرورًا بالحاجة إلى ملء كل شيء مرة أخرى. إذا تم تحديثه عمدًا ، فسترى التواريخ المحفوظة ويبدأ في القيادة في تواريخ جديدة.

لحل هذه المشاكل ، يمكنك وضع رابط "إعادة تعيين" أو "بحث جديد" بارز بجوار إدخال التاريخ في مكان ما على مرأى من الجميع.

سيسمح لك ذلك بمسح نتائج البحث بسرعة ، إذا لزم الأمر ، وحفظ البيانات في حالة التحديث العرضي.

www.google.com/flights

الحقول المعبأة

في بعض المواقع التي تم اختبارها ، تم ملء حقل "التاريخ" بالفعل.

في بعض الحالات ، لم يكن هناك سوى تاريخ البدء ، في بعض الحالات - تاريخ البدء والانتهاء. تسبب سلوك الواجهة هذا في استياء بين المختبرين والمضطربين. بالطبع ، يجب النظر في كل حالة على حدة.

على سبيل المثال ، يمكن شراء تذاكر السكك الحديدية أو تذاكر الطيران ، حجز الفنادق في وقت مبكر. ثم التاريخ الحالي غير مناسب.

عند حجز التذاكر ، على سبيل المثال ، للسينما ، يمكن تبرير هذا النهج.

فيما يلي أمثلة على الحقول المعبأة مسبقًا. هل هو مناسب؟ يستحق التفكير.

مثال واحد : www.rzd.ru



المثال الثاني : www.trivago.ru



المثال الثالث : www.rentalcars.com

تعبئة التاريخ "رجوع" تلقائيًا

"شريحة" شائعة أخرى مع علامة ناقص. عند إدخال التاريخ "هناك" ، يتم استبدال التاريخ "رجوع" تلقائيًا. هذا عادة في اليوم التالي.

تسبب سلوك الواجهة هذا أيضًا في عدم الرضا عن عدم القدرة على التنبؤ والاستقلالية المفرطة.

من المفيد أن تفكر في الحالات التي يجب أن تساعد فيها ، والتي تسمح للأشخاص بالقيام بخياراتهم الخاصة.

كمثال لمواقع الاختبار: www.booking.com ، www.trivago.ru

أفكار لملاحظة:

وأخيرًا ، الأفكار الجيدة التي لم تكن ضرورية للتطوير ، لكنها بقيت في بنك أصبع.

بيان التكلفة مباشرة على التقويم

www.google.com/flights

عند اختيار تواريخ رحلة ذهاب وعودة ، يتم حساب التكلفة الإجمالية للرحلة. يتم تمييز أرخص الرحلات بلون منفصل. من الملائم إذا كانت المهمة هي العثور على الخيار الأرخص أو مقارنة الأسعار.

خيارات للعرض / التبديل بين الشهور

عندما تحتاج إلى إظهار عدة أشهر في وقت واحد ، يمكنك التجسس على الأفكار والتفكير في حل مناسب.

أوقات الأفكار : www.rentalcars.com



الفكرة الثانية : www.ozon.travel/flight/



الفكرة الثالثة : www.swiss.com

الفصل المرئي لعطلات نهاية الأسبوع من أيام الأسبوع

اسهل سؤال: ابدا الاسبوع يوم الاثنين او الاحد؟ يعتمد ذلك على الخدمة المقدمة والجمهور المستهدف. إذا طلب العملاء خدماتك مرات أكثر في عطلات نهاية الأسبوع ، فقم بتمييز عطلات نهاية الأسبوع وربما العطلات.

www.skyscanner.net

عداد الخطى صغير لانتقالات سريعة

لتخطيط الرحلات القصيرة ، وما إلى ذلك ، ليست هناك حاجة لفتح التقويم. هنا يمكنك إظهار نتائج البحث.

يجب أن نتذكر أن السائر الصغير هو تحسن جيد عند اختيار التواريخ ، ولكن لا يجب استبدالها بقائمة منبثقة كاملة بتقويم.

ماذا تختار؟ افحص أولاً الغرض من نطاقات إدخال التقويم والتاريخ. إذا كانت التواريخ تذهب إلى الماضي أو المستقبل (على سبيل المثال ، لحجز عطلة) ، فإن النافذة المنبثقة مع التقويم هي خيار جيد.

إذا كان النطاق الزمني قصيرًا جدًا (أقل من ستة أسابيع - على سبيل المثال ، عند حجز موعد طبي) ، فاحرص على إضافة مضخم صغير لإعداد أسرع.

الأول : www.bahn.de



الثاني : www.google.com/flights



في الواقع كل شيء. كما هو الحال دائمًا ، يتم قبول أي آراء ، والنقد مرحب به ، للحصول على أمثلة إضافية لقرارات الامتنان الجيدة!