UX выбора даты. Часть 1: Далёкая дата

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

Но такой подход не работает для далёких дат: день рождения, планы на будущее, исторические даты. Масса сценариев, при которых дата, ну никак, не может быть текущей датой или ближайшей датой.

Что делать в таких случаях?

  1. Определить диапазон лет, даты из которых наиболее вероятны к выбору. Например, у нас есть портрет целевой аудитории ресурса. Этот портрет, как правило, включает и возраст (примерно так: мужчины от 30 до 35 лет).
  2. Предлагать для выбора далёких дат идти от года ко дню, а не наоборот. В качестве центрального года предлагать середину целевого интервала.

Конкретный пример — выбор даты рождения 01 декабря 1984 на сайте skillsnet.ru.
Сейчас работает вот так:
Если не догадаться нажать на месяц, а потом на год, чтобы поменять режим показа календаря, то ввести дату возможно только вручную (ну или долго-долго помесячно листать).

 

А представим, если бы предлагалось идти от года (средний возраст, допустим, 28-40 лет):

Почему двигаться от года лучше?

  1. Не предложена дата по умолчанию — пользователь не пропустит поле, а заполнит.
  2. Вероятность угадать год гораздо выше, чем угадать конкретную дату.
  3. От пользователя требуется на порядок меньше действий.

Во второй части расскажу как предлагать выбирать ближайшую дату.

Ещё можно посмотреть в Контур.Гайды как они работают с календарём для выбора дат