如何设计一个优秀的网站-【东莞微力互联科技有限公司】

现今，网站和web技术已经不算是新兴技术了，但是不得不承认，在当下的移动互联网时代，web技术仍然算得上是新潮的技术之一，并且网站也是各企业商业价值中的重要一环。因此，规划、设计具有优秀用户体验的网站，仍然是我们的重要技能之一。

前戏：明确网站的业务模型

在开始正式地规划网站之前，我们有必要了解网站的主要业务模型。尽管人们都更加愿意获得免费的信息，但信息提供方（企业）还是希望能够由此得到回报的。

要明白：大多数企业要想存活，就必须要挣钱。

在为企业建设网站之前，我们要知道公司的业务模型是什么，如果不了解业务模型，就无法知道用户哪些行为是有意义的，哪些行为是毫无价值的。

主流的业务模型包括：

市场/电子商务模型（比如B2B/B2C/C2C）；

广告模型（需要很大的用户访问量）；

会员模型（增值服务）；

社区模型（收入来源辅助产品或服务的销售）；

订购模型（订购服务）。

找准了业务模型，我们就可以开始设计出支持业务需求的网站了。

一、明确目标用户

在开始网站设计之前，我们首先要问自己一个问题：“网站是为谁搭建的？”不是每个网站的设计者都能准确有效地回答这个问题，有的人会说“网上的每一个人”，还有的会说“所有喜爱某类产品的人”、“所有爱看书的人”或者“所有喜欢美食的人”。

这些回答都不是准确的回答，因为你无法从这些回答中得到精确的用户角色。

我们可以采取如下工作方式，去明确目标用户：

1. 找到公司的市场/运营部门，市场/运营部门的人员或许对公司用户的统计数据结果以及心理方面做过了大量的研究。

2. 咨询公司负责人或高管，了解他们希望产品所面向的用户，以及他们所认为的具有价值的用户行为。

在和各相关部门同事的谈话中，并不只是收集用户的统计信息，真正要做的是得到一些合适的行为信息来帮助我们更好的设计网站。

比如，我们了解到用户的年龄较大，就要做出一些初步的设计决策。如：字体要放大、交互操作要尽量简单、以及页面上哪些元素更应该突出等。

二、与目标用户交流

招募目标用户通常需要公司内部其他部门的配合，比如客服部门，可以通过诸如电话邀约、邮件邀约等方式，如果目标用户是企业，则可以通过公司高层或市场部门，向企业致电或发送邀请函等方式，总之，尽量通过其他部门的协助完成用户的邀约。

在访谈的过程中，我们要注意理解得到的反馈。比如，用户可能会说“我希望按钮大一些。”而他们的实际想法可能是“付款的过程太复杂了。”或者用户可能会说“我希望这个的演颜色是红色。”他们真正的意思可能是“要招到我想要的东西太耗费时间。”

最佳的方式是：当用户在正常的环境中具体完成任务时实际地跟踪用户的行为。

所以，在访谈中，我们可以问一些诸如“你想做什么？”、“你希望得到什么”这样的问题，而避免去问“你认为这个按钮应该放在哪里？”这种问题。我们要把重点放在用户完成任务时遇到的难题上。

三、创建用户角色模型

角色模型可以帮助我们更深入地理解设计所针对的对象，以及怎样才能真正满足这个用户的需求。当然，也可以不去创建复杂的角色模型，只不过，如果能针对一个特定的“人”来进行设计，会让我们的设计更加有效。

1. 总结用户交流结果，把结果分发给各利益相关者或相关部门人员

在第二步中，我们会收集到一些信息。可能已经得到用户的相关信息，比如：性别、地理位置、上网习惯、技术水平或是他们使用竞品的方式。

我们了解到用户当前遇到的麻烦，也了解到哪些方面还算不错等信息。

针对于收集到的信息，我们需要建立一份报告，这份报告可能会涉及以下信息：

用户群体的技术程度；

年龄段，性别分布等；

用户想要通过产品完成的任务过程；

用户使用同类产品的使用模式；

用户感兴趣的竞品；

常见问题；

用户价值观、文化背景等内容。

这里需要注意的是：

要保证每个信息尽可能准确，去除诸如“用户希望….”这样的信息；

信息要与我们的产品相关；

信息要针对网站整体成立，去除诸如“用户无法找到付款按钮”这类的信息，取而代之的是“我们有一类用户，他们知道想购买什么，现在需要提供一种方法能加快购买流程”。

2. 与各相关部门人员召开会议，脑暴形成用户角色

寻求各部门相关人员的协作，往往比单枪匹马作战更高效。

每一个部门都会对用户有自己的理解，是男人还是女人？年龄段如何？住在哪里？如果大家不确定，可以参照上一步的报告文档。

当大家提出了大量用户特征后，可以开始合并这些特征，并将其改进为角色，比如：女性+25~35+华北地区=来自北京的27岁女性，甚至还可以为她取一个名字。

3. 让角色成为真正的人

为用户角色增加一些具体的个性化内容，比如：照片、姓名、职业、个人背景、职业、教育背景、目标、爱好、最喜欢的网站、他的愿望等信息。确保用户角色的真实是这一步的关键。

4. 为人物角色加入场景表达

通过创建场景，会使得人物更加丰满，同时有助于我们完成网站交互系统的设计。场景，就是人物角色使用产品时的背景故事简介。

比如：王强（人物角色名字）打开浏览器，从网站上看到了感兴趣的电影介绍，首先他回选择自己关心的电影类型，然后网站会推荐给他可能相看的电影；接下来，他会选择真正感兴趣的电影，并进行观看。

四、明确业务流程与任务流程

绘制了全用户的全路径草图，现在就要拆解用户的全部任务，明确交互中每一步的细节。

其实这一步，就是根据用户的任务，完成各个任务/功能的流程图设计，以及和网站后台系统交互的业务流程图设计。

关于功能流程与业务流程，网上已有不少文章做出详述，本文不再详细阐述。

五、迭代优化我们的网站

接下来，就是不断的去迭代、优化网站了，根据公司业务的调整、或是配合其他产品线、或是增加产品功能，不断的去完善网站。

六、总结

本文讨论了系统规划网站的大致流程，重点讨论了提升网站用户体验的设计要点，从中又引出了导航、元数据以及基本的设计原则，希望本文的内容能给大家带来一些帮助。
本文链接：http://www.wlxin.com/wangzhanjianshe/835.html