适用于面向业务、需要大量数据录入(增删改查)的应用程序的GUI设计好例子

36

我在哪里可以找到一些非常出色的企业级 y 软件示例,它们具有以下特点:

  • 良好、一致的键盘快捷键使用。
  • 良好的键盘表单导航。
  • 标准化的表单验证。
  • 标准化的 查找/搜索 屏幕使用。(用户被要求提供客户 ID,不知道该如何输入,但可以从弹出窗口中查找并返回)
  • 标准化的可用性/LaF 约定。

希望能看到从简单的 CRUD 屏幕到针对 CRM/ERP/金融/风险评估等应用程序的非常复杂的面向过程的 GUI 的样本。基本上是具有大量条目字段,定义某些业务流程的 GUI。


1
仍然希望看到更好、更具体的答案。 - Sake
8个回答

53

我没有任何例子可以指出。事实上,这些屏幕中很多可能很难在网上找到,因为它们大多数都很“丑陋”。这些类型的屏幕很少是美观的。

我可以提供一些经验丰富的技巧。

  1. 保持一致性。 让所有的东西“工作相同”,并且一直工作相同。基本上,你应该只能看着表格就能输入,而不需要看屏幕。所有那些闪光、小计和颜色在输入时都没有必要,但在输入完后,这些东西还是挺好的。在用户发现他们4个字段之前错误输入了一个字段时,需要使用语音警报来让他们知道“有错误发生了”。用户并不是完全盲目的,但他们不会一直盯着你的屏幕。数据都在表格上。

  2. 最好工作于模态,并停止错误而不是让他们继续进行。 对于大型表格,在事后扫描所有信息并查找错误非常困难。当他们犯错时,让他们停下来进行修正并继续前进,而不是在最后回来进行修正。表格上的业务规则、验证和强制执行越多,越好。当需要他们的注意时,使用弹出窗口、警报和选择器等模态界面。他们在这里不是在玩泥巴。他们不是在写《美国伟大小说》或者建模全球经济。

  3. 总结结果进行抽查。 例如,在输入订单时,他们应该能够查看订单总数和行项目数,以检查是否将订单“正确”地输入为一种校验和,而不是逐个字段地扫描他们的输入。大多数工作流程都有一个不可避免的交叉检查阶段,在此阶段他们需要确认其输入数据的准确性,但这应该是在进行“原始键入”后进行的。人们在进行“批量输入”模式时会更快,而不是每次输入时都进行抽查。这会破坏他们的节奏。在基本验证和输入完成后,使检测并纠正异常更加容易。如果有些字段比其他字段更重要(你知道哪些是),在屏幕上和纸质表单上视觉上突出显示它们可以起到很好的效果。

    如果表格和相关内容设计得好(包括计算机表格和纸质输入表格),那么错误输入会很困难(例如输入错误的客户或物品等)。你可能会在一些注释或特殊说明中写错字,但在其他地方不会那么常见。如果他们在输入物品或数量时键入错误,订单的总数可能就不正确,所以简单的校验和可以帮助他们捕捉到这个错误。

  4. 回到“一致性”,确保选择器等操作都是一样的。尽量减少特殊功能,这简化了培训并让用户能够流畅地进行工作。 键盘快捷键和导航是必需品,而不是选项。 这里真正痛点可能是详细区域(即表结构)。您可能需要一种快捷方式来进入和退出表结构。您可能已经看到过很多例子,可以在表格中“Tab”输入,但无法通过“Tab”返回。有一个专用的“元制表符”键以进入和退出各个部分。需要使用鼠标导航离开某个部分是不可行的。 为选择器设置单个热键。理想情况下,他们不需要经常使用这些。也许是为了查找客户,他们大多数其他代码都会被记忆或将在录入表单中键入。使选择器可过滤。 滚动是魔鬼。滚动是罪恶的。 不要滚动!翻页比滚动更好,因为“字段不会移动”,它们始终“在屏幕上的同一位置”。您有多少次“滚动”并且必须搜索以重新获得上下文才能“从滚动开始”,以恢复上下文。即使对于选择列表,分页也非常有效,因为页面更改会让他们知道他们实际上“做了些什么”的视觉效果。许多时候,你滚动一个行,“天啊,我真的做了吗?”单行滚动可能过于微妙。对于大型录入表单,每周多页打败了长时间的滚动论文。如果您的表格太大,请确保有一个热键以在表单中前后移动,并确保每个页面都有一些上下文信息(客户名称、订单号码等...简单标头)。 强大的查询。“按示例查询”是最好的机制之一(即他们填写表单“他们所知道的”并返回表格)。人们需要根据疯狂的标准查找数据,如果几乎每个字段都可以查询,则无需您再次猜测他们需要什么或不需要什么。Informix 4GL曾经拥有出色的QBE系统(> 04/01/09表示2009年4月1日后的日期,12345|23456表示商品代码12345或23456)。良好的QBE表达式很可能无法在典型字段中验证,这是特殊情况。(这就是为什么今天很少看到QBE,因为它需要太多的工作--但它是非常好的。)请记住,用户不知道做事情的为什么如何,他们只知道要做什么。 他们知道“当我想做A时,我按键Y,他们不知道为什么是Y,Y在哪里,键X和Z可能因为它们被分组在一起而执行类似A的操作。不,他们不知道你的命令分类法。他们不知道你的抽象概念。他们只知道要做A,按Y键。想要加粗一个单词吗?键入Ctrl-B。也许对你来说,通过助记符,用Ctrl-I来给一个单词斜体字是很明显的,但对大多数用户来说并非如此。也许Ctrl-BCtrl-I格式菜单上,很好地分组在一起。这不重要。Ctrl-B等同于加粗,那斜体字应该怎么做呢?

    这些界面的缺点是需要培训。 在实际情况中,对于任何相当复杂的业务,用户都需要接受更多培训才能使用。输入屏幕并不会教给他们业务方针、业务规则等内容。您可以在应用程序中强制执行这些规则,但用户还是需要自己掌握它们。

    但这没关系,因为从长远来看,这样做更加高效。重要的是以一种一致的方式从用户那里获取数据并向他们呈现。我不会说“逻辑”的方式,因为虽然逻辑可能是逻辑,但可能不是用户的逻辑。所以,如果你想要合乎逻辑,随便怎么称呼,但要对你的用户保持一致。

    另一个轶事是,我们曾经用10键盘输入数据。 这往往只是数字列表,例如项目代码和数量。 对于我们的目的来说,最快的方法就是让用户连续两次键入这些数据。 它可以捕获打字错误、转置等问题。 结合批处理校验和可以使输入工作更快。 这些人只在开始、完成和出错时看屏幕。

    最后,无论如何,您的屏幕和程序都将发生变化。 今年使用的任何形式,明年都会改变。 这就是现实,所以,提前准备好吧。

    祝你的项目好运。


这是一个很好的总结,正是我所需要的。非常感谢! - Camilo Díaz Repka
感谢格式化,@voyager,看起来很棒。 - Will Hartung
@Will Hartung:不客气 :) - Esteban Küber
1
哇,多么棒的答案啊!+8!(这是一个无限大,侧过来的) - Jay

5

是的,它们制作得非常好,但它们并没有我正在寻找的那种屏幕(主要是在复杂的CRM / ERP应用程序中看到的那种屏幕)。 - Camilo Díaz Repka
@Camilo:也许你应该考虑一下 37signals 的 Getting Real(http://gettingreal.37signals.com/)方法,因为你的应用程序似乎有很多复杂性。Getting Real 将帮助你设计出有效和有用的用户界面,让用户感到满意。 - Matt Kocaj
@CamiloDíaz 这很有趣,因为他们的其中一个应用程序是CRM。 - pc1oad1etter

3
我曾经使用过很多应用,但很难记住哪个具体的应用有良好的用户界面。相比之下,那些糟糕的应用则更加难以忘记。任何对Lotus Notes抱怨的人显然没有使用过SAP或ORACLE基于表单的应用。
为了提高效率,我建议您看看旧版的SABRE航空预订应用程序。两行文本,没有空格或其他标点符号。第一行是航班信息,第二行是付款细节。类似这样的信息就可以预定并支付机票:
123109BA176Y
276.00GBPAM1122123412341234

旅行社对此上瘾,多年来拒绝接受超级棒的Windows GUI替代品,而是启动绿屏终端仿真器。我认为只有当航空公司转换为三个字母代码和四位数字航班号码时,它才死亡了。

更正一下。上个星期我订了一张飞机票,代理打开了像他父亲以前那样的“绿屏”界面。 - James Anderson

3
你知道吗,有一个Openerp,你可以免费获取程序、源代码和文档。
注:如果你无法打开此链接,请在谷歌中搜索openerp。

我不是那个给你点踩的人,但是你的链接已经失效了。 - Bryan Anderson
我可以跳转到那个地址,我认为问题在于你无法打开链接。去谷歌搜索Openerp,看看能否打开链接。 - linjunhalida
服务器有点慢,但我可以正常打开链接。然而,他们的界面并没有给我留下太深刻的印象。 - Calvin

2

我认为Dashboard Spy网站是一个非常有启发性的网站,特别是在IT技术方面。


从严格的美学角度来看... - Ian Roke

2

1

你应该真正参观一下界面失格大厅,那里不仅有史上最奇怪的图形用户界面,而且还有对于它们所产生的可用性问题的解决方案。


1
答案中给出的链接已经失效。 - Dinesh Raja

0
也许你应该考虑37signals的Getting Real方法,因为你的应用程序似乎有很多复杂性。Getting Real将帮助你设计出有效和有用的用户界面,让用户感到满意。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接