Как я могу сделать веб-приложение "greenscreen"? - PullRequest
1 голос
/ 12 августа 2009

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

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

Я бы хотел сохранить удобство развертывания на основе браузера и сохранить наши существующие инвестиции в стек Microsoft, но как я могу предоставить эту чрезвычайно простую зеленую концепцию на основе клавиатуры *1006* в Интернете?

Хорошие ответы будут ссылаться на библиотеки, другие веб-приложения с аналогичным стилем, лучшие практики для организации и определения приоритетов данных сочетаний клавиш (не как их добавлять, а как хранить и поддерживать сочетания клавиш, автоматически разрешать конфликты и т. Д.

РЕДАКТИРОВАТЬ: принятые ответы не будут мини-лекциями о том, как сделать пользовательский интерфейс в Интернете. Я не хочу никаких ссылок, кнопок или чего-либо, чтобы нажимать на что бы то ни было.

РЕДАКТИРОВАТЬ2: это приложение имеет 500 пользователей, распределенных в центрах обработки вызовов по всей Северной Америке. Я не могу переучить их всех, чтобы использовать клавишу TAB

Ответы [ 5 ]

11 голосов
/ 12 августа 2009

Я делаю веб-приложения для КСО. То, что ваш менеджер забывает, теперь приложение НАМНОГО сложнее. Мы просим у наших представителей больше, чем 15 лет назад. Мы собираем больше информации и записываем больше данных, чем раньше.

Вместо «зеленого экрана» приложения вам следует сосредоточиться на том, чтобы веб-приложение работало лучше. Например, нет выпадающего списка для года, когда это может быть поле ввода. Убедитесь в правильности и правильности табуляции, вы можете даже поставить маленькие цифры рядом с каждой группой полей, чтобы указать порядок табуляции. Назначьте различные экраны / вкладки клавишам F и обозначьте их на экране.

Вы сможете использовать свое веб-приложение без мыши вообще без потери производительности, если все сделано правильно.

Используйте использование AJAX, чтобы круговая поездка на сервер не изменяла фокус их курсора.

В приложении CSR у вас часто есть несколько значений по умолчанию. Вы должны назначить каждому кнопке по умолчанию и позволить csr нажимать кнопку 1, чтобы получить значение по умолчанию, которое они хотят. это уменьшит количество щелчков мышью вокруг.

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

5 голосов
/ 12 августа 2009
body { background: #000; color: #0F0; }

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

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

3 голосов
/ 12 августа 2009

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

Есть одна распространенная проблема, которую я заметил с довольно большим количеством CRM: на экране более 20 полей, из которых обычно используется 4-5 для выполнения 90% операций. Но в любом случае нужно нажать на ненужные поля.

Конечно, я могу ошибаться в этом предположении (так как в моем случае в системе было множество пользователей с различными функциями). Но попробуйте сесть с пользователями и посмотреть, как они используют приложение, и посмотреть, сможете ли вы оптимизировать что-то с точки зрения пользовательского интерфейса - или, если действительно, это вопрос незнания, как использовать «TAB» (и они на самом деле нужно использовать каждое из этих 20 полей каждый раз) - вы сможете обучить несколько из них и проверить, достаточно ли это для них - а затем развернуть обучение для всей организации. Убедитесь, что у вас есть интуитивно понятная поддержка горячих клавиш, и что если список содержит 2000 элементов, пользователям не нужно прокручивать его вручную, чтобы найти нужный, а можно использовать функцию FF для выбора элемента, набрав начало его текста.

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

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

Опять же, если вы сядете с пользователями и понаблюдаете за ними, это должно быть обнаружено.

Еще одна проблема: «Слишком быстрое аппаратное обеспечение разработчика»: многие веб-разработчики, как правило, используют большие дисплеи с высоким разрешением, демонстрирующие производительность очень мощных ПК. Когда результат отображается на экране ноутбука CSR с разрешением 1024x768 для ноутбука летнего возраста, макет выглядит совсем не так, как ожидалось, а также производительность рендеринга. Мелодия, мелодия, мелодия.

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

Если вы работаете с «приложением с зеленым экраном» - тогда, возможно, для опытных пользователей предоставьте одно поле для ввода длинного текста, где они могли бы ввести всю информацию в стиле CLI и просто нажать «отправить» или клавиша ENTER (хотя это проектное решение не следует воспринимать легкомысленно, так как это большая работа). Но каждый должен понимать, что у приложений с «зеленым экраном» довольно крутая кривая обучения - это еще один фактор, который следует учитывать с точки зрения бизнеса, наряду с уровнем истощения и т. Д. Спросите у начальника, как долго продержится типичный агент в том же месте и как это повлияет на производительность, если им понадобится 3-месячный срок, чтобы набрать полную скорость. :) Существует баланс, который определяется не только программистами или руководством, но требует совместных усилий.

И, наконец, примечание на случай, если у вас есть «опытные пользователи»: вы можете взглянуть на conkeror как на браузер - хотя и довольно медленный сам по себе, он выглядит достаточно гибким в том, что может предложение с точки зрения управления только с клавиатуры.

2 голосов
/ 13 августа 2009

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

Прочитав ответы и комментарии других, я хотел бы остановиться еще на нескольких вещах:

РЕДАКТИРОВАТЬ: принятые ответы не будут мини-лекциями о том, как сделать пользовательский интерфейс в Интернете. Я не хочу, чтобы какие-либо ссылки, кнопки или что-либо еще нажимали.

Я не хочу спорить, но похоже, что вы уже приняли решение, не задумываясь о последствиях для пользователей. При таком подходе я сразу вижу несколько подводных камней:

  • Зеленый экранный интерфейс может не быть более продуктивным для ваших пользователей. За Например, каков средний возраст ваши пользователи? Большинство людей 25 и младший мало что имел воздействие этих типов пользовательских интерфейсов. Внезапно навязывание такого рода Интерфейс на них может вызвать Major Обратная реакция от ваших пользователей. Как пример, посмотрите на то, что произошло когда Facebook решил изменить его Интерфейс для концепции «поток» - огромный Возмущение пользователей!
  • Сеть на самом деле не была разработана с таким интерфейсом. Я имею в виду, что люди не привыкли иметь интерфейсы, подобные командной строке, когда они посещают веб-сайт. Они ожидают визуального носителя (изображения, кнопки, ссылки и т. Д.) В дополнение к тексту. Слишком сильные изменения могут запутать ваших пользователей.
  • Программирование интерфейса такого типа будет сложным. Как и в моем последнем замечании, веб не очень хорошо работает с интерфейсами, подобными командной строке или только текстовым интерфейсам. Такие вещи, как функциональные клавиши, сочетания клавиш (например, ctrl- и alt-), все плохо и непоследовательно поддерживаются, что означает, что вам придется придумывать свои собственные способы доступа к стандартным вещам, таким как помощь (поскольку F1 будет отображаться в справке веб-браузера). , а не вашего приложения).

EDIT2: это приложение имеет 500 пользователей, распределенных в колл-центрах по всей Северной Америке. Я не могу переучить их всех, чтобы использовать клавишу TAB

Я думаю, что этот аргумент действительно просто соломенный. Если вы вводите совершенно новый пользовательский интерфейс, вам придется обучать пользователей этому. Действительно, следует предположить, что любое изменение вашего пользовательского интерфейса потребует обучения в той или иной форме. Что-то простое, например, добавление навигации по вкладкам в пользовательский интерфейс, в отделе обучения сравнительно мало. Если бы вы сделали это, было бы очень легко разослать «удобную новую функцию в пользовательском интерфейсе» по электронной почте или, что еще лучше, иметь своего рода «совет дня» (который пользователи могут отключать, конечно), который сообщает им о классных функциях экономии времени, таких как навигация по вкладкам.

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

0 голосов
/ 12 августа 2009

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

Что-то такое простое, как правильный порядок вкладок, может быть всем, что нужно вашему приложению (думаю, я не уверен, что вы можете установить это в ASP.NET ...). Остальные элементы управления будут автоматически завершены.

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