x
 
Александр Дмитриев
13 мая 2010

Здравствуйте, уважаемые советчики!

Стоит задача сделать форму для заполнения времени работы компании. Какой из видов формы лучше? Шаг времени выбрали полчаса.



Думаю, второй вариант лучше. Предлагаю сделать такой шаг:


Следующий ход за уважаемыми советчиками.


Поделиться
Отправить

Комментарии

Павел Супрунюк
13 мая 2010

Часы я сначала отбросил, как вариант, а потом снова вернулся, т. к. они нагяднее, чем слайдеры. Оно, конечно, не так привычно, но по опыту работы с аудио-программами — ничего страшного в них нет.

В моём варианте можно использовать как ручной ввод в поля, так и слайдеры. При ручном вводе слайдеры становятся просто графическим отображением. При ручном вводе шаг любой, при перетягивании точек — полчаса.

Мне кажется, лучше сразу учесть, что может понадобиться ввод времени обеда. Ещё в моём варианте можно проще ввести «работаем с 9 до 19 без обеда и выходных».

Короче, если форма для людей со стороны, то лучше вообще не городить. А если с формой будут работать специалисты, то лучше вариант и со слайдерами, и с полями ввода. Можно ещё сделать список с наиболее популярными вариантами.

Игорь Гречишкин
13 мая 2010

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

Валерий Попов
13 мая 2010

Как-то так:

Дима Аркатов
13 мая 2010

Ползунки с диапазоном времени можно сделать как тут, хотя не уверен, будет ли это удобно. Цепочка, объединяющая поля, должна скрываться или приглушаться и деактивироваться, если какой-то день мы отключаем чекбоксом, либо на каком-то дне, допустим в среду, установлен другой диапазон времени.


13 мая 2010

Валерий, прекрасно.

Теперь бы ещё закруглить внешние края у границ диапазонов.

Юрий Хан
13 мая 2010

Предлагаю простое текстовое поле. «Пн-пт 10:00-20:00 обед 13:00-14:00, сб 11:00-14:30». С шорткатами для знающих: «10-20\13-14; 11-14:30;»

Виктор Наумик
13 мая 2010

О, клёво, хотел бы такие слайдеры на всех расписаниях организаций… Пришёл, не успел — подвинул. Работает! :-)

Игорь Силкин
13 мая 2010

Может, так?

Федот Березной
13 мая 2010

Если закруглить концы, то как-то так. И можно «играть», сужая и расширяя секторы.

Менять цвет с благоприятного до критичного, если рабочее время меньше или больше. Например, продолжительность больше 12 часов — в секторе пересечения сумма надбавки или ещё что-то.

Давать или не давать выход обеда за пределы рабочего времени. Время границ можно оставлять (как в выходные) или показывать только изменяемое время (как в рабочие).


13 мая 2010

В Мегаплане сделан прекрасный интерфейс для указания потраченного на выполнение задачи времени. Просто пишешь: «2 часа» или «1ч 15м» и он понимает.

Предлагаю сделать шаг в этом направлении, то есть оставить просто текстовые поля.

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

И кроме того, в этом интерфейсе нет выбора.

Дмитрий Сухачев
13 мая 2010

Предлагаю небольшие доработки успешных вариантов.

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

Николай Гурьянов
14 мая 2010

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

Отдельно про обед. Конечно, всё не предусмотреть, но кажется, что время обеда можно указать одно на все дни. Зато в обеде лучше предусмотреть более мелкий шаг. Встречаются обеды, например, 12:00—12:45.

Антон Шеин
14 мая 2010

Не хватает галочки «круглосуточно 7 дней в неделю» :-)

Кроме того, шаг в полчаса слишком большой. Есть компании, которые работают до 16:45 по пятницам.


14 мая 2010

Советчики в блоге подсказывают, что задача выбора рабочего времени похожа на задачу задания времени показа рекламы, которую я решал не так давно:
http://www.ksoftware.ru/wiki/schedule

Вот ещё несколько форм, решающих эту задачу:
http://www.ksoftware.ru/wiki/schedule/process

Денис Чмель
14 мая 2010

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

Александр Дебкалюк
14 мая 2010

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

Павел Супрунюк
14 мая 2010

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

Дмитрий Сухачев
15 мая 2010

Хочу поддержать версию Николая Товеровского со стандартным интерфейсом.

Действительно, ползунки накладывают определённые ограничения и неудобства. Я считаю, что обязательно должна быть возможность указания любого времени, а кроме обычных полей ввода с этим ничто лучше не справится. Также можно при наведении на поле показывать часто используемые значения времени (в утренние часы одни, в вечерние — другие, в выходные тоже свои значения).

Александр Дебкалюк
20 мая 2010

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

5 5 2 Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2




Недавно всплыло

Интерфейс штор, как оценить навыки сотрудника, не владея ими и как улучшить объявление 1 Правдивость 2 1 Нерешённая задача графдизайна. Медпункт 5