如何制作"绿屏"网络应用？

Question

在与客户服务部门的非正式谈话中,他们对我们基于网络的CSA(客户服务应用程序)表示不满.在呼叫中心,每小时的呼叫是至关重要的,浪费大量时间在鼠标周围,点击按钮,在下拉列表中选择值等等.客户服务的目标者渴望得到的是回归键盘的美好时光具有极少视觉细节的驱动应用程序,只需要向CSR提供数据和处理呼叫所需的内容.

我不禁想起我们以前习惯使用的绿屏应用程序(以及我们之间经验丰富的经验).这样的应用程序不仅会更高效,而且对于使用的代表来说更健康,因为他们必须冒着全天通过Web应用程序进行数据输入的风险.

我希望保持基于浏览器的部署的便利性并保留我们在Microsoft堆栈中的现有投资,但是如何将这种键盘驱动的超简单绿屏概念提供给Web？

好的答案将链接到库,具有类似样式的其他Web应用程序,组织和优先键盘快捷键数据的最佳实践(不是如何添加它们,而是如何存储和维护快捷方式以及自动解决冲突等.

编辑:接受的答案不会是关于如何在网上做UI的小型讲座.我不希望任何链接,按钮或任何东西点击任何东西.

EDIT2:这个应用程序有500个用户,分布在北美的呼叫中心.我无法重新训练他们使用TAB键

Answer 1

我制作基于Web的CSR应用程序.你的经理忘了什么,现在应用程序要复杂得多.我们向代表提出的要求比15年前要多得多.我们收集更多信息并记录比以前更多的数据.

您应该专注于使Web应用程序更好地运行,而不是"绿屏"应用程序.例如,当它可以是输入字段时,没有年份下拉列表.确保taborder正确且合理,您甚至可以在每个字段分组旁边放置小数字以指示Tab键顺序.将不同的屏幕/选项卡分配给F键并在屏幕上表示它们.

如果操作正确,您应该可以在不使用鼠标的情况下使用Web应用程序,而不会降低工作效率.

利用AJAX,因此往返服务器不会改变光标的焦点.

在CSR应用程序中,您通常有几个默认值.你应该为每个默认值分配一个按钮,并允许csr按下1按钮以获得他们想要的默认值.这样可以减少点击和鼠标移动的数量.

同样非常重要您需要与CSR一起坐下来观看它们一段时间,以了解他们如何使用该应用程序.如果你还没有这样做,你可能会忽略简单的改变,这将大大提高他们的生产力.

Answer 2

body { background: #000; color: #0F0; }

更严重的是,完全可以将键盘快捷键绑定到Web应用程序中的操作.

您可以考虑教您的用户只使用Tab键 - 这就是我填写大多数Web表单的方式.选中一个选择列表,然后输入我试图选择的选项的前几个字母.如果页面没有使用结构和tabindexs进行愚蠢的事情,我通常只用键盘填写大多数Web表单.