Несколько решений одной задачи помогают увидеть связь интерфейса с данными. Вместо выбора знакомого паттерна сначала набросайте способы выполнить одно действие. Сравнение имеет смысл, когда варианты используют одинаковые значения и поддерживают не только первый выбор, но и его изменение.
В условном задании одна суббота и три времени посещения: дневное, раннее вечернее и позднее. Один вариант недоступен. Нужно выбрать оставшийся и затем перенести выбор. Второй набор данных расширяет модель до нескольких недель. Эти два объёма позволяют увидеть, когда список удобнее календаря.
Для списка сделайте доступное, недоступное и выбранное время. Для календаря — выбор дня и отсутствие сеансов. Для последовательного варианта — возврат от времени к дате. Рисуйте простыми блоками: здесь важнее логика, чем типографическая выразительность. После этого можно сравнить число действий и ясность текущего состояния.
Дайте наблюдателю конкретный маршрут: выбрать вечер, затем изменить решение на более ранний. Если приходится начинать заново, выясните, какой контекст потерялся. Сделайте состояние без доступных вариантов и предложите изменить день. Это проверяет полноту модели, которую нельзя увидеть по одному удачному скриншоту.
Запишите сильную сторону и ограничение каждого решения. Для одной даты список может быть самым прямым, для длинного периода календарь помогает ориентироваться по дням. В кейсе покажите разные наборы данных и правило выбора. Для клиента такой разбор объясняет, почему внешний образец не переносится автоматически: сначала нужно знать объём расписания, условия доступности и действия человека после изменения намерения.
Нарисуйте список, календарь и два последовательных выбора. Используйте везде одну дату и три сеанса. Добавьте недоступный вариант, выбранное состояние и возврат. Затем замените набор на несколько недель, сохранив ту же задачу поиска вечернего времени. Проверяйте решение на данных, а не на деталях оформления.
Приёмка: доступны первый выбор, его изменение и отсутствие подходящего значения; текущий статус понятен по содержанию. В таблице сравнения отметьте, какой вариант лучше поддерживает каждый набор и где добавляет лишний шаг. Итогом станет правило применения паттерна, которое можно использовать при следующем проекте и объяснить заказчику через его реальные данные.
Дополнительные разборы: Как проектировать выбор без перегрузки интерфейса; Пустое состояние интерфейса: упражнение для новичка. Если выбираете обучение для продолжения работы, изучите программы и условия в подборке курсов Perkova&Perkova.