开发数据输入网站

不幸的是,快速数据输入!=网络应用程序。

如果你 必须 然后这样做

• 将javascript保持在绝对最小值。毕竟,我们在追求进入速度,谁知道他们将运行哪个浏览器。如果您决定在其中放置一些东西来自动将它们带到下一个字段,请确保绿色屏幕已经在执行此操作,并且您完全模拟了该逻辑。
• 确保元素的标签顺序与绿色屏幕的标签顺序完全相同,否则无论您做什么或您认为它会使它们“更有效率”,它们都会讨厌它。
• 确保页面具有与以前完全相同的字段。
• 基本上, 别想了 关于重组 任何东西 马上。从终端到网络的转变已经让人不安了。然而,如果一切都像以前那样运作,那将是轻微的抱怨,而不是彻底的反抗。
• 跳过任何图形。使用简单的CSS进行样式/着色。任何图形都会降低页面加载速度,有时只是一点点。

只是为了重复,保持简单,做以前的事情,最小化页面大小和页面工件(CSS、JS、图像等),不要引入任何新的东西。变革管理可能是一件困难的事情,无论你做了什么,都要记住你正在改变他们的工作,即使只是稍微改变一点。被数据输入工作吸引的人 从未 喜欢改变,会抱怨的。唯一的问题是要多少钱。

在它被部署并开始使用之后,在您开始听取反馈(而不是彻底的错误)之前等待一两个月。立即修复)。这将给他们时间去适应它,并开始提出非情绪化的建议。

长一些厚的皮肤。在某种程度上,一位副总裁或高级经理将要进行竞选活动,以回到过去的做事方式。这很好,应该是意料之中的,他们也不喜欢改变,即使他们是那些要求改变的人。

接下来,在部署应用程序之前,不要指望数据输入团队会查看它。当然,让团队中的一些人不时地查看它(甚至测试它)听起来是个好主意。然而,他们会认为他们有“更好的事情要做”,并且不会提供任何有用的反馈,除非他们被迫使用它,因为他们没有其他选择。期待这个。

最后,在开始执行此路径之前,请确保您具有执行级别支持。在某种程度上,他们将与不满意的数据输入管理者面对面。如果他们认为返回甚至都不是一个选择,这会有所帮助。

我一直在使用extjs做数据输入Web应用程序。它在大多数浏览器下运行非常快(速度较慢,但在IE中工作)。如果你需要极快的速度,旧的版本会更快,值得一看。API是经过深思熟虑的,有一个陡峭的学习曲线,但是一旦你了解了事情的工作原理,你就可以非常有效地使用它。

它有许多窗体小部件,具有键盘绑定、验证、输入屏蔽、异步保存等功能。框架是我找到的构建数据输入Web应用程序的最佳框架。如果您只想在用户完成后使用更大的表单或多个屏幕,也可以独立于服务器使用它。

我建议你不要这样去Silverlight-虽然你可以用它做一些很酷的事情,但是这些控件的响应速度比普通的HTML控件慢一分之一秒,即使是很小的延迟也会让那些习惯于即时响应的用户恼火。你只需要放慢一点速度,他们的日常生产力就会下降。找出他们目前的进入率是多少,做原型看看你是否能接近它。您还必须注意如何保存输入的记录-您也不想在那里引入延迟。

你还需要考虑验证——你需要这样做,但你不想对它过于冒进。

我不想成为你的聚会扫兴者,但我真的怀疑你能让一个网络应用程序在任何地方都能像他们习惯的终端绿色屏幕一样快-你可能还想评估一个桌面应用程序的数据输入。你将面临一项艰巨的任务:)

我想您可以将一些可以处理此问题的表单组合在一起,但如果您希望用户能够在不看屏幕的情况下使用它,则需要考虑一些额外的事项:

• 这意味着没有下拉列表、复选框等,只有文本框、文本区域,
• 这个 jQuery AutoTab Plugin 这可能非常有帮助,因此它会自动将它们从一个字段移动到另一个字段
• 如果它们被用于键盘快捷键,我也将包括这些快捷键。再一次,这里是 jQuery plugin 为此。

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

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

我想说,通过正确地结合使用javascript/jquery和基本的HTML,您可以设计一个内部使用的页面,以便快速输入有关的信息。我的公司有一些网页屏幕,当达到最大长度时,我们使用javascript自动跳到下一个表单字段。例如,使用4个不同的文本框收集信用卡号。在框1中输入4位数字后,光标跳到框2。此外,还可以设置输入字段,使它们可以按正确的顺序切换到下一个字段。

我看到过在网页上添加键盘快捷方式的参考。我自己从来没有做过,所以我不确定是怎么做的。但我认为Javascript可以用于这个功能。