Разработка веб-сайтов для ввода данных
Мы находимся в процессе разработки веб-сайта для замены старого зеленого экранного приложения ввода данных. Проблема состоит в том, что наши пользователи приучены к ПОЛЕТУ через экраны (т.е. слепой ввод... они никогда не должны смотреть на экран или их пальцы). Они очень озабочены перемещением в сеть, и я надеялся успокоить эту нервозность путем показа им некоторых примеров сайтов тот ввод данных дескриптора хорошо.
Какие-либо предложения?
Обновление
Для разъяснения "полета через экраны" комментарий вот, типичное использование:
- CSR входит в систему, имеет стопку потребительских счетов, находящихся около нее
- Пользователь нажимает E и вводит пользовательское имя от верхней части счета
- Пользователь вводит информацию о тарификации/счете из счета, это расширяется через 5 экранов, но пользователь никогда не должен поднимать глаза от счета
- Весь ввод является "слепым" (так как они не смотрят на клавиатуру или экран)... они составляют в среднем более чем 50 слов в минуту в течение ввода данных (который является ОЧЕНЬ быстрым средним числом)..., и не испытайте ожидание
- Существует много сочетаний клавиш по пути, т.е. для дат, пользовательских поисков, поисков объекта, и т.д. У пользователя нет потребности поднять глаза от экрана при вводе их
- После того, как сделанный, пользователь нажимает P к предварительному просмотру и просматривает счет/оператор на экране для проверки общих количеств и объектов
- Коэффициенты ошибок ниже 1%, чрезвычайно хорошего для ручного ввода данных
5 ответов
К сожалению, быстрый ввод данных = веб-приложение.
Если вы должны сделать это, то
- сведите javascript к абсолютному минимуму. В конце концов, нам нужна скорость ввода данных, и кто знает, какой браузер они будут использовать. Если вы решите вставить туда что-то для автоматического перехода к следующему полю, убедитесь, что зеленые экраны уже делали это и что вы точно имитируете эту логику.
- Убедитесь, что порядок вкладок ваших элементов точно такой же, как у зеленых экранов, иначе им это не понравится, что бы вы ни сделали и насколько "эффективнее", по вашему мнению, это их сделает.
- Убедитесь, что страницы имеют точно такие же поля, как и раньше.
- В общем, даже не думайте о реорганизации чего-либо прямо сейчас. Переход с терминала на веб уже будет расстраивать. Однако, если все будет работать точно так же, как и раньше, то это будет небольшое недовольство, а не откровенный бунт.
- Пропустите любую графику. Используйте простой css для стилизации и раскраски. Любая графика замедлит загрузку страницы, иногда совсем немного.
Просто для повторения, сохраняйте простоту, делайте то, что было раньше, минимизируйте размер страницы и артефакты страницы (css, js, изображения и т.д.), НЕ вводите ничего нового. Управление изменениями может быть сложной задачей, и что бы вы ни делали, помните, что вы меняете их работу, даже совсем немного. Люди, которых привлекает работа по вводу данных, никогда не любят перемен и будут ворчать. Вопрос лишь в том, насколько сильно.
После того как система будет развернута и начнет использоваться, подождите месяц или два, прежде чем начать прислушиваться к отзывам (кроме откровенных ошибок. Их нужно исправлять немедленно). Это даст им время привыкнуть к нему и начать делать неэмоциональные предложения.
Нарастите толстую кожу. В какой-то момент вице-президент или менеджер высокого уровня начнет агитировать вас вернуться к старому способу ведения дел. Это нормально, и этого следует ожидать, они тоже не любят перемен, даже если они были теми, кто просил об этом.
Далее, не ожидайте, что команда по вводу данных даже не посмотрит на ваше приложение, пока оно не будет развернуто. Конечно, то, что пара человек из их команды время от времени смотрят на него (даже тестируют его), звучит как хорошая идея. Однако они будут думать, что у них "есть дела поважнее", и не предоставят никакой полезной обратной связи, пока не будут вынуждены использовать приложение, потому что у них нет другого выбора. Ожидайте этого.
Наконец, убедитесь в том, что у вас есть поддержка на уровне руководителей ДО того, как начать идти по этому пути. В какой-то момент они столкнутся лицом к лицу с менеджерами по вводу данных, которые недовольны. Это поможет, если они будут уверены, что возвращение назад - это не вариант.
Я бы посоветовал вам не переходить с этим на Silverlight - хотя вы можете делать с ним крутые вещи, элементы управления могут быть на долю секунды медленнее реагировать, чем обычные элементы управления HTML, и даже такая небольшая задержка будет раздражать пользователей, которые привыкли к мгновенному ответу. Вам нужно только немного замедлить их, чтобы их ежедневная продуктивность упала. Узнайте, какова их текущая скорость входа, и сделайте прототипы, чтобы увидеть, сможете ли вы приблизиться к ней. Вы также должны быть осторожны с тем, как вы сохраняете введенную запись - вы также не хотите вводить задержку там.
Вам также нужно подумать о валидации - вам нужно это сделать, но вы не хотите быть навязчивой.
Я не хочу устраивать вам вечеринки, но я действительно сомневаюсь, что вы сможете заставить веб-приложение работать так же быстро, как зеленый экран терминала, к которому они привыкли - вы можете также оценить настольное приложение для ввода данных. Перед вами стоит непростая задача :)
Если сочетания клавиш являются наиболее важной частью, я бы посоветовал показать документы Google - они даже перезаписывают cmd + s своим действием сохранения, безусловно, впечатлили меня при первом использовании.
Я не уверен, что вы найдете много хороших примеров на общедоступном веб-сайте. Большинство сайтов призваны помочь новичкам перейти на сайт с помощью различных форм, а не сосредотачиваться на скорости ввода и эффективности.
Я бы сказал, что при правильной комбинации javascript / JQuery и базового html вы можете создать страницу для внутреннего использования, на которой будет быстро вводить информацию. У моей компании есть несколько веб-экранов, на которых мы использовали javascript для автоматического перехода к следующему полю формы при достижении максимальной длины. В качестве примера можно использовать 4 разных текстовых поля для ввода номера кредитной карты. После ввода 4 цифр в поле box1 курсор переместится в поле box2. Кроме того, можно настроить поля ввода, чтобы они могли переходить к следующему в правильном порядке.
Я видел ссылки на добавление сочетаний клавиш на веб-страницу. Я никогда не делал этого сам, поэтому не уверен, как именно это делается. Но я думаю, что для этой функции можно использовать javascript.
Я полагаю, вы могли бы просто собрать несколько форм, которые могли бы справиться с этим, но это потребует некоторых дополнительных соображений, если вы хотите, чтобы пользователи могли использовать не глядя на экран:
- Это означает отсутствие раскрывающихся списков, флажков и т. д. Только текстовые поля, текстовые поля,
- Плагин jQuery AutoTab может быть очень полезен для этого, поэтому он переместит их из поля в поле автоматически
- , если они используются для сочетаний клавиш, я бы также их включил. Еще раз, вот плагин jQuery для этого.