交互设计主要是将产品经理的功能设计，用原型图和交互流程的形式展现出来，方便与用户及团队进行沟通。交互设计原型将产品经理提供的产品原型草图具象化，减少了需求不确定性，保证产品功能可用性。

　　腾讯设计完整流程图

　　(1)交互设计需求分析

　　交互设计需求分析主要是要回答以下问题：

　　A)重点是给哪些角色看?

　　涉及交互稿的角色很多，几乎每个角色都需要，但是只要有专业细致的交互稿，也就能满足所有角色的需求了，无需针对每个人提供不同的交互稿版本。

　　产品经理：产品经理需要将交互稿截图合并到需求文档，提供给各个角色作为需求源。

　　视觉设计师：需要以交互设计稿为基础，设计出每个界面的PSD文档。

　　研发经理：需要通过交互设计稿，判断需要调配哪些角色参与，大概需要多少时间。

　　架构师：需要通过交互设计稿，梳理出软件架构设计，特别是功能流程设计与软件架构和网络架构设计紧密相关。

　　Web前端开发：需要通过交互设计稿，确认网页界面是如何串联起来的。这里不仅涉及功能流程设计，也包括交互细节。

　　APP客户端开发：需要通过交互设计稿，确认APP软件界面是如何串联起来的。这里不仅涉及功能流程设计，也包括交互细节。

　　后台开发：需要通过交互设计稿，确认采用哪种后台调用方式，以及如何通过交互设计让用户在面对网络延迟等情况时体验更佳。

　　测试：需要通过交互设计稿，编写功能测试用例，以及每个交互体验细节的测试用例。

　　用户研究：需要通过交互设计稿，访谈客户，让客户更容易理解产品功能，从而获得更有效的反馈。

　　B)用户场景是什么?

　　确定是要做什么场景下的交互设计。具体包括用户画像、主要功能流程等。

　　C)采用什么样的形式?

　　交互文档大多都采用Axure进行设计，一般都采用线框稿的形式。

　　使用Axure创建交互设计文档

　　D)要达到什么标准?

　　一般衡量交互水平的指标，是整个功能操作流程的流量转化率。

　　以注册登录为例，可以通过抽样监测从进入注册到登录完成每个步骤进行数据跟踪，然后得出转化率数据值，然后再跟竞品或类似产品进行对比，不断提升这个转化率。

　　(2)功能交互设计

　　功能交互设计主要是将软件界面之间的跳转关联关系表达清楚。

　　(3)交互细节设计

　　交互细节涉及点非常多，不同公司、不同类型的产品都会有自己不同的交互设计风格和细节处理方式。为了保证产品交互细节上的统一和规范，互联网公司一般都会制定自己的交互设计规范，以便指导设计师完成交互设计。

　　腾讯网站产品交互设计规范V1.0

　　交互细节设计，一般涉及交互控件元素、交互文案、装饰图形等内容。

　　每个看似很小的功能细节，都往往需要花费大量精力去做细。为了节省成本，在这样的功能开发出来后，都最好对象化模块化，其他场景只需调用这个模块即可快速创建类似的功能。

　　网页翻页功能细节交互设计

　　4、视觉设计

　　(1)视觉设计需求分析

　　视觉设计需求分析主要是明确视觉设计需要达到的目的。

　　以Logo设计为例，最常见的需求要点是两个：明确表义、吸引视线。因此在设计过程中，通过把竞品和不同设计方案可以放到一起，从而找到最优的设计方案。

　　百度输入法Logo设计需求调研

　　(2)视觉概念设计

　　视觉概念设计建立在视觉风格推导基础上，用以描绘出产品视觉风格的基本方向。

　　该步骤需要确定产品风格，为后续确

　　定设计元素、明度、色调、质感等设计细节奠定基础。

　　(3)主界面设计

　　主视觉设计师拿到交互稿后，针对主要功能界面设计风格定位稿。

　　百度影音播放器主界面

　　(4)视觉细节设计

　　然后针对界面中的每个控件，都按照像素级标准进行绘制。