Календарный Период - Улучшение Интерфейса

Работая над интерфейсом очередного крупного проекта, я постарался дотошно проработать каждый его элемент. Конечно, нет предела совершенству и, как это обычно бывает, закончив один проект, ты уже видишь кучу его недостатков, делаешь анализ и выводы на будущее.

Однако в результате при работе над выпадающим выбором календарного периода пришла в голову интересная идея не разбивать дату на две отдельные формы «От» и «До», как это всегда делается, а объединить их в одну форму и раскрывающийся блок.

Конечно, программисту в этом случае придется потрудиться немного усерднее, но пользователю явно будет гораздо проще ориентироваться в календаре.

Выбрав дату начала, он может сразу четко и быстро выбрать дату окончания своего запроса, в том же окне, и ему не придется держать в голове и пытаться запомнить то, что вы выбрали в предыдущей форме.

Более того, в формах ввода почти никогда не отображается день недели и в процессе выбора даты окончания запроса часто забываешь, какой день недели на самом деле был у первой выбранной даты? Короче говоря, сейчас очень часто, в том числе и на известных туристических сайтах, для определения календарного периода используют две отдельные формы, и, как правило, одновременно можно открыть только одну из них:

Календарный период - улучшение интерфейса

Пример обычной формы на Booking.com. Календари «От» и «Кому» разделены на разные блоки.

Предлагаю объединить это в одну форму с выпадающим блоком/окном с двумя календарями, которое появляется, как только пользователь кликает в области этой формы.

Однако только кнопку со значком календаря, расположенную в центре, можно сделать кликабельной, тем самым также давая пользователю возможность вводить дату вручную непосредственно в формы ввода.



Календарный период - улучшение интерфейса

Новое улучшенное представление выбора календарного периода.

Я не претендую на абсолютную уникальность данного нововведения, но в Интернете такого решения я еще не встречал.

Если у уважаемых читателей есть конструктивная критика или идеи по дальнейшему улучшению данного решения, буду рад выслушать.

Теги: #interfaces #interface #calendar #forms #input #form

Вместе с данным постом часто просматривают: