GUI设计技术以增强用户体验

45

你知道或使用哪些技术来创建用户友好的GUI?

我可以列举以下几种我认为特别有用的技术:

  • 非阻塞通知(浮动对话框,如Firefox3中的弹出消息或在托盘区域的Vista弹出消息)
  • 没有“保存”按钮
    以MS OneNote为例。
    IM客户端可以自动保存聊天记录
  • 集成搜索
    不仅可以通过帮助文件进行搜索,还可以使UI元素可搜索。
    Vista朝着这样的GUI迈出了一大步。
    Microsoft Office中的Scout插件是一个非常好的想法。
  • 面向上下文的UI(MS Office 2007中的Ribbon工具栏)

你是否在你的软件中实现了类似于上述技术?

编辑:
正如Ryan P所提到的,创建可用的应用程序的最佳方法之一是将自己置于用户的位置。我完全同意,但我想在这个问题中看到的是具体的技术(如我上面提到的那些),而不是一般的建议。

21个回答

1

我喜欢遵循以下三个准则:

  1. 标准化 - 遵循已知的标准/模式,重复利用你尊重的所有产品中的想法
  2. 简单化 - 保持你的解决方案简单易变(如果需要)
  3. 优雅化 - 用更少的东西实现更多的功能

1

这里有一期非常棒的DotNetRocks播客节目,Mark Miller在其中谈到如何创建良好的用户界面。尽管该节目标题是.NET rocks,但本集讨论了如何创建用户界面以提高程序用户的生产力的一般规则。

以下是节目摘录:

通过遵循一些好的规则和避免常见错误,可以实现良好的用户界面设计。您不需要成为喝拿铁、纹身、携带MacBook的设计师来创建有效的用户界面。


1

在决定用户使用软件时要执行哪些个体任务之前,首先考虑用户的最终目标。书籍About Face对此类事情有很好的讨论,尽管相当长但非常有趣和富有洞察力。有趣的是,他们关于改进软件设计的建议中有多少似乎被用在谷歌文档中...

另外一件事,保持用户界面尽可能简单和清洁。


《关于界面设计,人类需要面对的真相》应该是任何想要设计一个良好用户界面的人的必读之作。 - Bryan Oakley

1

如果你在做企业软件,很多用户会使用低分辨率的小显示器。或者如果他们年纪大了,也会使用低分辨率的显示器以便看到巨大的按钮(我曾经见过一个24英寸左右的显示器上使用800x600的分辨率)。我有一台老旧的15英寸显示器,分辨率很低(800 x 600),这样我就可以时不时地查看程序在非理想条件下的外观。我知道企业用户基本上必须接受他们所得到的东西,但是如果你设计的窗体无法适应800x600的屏幕,那对任何人都没有帮助。


0

使用下拉菜单时,默认的下拉高度通常太低了(例如,winforms 的默认值为 8 个项目)。

增加它将节省用户点击的次数,如果项目数量较少,或者如果有很多项目,则使搜索下拉菜单更容易。

事实上,我认为没有使用所有可用空间是毫无意义的!

现在对我来说这一点非常明显,但例如,似乎连 VisualStudio 设计师也没有想到过(顺便说一句,如果您手动增加 Intellisense 的高度,它将保持这种方式,但这是离题了 :))


0
我会分享我的个人喜好:尽量避免使用对话框。一个真正好的用户界面几乎不需要弹出对话框,只有在万不得已的情况下才将其添加到程序中。
如果您想了解更多信息,可以查看开发人员易于消化的UI技巧

0

Coding Horror Blog 经常提供很棒的想法。以下是一些例子:

  • 探索性和增量学习
  • 自我记录的用户界面
  • 特性的增量搜索/智能键盘访问
  • 任务导向设计(使用功能区代替菜单和工具栏)
  • 提供撤销而不是持续确认

另一个方面:使用可伸缩图标来解决多个用户屏幕分辨率的问题,而无需维护不同分辨率位图。


0

0
我发现最好的技巧是将自己置于用户的角度。你希望从GUI中看到什么,就把它放在前面。这也使你有能力进行优先排序,因为那些事情应该首先完成,然后再从那里开始工作。
为了做到这一点,我尝试找到“有用性层次”,并从层次中添加/删除,直到看起来整洁为止。基本上,为了找到这些层次,我列出GUI需要具备的所有功能、应该具备的所有功能以及可能具备的所有功能。然后,我将它们分组,使每个东西都有逻辑顺序,而这些分组成为“层次”。从这些层次中,我添加最重要的功能(或日常操作所需的功能),这成为最突出的部分,并围绕这些项目开展其他功能。
其中最困难的事情之一是导航,因为你有很多东西要给用户,如何使其有用,这就是层次真正有用的地方。它使得易于看到如何布局菜单,其他部件如何交互,哪些部件可以隐藏等等。

我发现最简单的方法是从日常工作中观察和了解用户的功能,这将使您更容易理解他们的需求(最好的方法是亲身体验他们的工作几天)。然后进行一些演示,并将它们展示给用户,即使它们只是纸质原型(有一本名为《纸质原型》的书介绍了这个过程,作者是Carolyn Snyder)。然后开始构建并将其放在用户面前,经常让他们试用。

我还推荐O'Reilly出版的Jenifer Tidwell所著的《设计界面》一书。


0

你所提供的列表项目真的是情况依赖性很强 - 因应各种不同的应用程序,这些项目将会有所不同。有些应用程序需要一个保存按钮,而有些则不需要。某些状况会需要模态对话框,而另一些则不需要。

我设计可用界面最重要的法则:遵循现有的 UI 约定。没有什么比一个用户从未使用过的 UI 更令人困惑的了。Lotus Notes 是有史以来最糟糕的用户界面之一,几乎完全是因为他们与他们所做的所有事情都违反了常见的 UI 约定。

如果你在考虑如何设计你的 UI 的某个部分,请想一些标准/知名的应用程序,看看它们如何实现它。


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