在很多公司，产品就是“原型输出机”，收到运营或领导的需求就去刷刷刷的把原型画了，似乎整个重点就是画原型了，其实原型只是一个展现方法，将你的设计方案展示出来，在画原型前的那些过程才是最重要且最有用的。

在画原型前我们需要需求分析，竞品分析等来让我们的设计方案变得最合理，符合用户的需求。这个星期我学习的是交互设计微专业课程，交互设计和产品直接的关系很微妙，作为产品，我们需要懂交互，在大公司，通常是产品和交互一起做用户研究，做分析的，所以说产品和交互的关系很微妙，而小公司，通常是产品交互都是产品一手包，所以产品更需要懂交互。课程内容很多，还有一章节我没有看完，所以这次想先总结分享一部分内容，后面的内容下次再写。可以先看看画的思维导图。

是真的很多~学习完这个课程后可以看《交互设计精髓》，这个课程可以说是把流程说清楚，而《交互设计精髓》是把每个流程中要用到的方法，讲得很具体，如：如何为人物建模，如何做卡片分类等等。我想今天先总结一部分吧~

需求分析

一般来说，产品经理提出一个需求，交互设计师接到需求后，需要去分析需求，而需求也分为两类业务需求和用户需求，要做好设计，这两个需求是都需要满足的。

1.业务需求：我们通常需要透过业务需求去了解业务目的，比如，要让用户主动申请

2.用户需求：用户需求=目标用户+用户场景+用户行为+用户体验目标。

这里又有很多学问了，要了解用户需求我们去做用户研究，做用户访谈等，去了解人物模型，通过人物模型等去分析用户的需求。这些方法在《交互设计精髓》中都有很仔细的说，我们需要通过不断的实践才能真正的掌握方法。

3.关键因素分析：通过用户路径去分析用户的动机、担忧，以及在使用过程中可能遇到的障碍。

4.归纳设计需求，明确设计策略。

信息架构

对信息进行结构、组织方式以及归纳的设计，好让使用者与用户容易使用用户理解的艺术与科学。

一．前期准备

通过用户模型（persona），使用场景，去了解用户习惯，也就是画出用户画像，通过用户画像，去了解这类人，从而让我们的方案能够尊重用户习惯。

1.了解业务需求：似乎做一切事情之前都需要了解用户，了解业务，而有时候，我们的业务需求不一定来自与产品经理，也需要从运营，市场等多方面去了解。

2.调研竞品的信息架构：通常我们需要把竞品的信息架构画出来，然后找出共性和差异，竞品的共性基本上是用户的习惯，这些往往是我们需要去遵循的，而差异就是设计的机会点，因为目标用户、产品定位不一样而不一样。

3.卡片分类：我们可以通过找目标用户进行卡片分类将信息进行分类和组织，去了解用户的思维。卡片分类又是一个具体的方法了，要了解这个又是一堆信息，可以去看书了解。

二．产出信息架构

1.整理信息，并进行重要性排级，对每一层都进行分级。

2.寻找层和度的平衡

层：是指信息架构的深度，我们打开微信，然后点击我的，再点击相册，这就是层，一般来说层级不超过5级，层级太深用户操作起来会比较困难，层级也是需要根据重要级确定的。

度：某一个节点的数量，度过多会导致内容多，认知成本增加，度过多就是页面东西太多。

需要不断的调整层和度的关系，使产品更美观，更易用。

3.验证核心流程：1.尽量保证树结构进行层级自上而下前进。2.不连通层级间的跳跃，尽量发生在最后一部。比如：点击打电话按钮，寻找通讯录联系人，点击联系人，到最后一部可以跳转到发短信的功能。

4.信息架构和交互构图的关系:1.利用重要性分级，如，tab式和抽屉式导航，当重要性只有一项时，可以选择抽屉式，比如，滴滴打车。第一重要性有多项时可选择用标签式。2.竞品和用户习惯，了解竞品的信息架构，交互界面，去探索是否是用户习惯。

三．评判产品信息架构

1.用户测试

2.撰写产品说明书

页面排版布局

一．用信息架构思路设计页面

1.确定页面所需要呈现的信息，列出所需信息并绘制树状图，找出相关联的信息。

2.明确一个页面中的元素逻辑性和重要级。将小功能归类到大功能，根据重要级确定页面的大小位置等。

3.绘制单一页面。

二．确定页面的任务目的

1.明确用户及产品的目的。

2.衡量页面的标准

有用：满足用户及产品需求

易用：架构、流程清晰，不需思路能顺其自然的操作

好用：友好的充满情感化，能为用户想的设计（异常情况及及时反馈等，像朋友一样）。

三．信息元素组织分类

1.卡片分类法（按照用户的思考逻辑去分类）

四．对组块进行排版布局

1.设计策略

整体原则：清晰的视觉引导

显示：严谨的页面逻辑，突出主要流程

弱化：弱化次要流程

删除：删除不必要的功能

隐藏：不能删除的非必要功能

2.影响因素

操作频率：根据人机工程学，去了解用户的操作习惯，点击领域等

费次定律:用户使用设备到达一个目标的时间与距离目标大小有关

3.升华

情感化设计：好用，（从文案、设计等多方面实现）

动效：可依据情感化设计，提升用户体验

4.交互设计七大定律

费次定律、希克法则、7+-2法则、接近法则（格式塔原理）、复杂性守恒法则、防错原则、简单有效原理。

5.设计心理学

了解用户的使用场景——设计符合用户心理的产品

格式塔原理：

接近性：根据位置判断归类

相似性：相似：表明是同类，快速做出判断

对比：表明彼此差异，适当引导

封闭性：视觉系统自动尝试将敞开的图形关闭，从而将其感知为完整的物体不是分散的碎片

连续性：视觉容易将具有连续性和共同运动的物体看做整体

对称性：我们倾向于分解复杂的场景来降低复杂度

主体/背景：我们的大脑将视觉区域分为主体和背景。主体包括一个场景中占据我们主要注意力的所有元素，其余则是背景

共同命运：与接近性、相似永生原理相关，都影响我们感知的物体是否成组。指出一起运动的物体被感知为属于一组或者是彼此相关的

情感化：色彩等帮助营造网站的整体氛围

写完这些（还只是课程学习内容的一部分），感觉要学的东西真的太多了~都是一些理论上的东西，但是平时在实践的时候可以注意运用上，不断的实践可以更好的形成自己的工作流。

这些流程，不是为了工作流程化而使用，而是为了更好的产出高质量设计方案而可以参考使用的方法。对于刚入门的产品和交互，了解学习是可以阅读参考的。