《众妙之门——网站UI设计之道01》.pdf

第一章 现代网络应用程序中的 用户界面设计 Dmitry Fadeyev 什么是用户界面 （UI）设计? 什么是有效的用户界面设计? 你打算如何把用户界面设计得更好? 这一章，我们就来了 解一下现代互联网应用程序中可视用户界面设计的理论演化和 技术更新。 什么是用户界面? “在你使用工具完成任务的过程中，你所做的操作以及工具的响应， 这些结合起来构成了界面。”—Jef Raskin 用户界面设计并不仅仅是考虑如何摆放按钮和菜单，更为 重要的是考虑应用程序或设备如何与用户互动；更多时候，还 要考虑产品与多个用户之间的互动。这就意味着，用户界面设 计不仅要做出好看的产品外观， 用户在第一次使用一个界面时， 还要做出好用的产品。这不仅仅 仍然能发现某些元素是他们所熟 是调整一下按钮的位置、给他们 知的。 选选颜色，而是要为完成一项任 务而选择正确的工具。一个特殊的界面，是否需要使用按钮? 如果确实需要，那么这些按钮将完成什么样的工作? 这个按钮 需要如何设计，才能让用户了解这个应用程序的工作方式，并 且轻松达到用户的目的。 在产品的开发周期中，尽早开始用户界面设计至关重要， 1 正如 Jef Raskin 所说：“对消费者而言，界面就是产品 ”。 用户一直看到和使用的都是用户界面，而不是深藏在应用程 序背后的技术体系结构。把界面做好，这将极大地提高用户 使用产品的愉悦感，用户也能很容易就掌握产品的使用。所 以先从界面设计开始，然后再开始应用程序后台引擎的编码， 要好于先开始编码，再给他包裹一层界面。 什么因素能成就一个伟大的用户界面？ 1　Raskin,J. 2000 The Humane Interface Addison Wesley 。  众妙之门 — 网站 UI 设计之道 在我们开始着手设计用户界面之前，首先应该理解什么样 的用户界面才是出色的用户界面，我们的设计要具备哪些品质 才够得上是出色的界面设计。所有伟大的用户界面大都具有下 面这八个品质或特点。 1. 清晰。通过使用文字、流程图、层级图、图标等元素， 避免用户对界面的模糊认识。清晰的界面不需要手册，同时还 能确保用户在使用的过程中减少犯错。 2. 简洁。为了让界面清晰，可以通过在所有元素上添加浮 动框的说明或者标签这种简单的方法来实现，但这样做会导致界 面膨胀臃肿。如果电脑屏幕上同时充斥了太多的东西。找到你想 要的东西是非常困难的，用户使用起来就觉得困难乏味。如何让 界面同时保持简洁和清晰，这正是设计伟大界面的挑战所在。 3. 熟悉。人们总是对之前见过的东西有一种熟悉的感觉， 有的界面即使是第一次使用，其中的有些元素我们还是会感觉 很熟悉。在设计过程中，使用一些现实生活中公认的意象能够 更好地帮助用户理解。例如，文件夹样式的选项卡通常在网站 和应用程序中起导航作用，人们很快就能认识到它的导航作用， 因为现实生活中，我们也是通过文件夹来分类资料的。 4. 响应性。这意味着两件事情。首先，响应必须迅速，一 个良好的界面不应该让人感觉反映迟缓。其次，界面应该提醒用 户发生了什么事，用户的输入是否被成功地处理，让用户了解这 些信息反馈。并且明确告诉用户，您的请求已经被成功受理。 5. 一致性。在整个应用程序中保持界面一致是非常重要的， 这能够让用户识别出使用的模式。一旦用户学会了界面中某个 部分的操作，他很快就能知道如何在其他地方或其他特性上进 行操作，就好像他们早就知道似的。 6. 美学性。尽管你不需要把一个界面做的非常