Сложное поле даты с опцией диапазона

Контекст: Я разрабатываю веб-форму, которая позволяет пользователям вводить информацию о какой-либо работе, которую они создали (название, описание, изображение и т. д.).

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

  • Некоторые хотят ввести определенную дату (например, 3 марта 2013 г.).
  • другие хотели бы ввести только год
  • , тогда как некоторые другие нуждаются в диапазоне (например, 2012-2013).

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

12 голосов | спросил julie p 13 AMpSat, 13 Apr 2013 01:33:03 +040033Saturday 2013, 01:33:03

4 ответа


4

Ряд выпадающих списков или comboboxes может работать хорошо, позволяя пользователю указывать дату на любом уровне детализации, который она хочет.

Сначала просто покажите:

mockup

скачать источник bmml - Каркасы, созданные с помощью Mockups Balsamiq

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

mockup

скачать источник bmml

... а затем, если пользователь решит указать месяц, дайте ей возможность указать день.

mockup

скачать источник bmml

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

ответил Graham Herrli 13 AMpSat, 13 Apr 2013 07:24:37 +040024Saturday 2013, 07:24:37
7

Просто наткнулся на это на linkedin. Linkedin использует простую ссылку для переключения между диапазоном и одной датой.

У вас есть стандартный однодисковый выбор по умолчанию: введите описание изображения здесь

, и вы можете переключить это, чтобы ввести диапазон: введите описание изображения здесь>> </p>

<p> В вашем случае, если пользователь хочет избежать месяца, они могут оставить пустую ячейку пустым (иметь первый вариант как null) и просто выбрать год. </p></body></html>

ответил rk. 15 PMpMon, 15 Apr 2013 17:47:29 +040047Monday 2013, 17:47:29
2

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

Например, Jira (отслеживатель проблем) будет интерпретировать длительность задач из одного текстового поля:

  • 1h => 1 час
  • 2d 5h => 2 дня 5 часов.
  • 3w 4d => 3 недели 4 дня

Вам просто нужно придумать несколько простых понятных правил для разбора ввода.

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

ответил Marjan Venema 13 PMpSat, 13 Apr 2013 19:39:10 +040039Saturday 2013, 19:39:10
2

Чтобы сделать сложные вещи легкими, вам нужно что-то знакомое пользователям и не требует больших усилий от пользователей. Как насчет (интеллектуального) слайдера, где вы можете выбрать год или дату без даты окончания (макет 1)? Это может быть улучшено с помощью второго ползунка для даты окончания (макет 2), поэтому вам действительно не нужно менять сам элемент управления или использовать несколько выпадающих меню, которые очень полезны для ваших пользователей.

mockup

скачать источник bmml - Каркасы, созданные с помощью Mockups Balsamiq

Эта конструкция решит все три проблемы ваших пользователей ...

ответил 4rchit3ct 13 PMpSat, 13 Apr 2013 23:04:06 +040004Saturday 2013, 23:04:06

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132