设计有效界面的原则

Tognozzi界面设计原则

• 预测：系统应该能够预测出用户的下一个步骤。
• 传达：界面应该能够传达由用户启动的任何活动的状态。传达可以是明显的，也可以是隐含的。界面也应该在内容层次中传达用户的状态。
• 一致性：在整个系统内，对导航控制、菜单、图标和美学（例如，颜色、形状和布局）的使用应该是一致的。例如，如果带有下划线的蓝色文本表示导航链接，那么内容就不应该包含不表示链接的蓝色有下划线的文本。最后，界面的每个特征都应该以和用户期望一致的方式来响应。
• 自治：界面应该辅助用户在整个系统中移动，但是辅助的方式应该坚持使用哪些已经为应用建立起来的导航习惯。例如，对系统安全部分的导航应该受到用户ID和密码的控制，而不应该提供能使用户避开这些控制的导航机制。
• 效率：系统的设计和界面应该优化用户的工作效率，如果要达到这个目标，也是实现工程师和人机界面设计者之间密切不断的合作、沟通和共谋的需求的关键。
• 灵活性：界面应该足够灵活，既能使一些用户可以直接完成任务，也能使另一些用户以比较随意的方式浏览。在每一种情况下，界面都应该能够使用户认识到他们在哪里，并且给用户提供撤销错误以及从选错的导航路径返回的功能。
• 焦点：界面（和界面表示的内容）应该保持以手边的用户任务为焦点。
• 费茨法则：到达目标所用的时间是到这个目标的距离和目标规模的函数。如果一个用户任务定义了选项或标准化输入的顺序（选项有很多不同的排列顺序），那么第一个选择（例如，鼠标的选择）物理上应该与下一个选择靠的很近。
• 用户界面对象：大量可用的人机界面对象（和类型）库已经为WebApp开发出来。使用这些对象库。一些最终用户所能“看到的、听到的、接触到的或者以别的方式感知到的”[Tog01]任何界面对象都可以从大量对象库中获得。
• 缩短延时：系统不应该让用户等待一些内部操作的完成（例如，下载一个复杂的图形图像），而应该使用多任务处理方式，从而使用户继续进行处理工作，看起来就好像前面的操作已经完成了一样。除了减少时间，如果有延迟事件发生，则必须通知用户，从而使用户了解正在发生的事情，包括：1）在选中选项后，如果系统没有立即做出响应，则应该提供声音反馈（例如，点击声或者铃声）；2）显示一个动态时钟或进度条来表示处理工作正在进行中；3）当产生漫长的处理过程时，提供一些娱乐活动（例如，一个动画或者文本演示）。
• 易学性：一个WebApp界面应该设计为学习型时间是最少的。并且一旦已经学习过了，当再次访问此WebApp时，所需要的再次学习的时间也是最少的。一般来说，界面应该强调简单、直观的设计，把内容和功能分类组织，这样对于用户来说直观。
• 隐喻：只要隐喻适合于应用和用户，使用交互隐喻的界面就更加易于学习和使用。隐喻应该采用用户熟悉的图片和概念，但是不必是现实世界的精确再现。例如，一个为金融机构实现自动账单支付的电子商务网站，使用支票簿隐喻来帮助用户对账单支付进行详细说明和安排账单支付活动。
• 保持工作产品的完整性：工作产品（例如，用户填写的一张表单、用户专用的数据清单）必须被自动保存，使得在有错误发生时这些信息不会丢失。
• 易读性：不论对于老人还是年轻人，界面展示的所有信息都应该是易读的。界面设计者应该着重选择易读的字体、字号以及可以增强对比效果的背景颜色。
• 跟踪状态：在合适的时候，应该跟踪和保存用户交互的状态，使得用户能够推出系统，并且在稍后返回系统时又能回到他们推出的地方。一般来说，可以设计Cookies来存储状态信息。然而，Cookies是一种备受争议的技术，其他的设计方案也许对于某些用户来说更合适。
• 可视的导航：一个设计合理的WebApp界面提供了“一种假象，即用户在同一个地方没有动，工作被带到了他们的面前“。当使用这种方法时，导航就不再是用户关心的事情了。相反地，用户检索内容对象，并选择功能，这些功能都是通过界面显示并执行的。
• 这些设计原则都应该应用于创建初步界面设计的时候和审查设计的时候

Nielsen和Wagner界面设计原则

• 对电脑屏幕的阅读速度比对书本的阅读大概要慢25%。因此，不要强迫用户阅读大量的文本信息，尤其是当文本的内容是解释WebApp的操作或者辅助导航的时候。
• 避免”正在建设中”的标记——用户满怀期望而来，但是却看到这么一个不必要的链接，肯定会很失望或者很沮丧。
• 用户不喜欢使用滚动操作。重要的信息应该布置在一般浏览器窗口都可以显示的范围内。
• 导航菜单和标题条的设计必须是一致的，并且应该出现在用户可用的所有页面上。设计不应该依赖于浏览器功能来辅助导航（例如，返回箭头）。
• 美学效果永远不应该取代功能性。例如，比起一个漂亮的但是内容不明确的图像或图标，一个简单的按钮可能是更好的导航选择。
• 即使对于一些临时的用户，导航选项也应该是明显的。不应该让用户不得不满屏幕搜索才能决定如何链接到其他的内容或服务。
• 一个好的界面设计能够提高用户对网站提供的内容或服务的理解程度，它并不一定要有闪烁的动画，但是应该是结构合理及功效健全的。
• 用户界面是访问WebApp内容和功能的窗户。在很多情况下，界面塑造了用户对系统质量的看法。如果“窗户”污脏、不平或者破损。那么用户可能会拒绝强大的功能和内容。事实上，一个设计拙劣的界面可能造成一个具有良好的设计和稳固的实现的应用的失败。

• 大量原则和指导规则可以帮助设计者创建有效的用户界面。可以总结为如下规则：1）置用户于控制之中；2）让界面易于交互；3）保持界面的艺术性和一致性。应当进行一个有组织的设计过程以实现遵守这些规则的界面。

• 参考：Web工程实践者的研究方法