Как создать редактор отношений N: N на веб-странице? - PullRequest
3 голосов
/ 11 января 2010

Мне нужно создать небольшое веб-приложение «кто что» для маршрутизации входящих писем:

  • список сотрудников относительно длинный (около 600 наименований);
  • есть краткий список (около 5 пунктов) задач;
  • при назначении задания сотруднику необходимо указать срок выполнения;

В результате мне нужен список (в данном случае имеет значение последовательность пунктов, поскольку первый сотрудник в списке считается «главным ответственным лицом»):

  • Джон Смит - напишите ответное письмо - 20.01.2010
  • Фредерика Миносо - просмотреть входящее письмо - 18.01.2010
  • Роберт Гир - просмотреть входящее письмо - 18.01.2010

Если бы у нас было, скажем, 10 сотрудников, дизайн был бы довольно простым - раскрывающийся список сотрудников, раскрывающийся список задач, указатель даты для срока выполнения, кнопка «Добавить в список» Как этот альтернативный текст http://naivist.net/tmp/layout.jpg
И, конечно же, я бы добавил список результатов с кнопками «двигаться вверх» / «двигаться вниз» помимо него.
Тем не менее, выпадающий список из 600 предметов, очевидно, слишком много; это означает, что какой-то пользователь должен выполнить поиск по имени, фамилии, отделу.

Я достаточно опытен, чтобы технически создавать приложение (запросы на JavaScript, jQuery и ajax являются моими друзьями), но проблема в том, как спроектировать интерфейс веб-формы, чтобы пользователи понимали, что именно они делают? Как выложить вещи по форме? Что показывать в начале, что скрывать?

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

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

Извините, вопросов много, и многие из них обсуждаются. Должен ли я отметить его как "сообщество вики"?

Ответы [ 2 ]

2 голосов
/ 11 января 2010

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

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

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

В противном случае мне кажется, что у вас есть макет. Я бы не стал играть с перетаскиванием чего-либо. Это, конечно, создает приятное чувство, но гораздо более неясно, что нужно сделать, чтобы назначить задачи. Если вы обнаружите, что пишете инструкции по использованию этого предмета, значит, вы зашли за борт.

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

2 голосов
/ 11 января 2010

Как только я увидел проблему, я подумал Автозаполнение . Поскольку вы думали так же, это, вероятно, очевидное решение проблемы. Поле «Кому» электронной почты имеет ту же проблему - как выбрать этого человека из 1000 контактов.

У Yahoo есть несколько хороших соображений доступности, чтобы быть уверенным, что поле автозаполнения работает таким образом, который очевиден и соответствует типичному поведению.

Поскольку задание содержит 5 элементов, выпадающие списки допустимы. Рекомендуемый верхний предел для выпадающих составляет 7 пунктов, так что вы находитесь в пределах ограничения. Одним из предложений было бы завершить задачи «by» или «on», чтобы строка читалась как предложение - Джон Доу пишет ответное письмо 22 января 2010 года . Кроме того, включение небольшого наглядного пособия в раскрывающемся списке может повысить понимание в некоторых ситуациях.

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