最近在读《网站交互设计模式》，结合自己构建网站与产品的经验整理出本篇文章。希望能帮助交互新人了解从0-1构建网站的体系流程，以及其中可以用到的方法。其次就是希望在分享中能多一点与大家交流进步的机会，并验证一下自己的想法与知识体系。求轻喷～
首先附上书中一张图来镇楼，以明确在实际开发过程中各个环节中交互设计师的职责所在：
1、发现：理解目标用户与其需求，了解网站的业务和渴望达成的目标
2、探索：建立几个粗略的网站原型，后续开发选择合适的
3、精炼：详细设计导航与重要的流程
4、制作：开发完整的交互原型与设计规范
5、实现：开发网站的编码、内容和图片
6、执行：配合开发
7、维护：继续迭代完善
在本篇文章中我们则主要探讨设计阶段即发现、探索与精炼环节适用的设计流程与方法，所以废话不多说，往下看便是了：
一、进行业务分析与用户分析
在设计开始之前，就要明确这个网站的业务目标是什么？网站的用户是谁？网站提供给用户的价值是什么？你需要做的就是：
1.1 明确项目的业务范围，进行需求的收集。
这里指的需求指的是来自业务方的需求，即产品经理或老板的直接描述，他们可能会说建造一个网站，它需要有XXX，以及XXX的功能’当然这个阶段的你可能不知如何下手，别急，先把这些都记下来再说～之后便可与他们讨论价值定位是什么呢？渴望达成什么样的业务指标？
记下来的是不可或缺的功能点，这些将贯穿于设计的始终。（后期需要研究如何构建这样的功能，比如说构建购物网站售卖自营产品，那么关于售卖这个功能可能会包括分类、搜索商品、添加购物车、等一些列页面，至于到底选用哪些流程就不是目前要讨论的范围）
1.2 明确用户群体，获得现存的目标用户或潜在用户画像
画像第一来源是产品经理与业务方的描述，这个过程要求我们要不断追问，以获取详尽的画像描述；当然现实情况是没有成型的用户画像，这就需要我们发挥自身能动性，根据产品的业务范围，去进行一些假设，设想什么用户会用到此类功能，并通过后期的调研不断验证与完善画像。
用户画像包括什么？
一个完整的用户画像包括，用户的年龄分布、使用习惯，行为特点、认知程度之类的描述，这里可利用同理心地图去对用户做一个更为全面的了解，从而去确定并得到精简的用户画像，以便后期用于指导设计。
1.3 根据功能范围与业务目标，构建用户故事。
业务目标的实现最终都要建立在用户的基础之上的，根据业务的功能去推导用户在此功能基础之上能达到什么样的目标，最终构建出一个合理的用户使用场景，并通过用户故事去进一步描述各个功能点之间的完整的功能逻辑。
一个用户故事应该包括什么呢？
辛向阳教授将人与系统交互的过程分解为了五个要素，分别为：用户、行为、目标、场景、媒介。这五个要点，且应用场景更多的是包括用户会做什么，而不是去描述他如何去做，因为这个阶段的目的是“重在去验证各个功能点的合理性”
1.4 反复调研，验证用户与场景故事的合理性
目前为止的用户与其应用场景都是基于设计者知识与直觉进行的假设，在进行对产品的设计之前，我们还需要反复做一些调研，以获得来自用户和相关竞品的反馈，从而避免主观意愿，判断功能是否合理，场景分析是否正确，最终寻求正确的设计方向。
下面提供集中此阶段中常见的几种定性与定量研究的方法，可根据自己的想要验证的问题选用合适的研究方法，并对结论统一汇总分析。
定性研究方法：人种学方法、非正式面谈、用户访谈、焦点小组、卡片分类、亲和图
定量研究方法：问卷调查
二、确定设计目标与原则
该步骤阶段对应流程图中的探索与精炼环节、即在进行完对产品需求、用户的了解之后，在开始设计之前要精炼出的目标与设计原则。
2.1确定设计目标与可衡量的指标。
目标直接来源于对于商业目标和用户需求的分析，每个目标一定要有可衡量的指标，比如说目标是提升用户的回头率，那么一定要定义可通过那些方案来度量这个回头率的标准，是用户留存数据指标的提升还是别的什么原因。
因为目标达成的关键是测试与度量，确定度量标准并进行测试有助于找到达成目标的途径，还可对多版原型方案进行验证，最终寻求到最佳的解决方案。
2.2定义产品要坚持的设计原则
设计目标标识了网站希望达到的目的，而设计原则会知道如何达成这些目的，原则的设定有助于达到设计目标，并贯穿于设计的始终。
原则来源于人机交互与用户体验原则的理解，如一些通用的原则如尼尔森十大可用性法则等，当然一款产品的原则还可以根据用户研究得出的结论定义成如“适合老年人的使用习惯”这样的概念，并在之后的设计方案中反复问自己“这样是否符合老年人使用？”，从而用于指导与纠正设计方案。
