[市场书籍]商业Web应用的用户体验设计.pdfVIP

为商业Web 应用设计用户界面 编译： 陈良泳 （chenliangyong@163.com QQ:120957033） 金和软件用户体验设计师 我们正在招聘用户研究、交互设计、视觉设计、前端开发人员。长期有效。 2010-3-13 原文地址： /2010/02/25/designing-user-interfaces-for-business-web-ap plications/ 商业Web 应用的设计经常会被疏忽。我见到过大量既不符合企业目标也不能满足用户需 求的应用，因此导致利润的亏损和糟糕的用户体验。甚至是，设计师完全没有参与到应用开 发过程当中，而是由开发人员承担全部的职责。 对于开发人员，这是一个艰巨的任务。开发人员也许拥有前端或后端的丰富开发经验， 但是他们的设计知识有限。最终只能是客户不满意、用户沮丧和项目失败。 因此，我将介绍商业Web 应用界面设计的基础。虽然在UI 设计时，可以使用许多不同 方法、技术和原则，但我们这里主要专注于商业Web 应用。 Web 站点 VS Web 应用 很容易将Web 应用 （Web Applications）和web 网站 （Websites）相混淆，就像将用 户界面设计和网页设计相混淆一样。但是它们从本质上及其它许多方面都不同，我们将在本 文中进行探讨。 Web 网站由许多页面组成，这些页面往往包含许多静态文本、图像和视频，只有有限的 交互性功能（例如，联系表单和搜索功能）。网站的主要作用是传播信息。一些网站使用CMS （内容管理系统）生成动态内容，但是其性质仍然是提供信息。 而Web 应用是动态、交互式的系统，帮助企业执行重要的商业任务，达到衡量和提升企 业生产力的目的。因此，Web 应用的主要作用是根据定义的业务规则，去执行那些服务于用 户任务的功能。 对用户而言，Web 应用需要较高层次的参与和应用知识。用户不会只是偶然性的发现这 个应用和无意识的随便使用。他们会将这个应用作为一个日常性使用的工具，去完成非常重 要的商业任务。最后，即使用户不喜欢它，也不能轻易的停止使用它和用其它应用替代它。 CampaignMonitor 是一个强大的电子邮件营销应用软件，而Jeff Sarimento 的网站旨在向 读者展示他的生活和工作。 Web 应用的类型 商业Web 应用的业务范围广泛，从货品计价、内容管理系统、文档管理系统，到金融和 财务系统等等。 我们可以将商业Web 应用区分为开放的和封闭的应用。开放的系统是在线应用，任何人 都可以注册账户，然后轻松的访问。用户可以通过web 网络访问这个应用，可以免费或付费 注册账号。封闭的系统是离线应用，不能在公司外部访问和使用（虽然很多系统通过一些服 务或是专用接口，向商业伙伴展示了一些功能）。这些应用往往是在公司内部网络中运行， 只有公司员工才可以使用。 我不知道是谁创造了weblication 这个词，但我喜欢这个词，它大致说出了web 应用是 什么。但这并不是说一个web 应用是一半网站和一半应用的混合体，web 应用比这可要复杂 的多。 首先，理解你的用户 也许你已经不断的听到说要理解你的用户，并且理由也很充分：一个成功的用户界面要 以用户和用户任务为中心。然而，这就是为什么大多数开发人员无法创建良好用户体验的关 键所在。正如 Steve Krug 说的：“开发人员喜欢复杂性，他们喜欢去探索系统是如何运行 的。” 当你去识别和确认谁是用户时，记住客户不是用户，你自己也不是用户。虽然客户的管 理层经常会对项目感兴趣和试图影响决策，但他们不会一天中在电脑面前坐上几个小时去使 用它（除非这个应用就是针对他们的）。 如何识别用户？ 你可以使用许多技术去识别用户，例如用户访谈、商业利益相关者访谈和“影子”观察 法。通过访谈，你可以知道用户对于系统和计算机的基本理解和认知。而通过“影子”观察， 你可以知道用户如何执行任务和犯了哪些错误的更加详细的信息。之所以叫“影子”观察法， 是因为观察者就像一直跟随用户的影子一样，去观看和记录用户的每一个任务步骤。 如果你没有遇到真正的用户 （可能是因为你没有权限，或是在设计开放的应用），你可 以使用“人物角色”来帮自己识别用户。“人物角色”是真实用户的代表，包含了用户的习 惯、目标和动机等等。由于有关用户的某些信息往往是通过商业分析中确定的，所以你可以 利用它来创建人物角色。如果你对人物角色方法不太熟悉，Brand Colbow 的漫画将对你有帮 助 （如下图）。