Лучший графический интерфейс для описания временного диапазона

Ответ 1

Я, как правило, рассматриваю общие шаблоны дизайна для вдохновения, когда я обдумываю такие проблемы.

Библиотека шаблонов Yahoo предлагает некоторые потенциальные решения.

дать несколько предложений, и стоит просмотреть.

Для хорошей меры здесь другое решение в библиотеке шаблонов Welie.

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

Я лично не нашел любимое решение для выбора даты и времени. Но, я думаю, я хотел бы что-то вроде этого.

• Пользователь нажимает для отображения всплывающего окна календаря
• Всплывающее окно показывает 2 бок о бок календари (дата начала/время и дата окончания/время)
• Календарь 1 показывает сегодняшнюю дату, а другой также показывает сегодняшнюю дату.
• Элементы управления календарем позволяют обычную навигацию и выбор дня месяца.
• Ниже каждого календаря находится поле hh: mm, которое по умолчанию соответствует текущему времени.
• Пользователь может редактировать значение в это время с помощью стрелок вверх/вниз или путем ввода.
• Альтернативно, покажите аналоговые часы ниже каждого календаря. Для установки времени требуется 2 щелчка мыши (нажмите 1 для часа и нажмите 2 в течение нескольких минут).

Надеюсь, что это поможет

Ответ 2

Я поклонник старого элемента управления, который я видел, использовал WAY в 90 с Inventor (и позже Open Inventor) на машинах SGI (а затем на ПК и т.д.): бесконечный диск.

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

Я думаю, что выбор даты/времени будет хорошо работать с двумя циферблатами, каждый из которых представляет собой порядок величины даты/времени. В ASCII-искусстве с каждым циферблатом между [квадратными скобками] это может выглядеть так:

[20 Oct | 21 OCT | 22 Oct ] [11:15 .. 11:30 .. 11:45..]

или с 3:

[20 Oct | 21 OCT | 22 Oct ] [11 .. 12 .. 1pm] [12:31 .. 12:32 .. 12:33]

Есть несколько вариантов, которые вы могли бы попробовать (вертикальный/горизонтальный, дата/время, дата/час/минута и т.д.).

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

FWIW

Ответ 3

Дизайн пользовательского интерфейса в значительной степени зависит от приложения. "Лучший" означает какую-то метрику, которая может измерять решения. В дизайне пользовательского интерфейса такая метрика может быть "домашняя много кликов/нажатий клавиш, чтобы выполнить задачу?" где меньшее число лучше. Итак, как только вы определили свой показатель, вы можете начать сортировать решения в хорошие, лучшие и лучшие.

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

В зависимости от вашего приложения вы можете рассмотреть и подойти, как селектор времени в Google Finance на своих диаграммах: http://finance.google.com/finance?q=.dji

Ответ 4

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

Тогда есть места, которые нуждаются в чем-то большем. Календарь может быть очень полезен для ввода дат, и какой-то слайдер можно использовать для времени. (В календаре Lotus Notes есть слайдер.)

Мой совет:

Подумайте, что вам нужно. Не добавляйте сложные виджеты в менее используемый диалог.

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

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

Ответ 5

Обратите внимание на элемент управления VisualHint. Он может быть настроен на множество способов, включая временной интервал. Это позволит вам использовать один экземпляр управления, чтобы показать время начала, а другое - установить период времени до тех пор, пока период не будет завершен. Элемент управления также поддерживает расширяемую базовую структуру, поэтому вы можете комбинировать как начало, так и конец или начало/диапазон в один элемент управления.

Ответ 6

Вот также некоторые решения: http://quince.infragistics.com/html/PatternView.aspx?name=Date+Time+Range+Input

Ответ 7

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

Ответ 8

Один из способов, который я видел, очень хорошо работает, используя диаграмму gantt:
http://en.wikipedia.org/wiki/Gantt_chart

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

Ответ 9

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

Джонатан Лейтон сделал приятный элемент ввода даты в jquery, который я нашел очень приятным для ввода дат. Это полезно для того, чтобы пользователь мог ввести дату, нажав или набрав его напрямую. Пользователь также непосредственно получает подсказку о том, чтобы ввести его в поле. Если вы связываете это с каким-то временным планом, вы можете пойти далеко вдаль. Просто избегайте создания элементов интерфейса, которые запутывают или злятся!

Ответ 10

Это происходит поздно, и это не контроль как таковой. Я прочитал эту идею в блоге, который больше не могу найти (фактически, я нашел этот пост, пытаясь его найти). Идея заключается в использовании метафоры настенных часов. Вот что я сделал для удовольствия. Это не функциональный контроль. Вы могли бы использовать что-то вроде этого как отправную точку для естественного отсчета времени. Три клика максимум, два раза больше времени. Закрываются только циферблаты.

http://www.viridium.ro/clock-sample/

Использовать браузер с поддержкой HTML5; то есть Chrome.