开发用于数据输入的网站

Question

我们正在开发一个网站来取代旧的绿屏数据录入应用程序。问题是我们的用户习惯于通过屏幕飞行（即盲目打字......他们从不需要看屏幕或他们的手指）。他们对移动到网络非常紧张，我希望通过向他们展示一些处理数据输入的网站示例来缓解这种紧张情绪。

有什么建议吗？

更新

澄清“飞越屏幕”评论，这是典型用法：

• CSR登录，有一堆客户 坐在她身边的账单
• 用户点击E并从帐单顶部输入自定义名称
• 用户从账单输入账单/发票信息，这是在5个屏幕上延伸但用户永远不需要从账单中查找
• 所有打字都是“盲目的”（因为他们不看键盘或屏幕）......他们在整个数据输入时平均超过50wpm（这是一个非常快的平均值）......并且没有经验等待
• 沿途有许多键盘快捷键，即日期，用户查找，项目查找等。用户无需在键入时从屏幕上查找
• 完成后，用户点击P预览并在屏幕上查看发票/对帐单以验证总计和项目
• 错误率低于1％，非常适合手动输入数据

Answer 1

不幸的是，快速输入数据！=网络应用

如果你必须这样做，那么

• 将javascript保持在绝对最低限度。我们毕竟是在进入速度之后，谁知道他们将运行哪个浏览器。如果您决定在那里放置一些内容以自动将它们带到下一个字段，请确保绿色屏幕已经在执行此操作并且您完全模仿该逻辑。
• 确保元素的Tab键顺序与绿色屏幕完全相同，否则无论你做什么，或者你认为它会产生多少“更高效”，它们都会讨厌它。
• 确保页面与之前的字段完全相同。
• 基本上，甚至不想关于重新组织任何事情。从终端到网络的变化已经令人心烦意乱。但是，如果一切都像以前那样完全正常，那将是轻微的抱怨，而不是彻底的反抗。
• 跳过任何图片。使用简单的CSS来设计/着色的东西。任何图形都会减慢页面加载速度，有时只是一点点。

只是为了迭代，保持简单，完全按照以前的做法，最小化页面大小和页面工件（css，js，图像等），不要引入任何新的东西。变革管理可能是一件困难的事情，无论你做什么都记住你正在改变他们的工作，即使只是一点点。被数据录入工作所吸引的人从不喜欢改变并且会发牢骚。唯一的问题是多少。

在部署并开始使用之后，等待一两个月才开始收听反馈（除了彻头彻尾的错误。立即修复）。这将使他们有时间适应它并开始提出非情绪化的建议。

长出一些厚厚的皮肤。在某些时候，副总裁或高级经理将会竞选回到过去的做事方式。这很好，应该是预期的，他们也不喜欢改变，即使他们是那些要求它的人。

接下来，不要指望数据录入团队在部署之前甚至会查看您的应用。当然，他们的团队中有几个人时不时地看着它（甚至测试它）听起来是个好主意。但是，他们会认为他们有“更好的事情要做”，并且在被迫使用之前不会提供任何有用的反馈，因为他们没有其他选择。期待这个。

最后，确保在开始此路径之前有exec级别支持。在某些时候，他们将面对不满意的数据录入管理人员。如果他们认为回归甚至不是一种选择，那将会有所帮助。

Answer 2

我一直在使用ExtJS进行数据输入Web应用程序。它在大多数浏览器下运行速度非常快（较慢但在ie中工作）。如果您需要极快的速度，旧版本更快，值得一看。 API经过深思熟虑，有一个陡峭的学习曲线，但一旦你理解了它的工作原理，你就可以非常高效。

它有许多窗体小部件，内置键盘绑定，验证，输入屏蔽和异步保存。该框架是我用于构建数据输入Web应用程序的最佳选择。如果您想在用户完成时只需更大的表格或多个屏幕，它也可以独立于服务器使用。

Answer 3

我建议你不要使用它来使用Silverlight - 虽然你可以用它做很酷的事情，但控件的响应速度可能只比普通的HTML控件慢一点，即使是少量的延迟也是如此。会让那些习惯于即时回应的用户感到烦恼。你只需要减慢它们的速度就可以降低它们的日常生产率。找出他们目前的入境率，并做原型，看看你是否可以接近它。你还必须小心如何保存输入的记录 - 你不想在那里引入延迟。

你还需要考虑验证 - 你需要这样做，但你不想让它变得突兀。

我不想成为派对的人，但我真的怀疑你可以让一个网络应用程序与他们习惯的终端绿色屏幕一样快 - 你可能还想评估用于数据输入的桌面应用程序。你面前有一项艰巨的任务：）

Answer 4

我想你可以把一些可以处理这个问题的表单放在一起，但是如果你希望用户能够在不看屏幕的情况下使用它，则需要一些额外的考虑因素：

• 这意味着没有下拉菜单，复选框等。只是文本框，textareas，
• jQuery AutoTab Plugin对此非常有用，因此会自动将它们从一个字段移到另一个字段
• 如果他们习惯使用键盘快捷键，我也会将其包括在内。再一次，这是一个jQuery plugin。

Answer 5

如果键盘快捷键是最重要的部分，那么我建议显示谷歌文档 - 他们甚至用他们的保存操作覆盖cmd + s，在第一次使用时肯定给我留下了深刻的印象。

Answer 6

我不确定您是否会在公共网站上找到很多好的例子。大多数网站旨在通过各种形式帮助指导网站的“新手”，而不是专注于输入速度和效率。

我想说javascript / JQuery和基本html的正确组合，你可以设计一个内部使用的页面，可以快速输入信息。我的公司有一些网页屏幕，我们使用javascript自动跳到下一个表单字段，当达到最大长度。一个例子是使用4个不同的文本框来收集信用卡号。一旦将4位数字输入box1，光标就会跳转到box2。此外，可以设置输入字段，使其可以按正确顺序标记到下一个字段。

我看过有关向网页添加键盘快捷键的参考资料。我自己从未这样做过，所以我不确定它是如何完成的。但我认为javascript可以用于该功能。