二 首页设计第一步：基于用户体验的经验性概念设计

大多数具有查阅功能的网站首页设计都不是感性的设计，设计者必须考虑网站信息构架和内容层次等。信息构架作为网站的骨架部分是设计者考虑的首要因素，因为从工作流的角度看只有清晰的面向使用的信息构架才能支持优秀的网站设计，所以设计者在设计前需要确定几个问题

1. 网站的功能是什么

2. 网站的受众是谁

3. 网站的用户群为什么登陆网站

网站的功能决定了网站的定位，进一步决定了网站的目标受众。但是网站的目标受众中大多数用户登录网站的核心是为了完成使用功能，而非其他目的。所 以，我们设计网站的要考虑使用户快捷的完成使用任务，大多数专家认为合理的方法是减少用户操作步骤，减少用户的等待时间，这些都是比较有效的提高用户体验 的方法。

我们通过AT&T的首页设计分析来了解首页设计流程。

 

我们通过观察AT&T的首页发现几个优秀首页具有主要特征：

 

1.   主要内容在一个屏中显示完毕

2.   AT&T的用户进入网站的主要需求是进行AT&T的服务，而在首页中存在用户需要的各个服务入口

3.   明显的登录框

4.   鲜明的功能区块划分

 

所以以用户为中心的设计是关注用户使用的设计，专家在进行AT&T设计时,也同样以用户为中心。较为科学的网站概念设计流程是这样的：

 

在网站的整站信息构架设计与交互设计设计完成后，再进行主页重构设计。设计中主要包括几点：

1.   根据信息构架设计进行首页功能区划分

2.   设计登录框位置

3.   在明显位置设计导航位置和导航形态

4.   *如特殊的地理位置还需考虑进行符合当地阅读习惯的本地化设计

5.   在基本的区域设计完成后进行详细设计包括：标题和导航文字设计，色彩设计，主题设计，内容设计，图标设计

6.   首页设计校验。主要方法为根据普遍认可的网页设计要素标准进行纠错设计

在以上6个步骤完成后，基本的首页原型概念设计就完成了。因为是以用户为中心的设计，所以设计中要考虑用户普遍习惯与特殊习惯，在特殊的用户对象中 还需要注意进行特殊设计，比如针对老年人的网站首页设计需要适当的放大文字，便于老年用户阅读。但是是不是这些工作结束后一个优秀的首页就是设计完成了 呢？专家认为是不一定的，不同的设计师对设计的理解不同，对信息构架分类的理解也不同，所以造成了人为的设计差异。客服这些问题不是设计师本人可以做到 的，因为设计师本人正是这些问题的产生根源。

当我们完成了初步的概念设计以后，我们会有两个疑问：

第一：我们是基于用户使用和商业目标进行的概念设计，但是是不是我们的设计就已经很好的完成了设计目标了么？

第二：是不是我们在首页设计中通过经验设计和避免错误的设计，此时错误设计就不在出现？

对于第一个问题，根据大量的实验研究表明，以用户为中心的概念设计用户体验虽然优于传统设计，但是并不能充分体现用户关爱。

对于第二个问题，我们有经验的设计专家告诉我们，这是不可能的，因为错误在避免错误时也会产生。

基于这两点，我们可以认为，概念设计是不充分的。所以下一个步骤是迭代设计，在迭代设计中发现问题并对问题进行重述是很好的发现网页可用性问题的办法。下一节我们将具体描述如何进行下一步和为什么这样做。

 

三 首页设计第二步：基于用户体验的迭代设计

迭代设计的观点是专门对首页初步概念设计中难以把握用户提出的。设计师在完成了初步的设计后，他们实际上只完成了第一步：功能的可用性穷举和交互的 思考，换句话说只不过是重新熟悉了这个网站。但是我们要明确一点，设计师熟悉网站并不能给用户带来很好的体验，因为设计师不能代表千万用户的观点。基于用 户体验的迭代设计的观点是革命性的，原因就在于它在无声无息中将用户需求彻底的暴露出来。这里引入一个新的名词，焦点小组。

焦点小组（focus group）是在可用性工程中使用的比较多的一种方法,通常用于产品功能的界定、工作流程的模拟、用户需求的发现、用户界面的结构设计和交互设计、产品的原型的接受度测试、用户模型的建立等。

焦点小组依据群体动力学原理请大约6~9个参试（participant）对某一主题或观念进行深入讨论。焦点小组实施之前，通常需要列出一张清 单，包括要讨论的问题及各类数据收集目标。在实施过程中需要一名专业的主持人，主持人要在不限制用户自由发表观点和评论的前提下，保持谈论的内容不偏离主 题。同时主持人还要让每个参试都能积极地参与，避免部分用户主导讨论，部分消极用户较少的参与讨论。焦点小组具有群体动力（Group dynamics）、自由开放（Open discussion）、定性数据（Qualitative data）和适合探索目的（exploratory purposes）等特点。群体动力是指焦点小组参试之间存在交互作用，参试之间会相互影响。任何一个参试的观点都会影响其他参试的反应，任何参试的观点 和意见都是建立在其他参试的观点的基础上。从用户的角度来说焦点小组是自由开放的，没有特定框架约束的，虽然实际上主持人通常是按照预先计划的内容提出问 题。焦点小组是一种定性方法，因此要避免通过焦点小组收集定量数据。在焦点小组的数据呈现过程中也要避免用定量的方式呈现结果。比如对A和B两种设计方 案，8个参试中有6个赞成A方案，那么在报告中说有75%的用户赞成A方案这种说法是不科学的。因为焦点小组只是小样本，此时我们可以表述为8个用户中有 6个用户赞成A方案。焦点小组特别适合用探索性目的的用户研究，在确定用户使用产品或者服务的习惯、使用模式、态度、确定用户语言、为新产品开发收集创 意、为问卷调查等定量方法收集问题等方面有重要的作用。

我们把概念设计中提取的设计模型通过焦点小组的深度挖掘，你会有意外的发现：

1.设计师最初设计的很多功能点通过焦点小组研究后，发现是不受用户偏好的方案。

2.设计师原本没有想到的很多需求暴露了出来

我们的焦点小组的研究结果反映在设计上，再经过下一次焦点小组，再进行改进设计的迭代我们成为迭代设计。不可否认的是，只有迭代设计后的首页才能将 偶然的用户偏好变成必然。因为概念设计是设计师参考自己设计的，但是经过焦点小组的迭代设计，是参考用户需求设计的。但是只是参考用户需求就够了么？在迭 代设计的下一个阶段，我们将进入到下一个环节——设计评估的最好的工具——可用性测试。

四 首页设计第三步：设计评估（基于用户体验的评估）

在下一章我们将完整的介绍可用性测试，但是基于论文的易读性，我们将在这里简单的介绍一下可用性测试。

通过一个典型的可用性测试，你可能找到这些问题的答案：

测试参与者能成功完成任务吗？

在成功完成的任务中，每项任务能做的多快？

在成功完成的任务中，每项任务要多少页（或者点击多少次）才能完成？

测试参与者的表现是否满足可用性目标？

测试参与者对网站的满意度如何？

做出什么改变才能确保更多用户能够完成地更顺利？

可能还有更具体的问题。举例来说，如果这一轮测试主要关注的是搜索功能，你可能会关注这些问题：

测试参与者会在页面上浏览还是直接使用搜索？

他们搜索时最常用的关键字是什么？

搜索框是否足够大，能呈现大部分的搜索关键字？它的位置是否合理？

搜索结果是否能引导用户的快速找到答案？

如果搜索结果恰好包含用户想要的答案，这些答案是否经常显示在第一页？

搜索是否能检测到拼写错误并帮助纠正？

我们从上面看到了，可用性测试对迭代设计的成果具有很好的验证性，它不但能告诉你你的产品是不是可能被用户喜欢，而且更重要的是它能告诉你为什么能 被用户所喜欢。对于一个网站来说，整套流程非常重要，这就意味着强调什么功能而忽略什么功能，把自己的技术精英放在哪个模块而不是通过平均的分配资源而变 相的浪费资源。我们用一个较为直观的流程图来表示迭代设计。

 

在整套用户体验设计中，迭代设计作为一个核心部分，整套的设计实际上也是在一个大的迭代中进行的。有人把用户体验研究员认为是嵌入式而不是固定于某一个环节的工作流。我们用一个较为直观的图表来表示整套针对网站的设计过程。

 

在多次可用性测试后，我们几乎可以说我们已经拥有一个成功的首页了，您将很轻松的进入下一个环节，这个网站的设计。

 

五 首页设计第四步：设计总结

这个网站的设计我们在这里不作讨论，这个是一个交互方面的比较大的课题。至此通过概念设计，迭代设计，可用性测试，我们已经拥有了一个优秀的完全为用户打造的首页了，我们可以说整个网站我们几乎完成了最难的部分。在这个部分的结束前，我们需要设计总结，目的是为了得出：

1. 这个网站的整体设计原则。我们将可以通过首页设计中保存下来的大量珍贵数据得到我们的网站特征和必须遵守的规则。

2. 信息构架总结。我们通过首页设计可以明确一点，什么是功能中优先等级中最高的，什么是必要的，什么是可有可无的。了解了这点我们可以在以后的整站建设中调配资源，将优势资源集中到优先等级高的功能上去，节省开发成本的同时，为今后的网站改版指明方向

3.交互设计总结。我们通过多次的焦点小组中，可以得到一个关键的系数：用户喜欢什么样的交互体验。在硬件瓶颈逐渐失去意义的同时，我们欣然的看到交互的空间扩大了，IPOD的成功充分了验证这个观点。

至此，网站首页设计顺利完成，当然在随后的整站设计中还有更多的迭代设计，焦点小组以及可用性测试，硬件测试等等。但是首页设计是其中最难也是最重要的一个部分，科学的首页设计将会减低其它页面设计的压力。接下来的一章我们将详细介绍本文中的难点：可用性测试。