商务Web应用程序的界面设计精选.pdf

商务Web应用程序的界面设计 商务Web应用程序的界面设计 商务Web应用程序的设计常常被人们所忽视。我看到许多程序 ，它们既不符合商业 标 ，也不满足 用户需求 ，它们有很差的用户体验 ，并造成了商业利润的损失。更夸张的是 ，有些设计师根本没有 参与整个程序的开发流程 ，而是把全部职责都推给了开发人员。 对于擅长前端和后台技术的工程师来说 ，他们缺乏设计能力 ，很难完成这项艰巨的任务。不满意的 消费者、沮丧的用户 ，以及失败的项 ，也就自然而然地出现了。 接下来 ，我们将介绍“商务Web应用程序”界面设计的基础知识。一般来说,人们可以提供许多有关界 面设计的方法、技巧和准则 ，而这里 ，我们的重点将放在商务Web应用程序上来。 一. 网站与Web应用程序 我们很容易将Web应用程序和网站搞混 ，就像搞混用户界面设计与网页设计一样。其实它们在本质 上和其他方面上都有很大不同 ，本文将就此与大家探讨。 一个网站更像是一组网页集合 ，大部分都是静态文本、图像和视频等等 ，只有有限的交互功能 （联 系表单和搜索功能除外 ）。网站的主要作用是提供信息。虽然一些网站使用“内容管理系统”来提供 动态文本 ，但从性质上来说依旧是信息。 CampaignMo nit o r是强大的电子邮件营销软件 ，而Jef f Sariment o 的网站向读者讲述他的工作和 生活。 另一方面讲 ，Web应用程序是动态交互系统 ，它帮助企业完成重要商业事务 ，评估并提高企业自身 生产力。因此Web应用程序的主要作用是 ：根据明确的业务规则 ，满足不同用户的需求。 Web应用程序在参与度以及知识储备方面 ，对用户有更高的要求。这些用户不只是偶然地使用了它 ，并评价一番 ，而是把它当作完成日常重要商务的平台。总之 ，当他们不了解一款程序的运行机 制时 ，是不会随便喜新厌旧的。而对网站来说 ，这种情况却常常发生。 1.1 不 类型的Web应用程序 Web应用程序的业务范围 ，可以从为自由职业者开发票 ，到内容管理、文件管理、银行和金融系统 等等。 我们可以区分出开放的和保密的应用程序。在开放的程序中 ，用户可以很容易接近到其他注册用户 。他们可以在网上使用这些程序 ，选择注册免费账号或是收费账号。保密的应用程序通常不允许在 公司以外的地点使用。在外面,它们仅仅是一个“离线”的程序 （虽然很多系统通过一些服务或是专用 接口 ，向商业伙伴展示了一些功能 ）。这种程序一般只能在公司的内部网络中运行 ，只有员工才可 以使用。 我不知道是谁创造了weblicat io n这个词 ，至少在现阶段我很喜欢它 ，它描述了Web应用程序是什么 。但这并不意味着一个Web应用程序就是网站和程序的简单混合 ，它可比这复杂得多。 二. 首先要了解你的用户 有一句话 ，你可能听过有一千次了 ，也听过遵循它的理由。这就是“一个成功的用户界面 ，一定要以 用户和他们的任务为核心”。这也是为什么许多开发人员没能创造出良好的用户体验的关键。正 如St eve Krug所说 ，“开发人员喜欢复杂的东西 ，他们享受发现事物运行机制的过程。” Users1 in esigning User Int erf aces Fo r Business Web A pplicat io ns 在识别用户时 ，切忌 ，客户不是用户 ，你也不是。虽然客户的管理层通常会对该项 感兴趣 ，并试 图影响你的决策 ，但你要记住 ，他们不会每天使用该程序工作好几个小时 （除非该程序是专门为他 们设计的 ）。 2.1 如何识别用户 ？ 我们可以通过许多方法识别用户 ，比如用户访谈 ，商业利益相关者访谈和影子用户观察( t he “shadow ing” met hod of o bservat io n)等。“用户访谈”让你了解用户在程序和计算机方面的知识储备 ，而通过“用户观察” 能得到更详尽的信息 ，比如用户是如何完成任务的 ，他们都犯了哪些错误。“影 子用户观察”之所以这么称呼它 ，是因为观察者需要像用户的影子一样 ，与其形影不离 ，注意他们的 每一步操作。 如果你没有遇到真正的用户 ，可能是因为你没有权限 ，或是在设计开放的应用程序 ，你可以使用“人 物角色”来帮自己识别用户。“人物角色”是真实用户的代表 ，他具有他们的习惯 ， 标和动机等等。 你可以利用在商业分析报告中获得的用户信息 ，来创建“人物角色”。 如果你对这种方法不太 熟悉 ，Brand Co lbow的漫画将对你有帮助。 “任务分析”有助于确定用户在工作中需要完成哪些任务 ，他们是如何完成的 ，需要多长