Лучшее управление (управление) GUI для описания диапазона времени
Это полностью основано на API, с которым вы общаетесь. API будет иметь хуки для фильтрации на основе того, что вы хотите. Это можно сделать, используя параметры запроса `т.е. $ .api (" / catalog? Type = favourites ". Но на этот вопрос невозможно полностью ответить без этой информации.
8 ответов
Я склонен смотреть на шаблоны общего умысла для вдохновения, когда я обдумываю проблемы, такие как это.
Библиотека Шаблона Yahoo предложения некоторые потенциальные решения .
сайт Шаблонов UI также дает некоторые предложения , и стоит обзора.
В придачу, вот другое решение в библиотеке шаблона Welie .
Другой источник вдохновения мог бы быть другими сайтами и приложениями. Например, думайте обо всех примерах использования, где запись короткого времени и долговременных продолжительностей времени требуется. Как пример, компания запись TimeSheet, программное обеспечение журнала пробега служебной машины, программное обеспечение записи задачи, приложения секундомера, ведение календаря приложений, и т.д. Тогда видит, как они обработали средства управления GUI для получения диапазонов времени.
я лично не нашел любимое решение для выбора даты и время. Но, я думаю, что хотел бы что-то вроде этого.
- Пользователь нажимает для показа календарного всплывающего окна
- Всплывающие шоу 2 бок о бок календари (дата начала / время и дата окончания / время)
- Календарь 1 шоу сегодняшняя дата и другой также шоу сегодняшняя дата.
- Календарные средства управления позволяют обычную навигацию и выбор дневного года месяца.
- Ниже каждого календаря hh:mm поле, который значения по умолчанию к текущему времени.
- Пользователь может отредактировать значение в этом поле времени, использующем/стрелки вниз или путем ввода.
- , С другой стороны, показывают аналоговые часы ниже каждого календаря. Требуется 2 щелчка мышью для установки времени (нажмите 1 в течение часа и нажмите 2 в течение многих минут).
Hope это помогает
Я - поклонник старого управления, я видел используемый ПУТЬ назад в 90-х с Изобретателем (и позже Открыл 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
Дизайн пользовательского интерфейса является в большой степени зависящим от приложения. "Лучше всего" подразумевает некоторую метрику, которая может измерить решения. В дизайне UI такая метрика может быть "домой многими щелчками/нажатиями клавиш, это берет для выполнения задачи?" где меньшее число лучше. Таким образом, как только Вы определили свою метрику, можно начать сортировать решения в хороший, лучше и лучше всего.
Вы также хотите уменьшить познавательную нагрузку для пользователя. Если пользователь должен ввести последний день, в который продуктом можно обменяться на основе 90-дневных условий возврата, затем прося запуск, и дата окончания вынудила бы их сделать математику даты, которая не является никакой забавой. В этом примере дата начала с "дельтой" x дней поместила бы меньше нагрузки в пользователя.
В зависимости от Вас приложение Вы могли рассмотреть и приблизиться как переключатель диапазонов времени Google Finance на их диаграммах: http://finance.google.com/finance?q=.dji
Нет никакого единственного ответа, это зависит от контекста. Для многих мест хорошие текстовые средства управления достаточно. Конечно, такие вещи могут все еще помочь путем поддержки вставки и некоторых действий увеличения/уменьшения. Возможно, это может даже сделать некоторую проверку для значения.
Тогда существуют места, которым нужно что-то больше. Календарь может быть действительно полезным для ввода дат, и некоторый ползунок мог использоваться в течение времени. (Календарь Lotus Notes имеет ползунок.)
Мой советовать:
Думают, в чем Вы нуждаетесь. Не помещайте сложные виджеты в менее используемое диалоговое окно.
при необходимости в этих хороших полезных виджетах проверьте, являются ли там готовыми в библиотеке, Вы используете и не торопитесь, чтобы видеть, как другие сделали их.
Всегда имеют текстовые средства управления с поддержкой вставки.
Проверьте управление датой VisualHint . Это может быть настроено множество путей включая промежуток. Это позволило бы Вам использовать один экземпляр управления для показа времени начала и другого для установки промежутка, пока период не завершен. Управление также поддерживает расширяемую основную платформу, таким образом, Вы могли возможно объединиться, оба запускают/заканчивают или запускают/охватывают в единственное управление.
Если нет более усовершенствованный контроль времени в Вашем предпочтительном инструментарии GUI, два календарных представления средств управления запускаются, и конец является самым простым. Кроме того, необходимо решить, как Вы хотите использовать информацию. Например, если бы Вы использовали дату начала, и интервал для постепенного увеличения той даты, изменяя дату начала не изменил бы значение интервала. Это действительно зависит от того, что Вы желаете сделать.
Одним путем я видел, что работа очень хорошо использует диаграмму Гантта:
http://en.wikipedia.org/wiki/Gantt_chart
можно составить однострочную таблицу, и затем можно масштабировать ее через месяцы, дни, часы и минуты в зависимости от того, как широкий или увеличил масштаб, Вы делаете управление. Проблема, я не знаю ни о каком управлении там прямо сейчас, которое делает всего одну строку, таким образом, Вы, возможно, должны создать пользовательский. Вы могли возможно искать управление диаграммой Гантта и просто сделать одну задачу/объект.
Наблюдайте то, что люди делают с Вашим управлением диапазоном времени. Тогда запишите его так, чтобы это больше всего подошло к выполнению, чего люди хотят достигнуть с ним. Например, отпуск далеко прошлые даты при вводе будущих дат только имеет смысл.
Jonathan Leighton сделал хорошее дата inputter - элемент в jQuery, который я нашел очень хорошими для ввода дат. Это выгодно способом, что пользователь может оба ввести дату путем нажатия или ввести ее непосредственно. Пользователь также непосредственно получает подсказку о вводе его в поле. При связи этого с некоторой временной шкалой - объект можно на самом деле пойти далеко вдалеке. Просто постарайтесь не делать элементы UI, которые путают или возмущают!