如何制作“绿屏”网络应用?

时间:2009-08-11 20:40:35

标签: c# user-interface hotkeys

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

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

我希望保持基于浏览器的部署的便利性并保留我们在Microsoft堆栈中的现有投资,但是如何将此键盘驱动的ultra-simple greenscreen concept提供给网络?

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

编辑:接受的答案不会是关于如何在网上进行用户界面的小型讲座。我不希望任何链接,按钮或任何东西点击任何内容。

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

5 个答案:

答案 0 :(得分:11)

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

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

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

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

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

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

答案 1 :(得分:5)

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

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

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

答案 2 :(得分:3)

由于我不得不随着时间的推移使用其中一些应用程序,我会以用户FWIW的形式提供反馈,也许它可以帮助您帮助您的用户:-)对不起,它有点长但主题非常接近我的心 - 我自己为这样一个系统制作了“改进的”界面原型(根据我们的计算,它可以节省非常非常重要的金额并避免用户不满意)然后带领团队实施了它。

我注意到有一个常见的问题,有很多CRM:屏幕上有20多个字段,其中一个通常使用4-5来执行90%的操作。但是无论如何都需要点击不必要的字段。

当然,我对这个假设可能是错的(在我的情况下,有很多用户使用该系统具有不同的功能)。但是,请尝试与用户坐下来,看看他们如何使用应用程序,看看你是否可以优化UI的方式 - 或者,如果真的是不知道如何使用“TAB”(他们真的每次需要使用这20个字段中的每一个) - 你将能够指导其中的一些并检查这是否足够 - 然后为整个组织推出培训。确保您具有直观的热键支持,并且如果列表包含2000个项目,则用户无需手动滚动以找到正确的项目,而是可以使用FF的功能通过键入其文本的开头来选择项目。

通过查看应用程序的使用模式然后相应地优化UI,您可能会学到很多东西。如果您有多个使用系统的组织功能 - 那么每个组织的“理想用户界面”可能会有所不同,因此要实施的问题以及是否成为业务决策。

还有其他一些对用户来说很重要的小细节 - 有时你认为它们实际上是他们的主要输入字段 - 而且他们有一个空的textarea占用了屏幕的一半,而他们必须将真正重要的数据输入到角落某处的小文本字段中。或者在他们的屏幕分辨率中,他们需要水平滚动(或者,完全滚动)。

再次,坐下来与用户和观察应该揭示这一点。

还有一个问题:“开发人员硬件太快”现象:许多网络开发人员倾向于使用高分辨率的大型显示器,显示出非常强大的PC的输出。当结果显示在CSR笔记本电脑屏幕上的1024x768岁的笔记本电脑上时,布局看起来与预期的完全不同,以及渲染性能。调整,调整,调整。

最后 - 如果您的组织在地理位置上分散,始终使用等效的最长延迟/最小带宽链接进行测试。在本地进行测试时看不到这些问题,但在WAN上使用系统时会增加很多麻烦。简而言之 - 尝试在对应用程序进行任何测试/开发时使用最坏情况 - 然后这会让您感到恼火,并且您将优化其使用 - 那么处于更好状态的用户将会对此感到高兴。应用性能。

如果您正在使用“绿屏应用程序” - 那么可能为高级用户提供单个长文本输入字段,他们可以在CLI类型中键入所有信息,只需点击“提交”或者 ENTER键(虽然这个设计决定不是一件容易的事,因为这是很多工作)。但每个人都需要意识到“绿屏”应用程序的学习曲线相当陡峭 - 这是从业务角度考虑的另一个因素,以及损耗率等。问老板典型的代理人停留多长时间在同一个地方,如果他们需要一个3个月的任期来全速运转,他们将如何影响生产力。 :)有一个平衡点不是由程序员单独决定,也不是由管理层单独决定,而是需要共同努力。

最后是一个附注,以防你有“超级用户”:你可能想看看conkeror作为浏览器 - 虽然本身相当慢,但它看起来非常灵活仅限键盘的控制视角。

答案 3 :(得分:2)

当他们说重新设计的第一要务应该是去和/观察你的用户并看到他们有问题时,我不能同意其他人。如果您发现最常见的任务和用户最常见的错误并简化现有UI的范围内,我认为您会看到更多的投资回报率。我意识到这不是一件容易的事情,但是如果你能把它拉下来,你会有更多更快乐的用户(因为你已经解决了他们的工作流程问题)和更快乐的老板(因为你没有拥有公司的钱)在一个全新的UI上重新训练所有用户。)

在阅读了其他人的答案和评论后,我想解决其他一些问题:

  

编辑:接受的答案不会是关于如何在网上进行用户界面的小型讲座。我不希望任何链接,按钮或任何东西点击任何内容。

我并不是说要争论,但这听起来像你已经下定决心而没有想到对用户的影响。我可以立即看到这种方法的一些陷阱:

  • 绿屏式UI可能 为您的用户提高效率。对于 例如,平均年龄是多少 你的用户?大多数人25和 年轻人几乎没有 接触这些类型的用户界面。 突然强加这种 他们的接口可能导致 来自用户的强烈反对主要。举个例子,看看发生了什么 当Facebook决定改变它的时候 UI到“流”的概念 - 巨大 来自用户的愤怒!
  • 网络并没有真正考虑到这种界面。我的意思是人们在访问网站时不习惯使用类似命令行的界面。除文本外,他们还期望视觉媒体(图像,按钮,链接等)。如此大幅度地改变可能会使您的用户感到困惑。
  • 编程这种类型的界面将是艰难的。正如我在上一点所述,网络与命令行或纯文本接口不兼容。诸如功能键,键盘快捷键(如ctrl-和alt-)之类的东西都支持得很差且不一致,这意味着你必须想出自己的方式来访问标准的东西,比如帮助(因为F1会映射到网络浏览器的帮助,而不是你的应用程序)。
  

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

我认为这个论点真的只是一个稻草人。如果您要引入全新的UI,则必须对其进行培训。实际上,应该假设对您的UI进行任何更改都需要以某种形式进行培训。像在UI中添加选项卡导航这样简单的事实在培训部门中实际上相对较小。如果你这样做,很容易在UI中发送一个“方便的新功能”电子邮件,甚至更好,有一些“当天的提示”(用户可以切换,当然)告诉他们关于标签导航等节省时间的功能。

我不能在这里为其他海报发言,但我确实想说,我希望你不要认为我们在这里过于争论,因为那不是我们的(好吧,我的)意图。相反,反应来自于我们听到您的UI的想法,而不是确信它对您的用户来说一定是最好的。我们非常欢迎您说我错了,这就是您的用户将从中受益最多的内容;但在你做之前,请记住,在一天结束时,最重要的是你的用户,如果他们没有购买你的新用户界面,那么没人会。

答案 4 :(得分:0)

在开发时,它更像是一种以键盘为中心的心态。我尽可能地使用键盘,我构建的应用程序倾向于显示(因此可以快速浏览我的用例)。

使标签顺序正确的简单操作可能是您的所有应用程序需求(我想我不确定您是否可以在ASP.NET中设置它...)。其余的很多控件都会自动完成。