Echo ：交互输出文档里面最重要的是做设计时的多方面思考。

　　前言：用户体验部在大型的互联网公司里面都是核心部门，交互设计师们对接着各自的产品经理及项目，因业务不同，每个项目都有着各自的节奏和进展，势必也导致交互输出文档的粗细度不同。本文通过一个专业交互文档模版的例子，给大家讲述如何规范自己的交互文档?

　　一. 交互输出文档的重要性

　　作为一名交互设计师，我们的重点工作职责是起到承上启下的作用。

　　比如对接上游的产品经理和项目经理，跟他们讨论过产品规划及需求后，他们会根据交互设计师输出的交互文档来评审设计方案是否满足用户需求，以及在开发实施过程中的可行性。

　　其次要对接下游的视觉设计师和开发工程师，他们会根据交互文档中的线框图、交互细节说明等，来输出视觉设计稿、用代码实现交互设计方案，并以此为依据完成落地实现等工作。所以交互设计师最重要的输出物就是交互文档，它是对接上下游的重要纽带。

　　二. 专业的交互文档应该包含哪些内容

　　专业的交互文档应该包含以下7点内容：完整的项目简介、需求分析、新增修改纪录、信息架构、交互设计的方案阐述、页面交互流程图(包含界面布局，操作手势，反馈效果，元素的规则定义)、异常页面和异常情况的说明。

　　完整的项目简介

　　完整的项目简介包含：项目的名称，产品经理，交互设计师，视觉设计师，开发，测试，团队名称，撰写时间等，如下图所示。

　　需求分析

　　需求分析应该包含：功能需求和对需求分析理解，如下图所示。

　　新增修改纪录

　　新增修改纪录应该包含：新增交互和修改纪录的来往版本说明，如下图所示。

　　信息架构

　　信息架构就是产品所呈现的信息层次，它由哪些部分组成，之间的逻辑关系是什么，表达信息结构可以使用mindmanager，xmind，百度脑图等工具。由于注册流程属于小需求的优化，可以不放信息架构，所以这里不做图片展示。

　　交互设计的方案阐述

　　以注册为例，先理解注册的作用，再谈功能交互设计的方案阐述。

　　账户注册的作用主要有三点：

　　唯一性：用户注册之后，用户拥有特属的个人中心，拥有自己独特的软件使用特性以此与其他用户做区分。

　　可管理性：用户注册之后，公司可以根据注册信息，账户信息，方便信息推送，当用户很久不来的时候还可以发邮件 或者短信刷一下存在感，挽留用户。

　　同步性：当用户使用别的移动端时，只需要登录注册的账户即可得到所有的同步数据。

　　注册的四种常见设计方案：

　　无需注册登录界面：所有用户均可使用，无个人中心和千人千面的概念(这类的app一般功能较简单)。比如iOS系统自带的工具类APP，像经常使用的闹钟、天气、计算器等，以及一些简单的第三方工具类的APP：电池先生，道德经app，榫卯等。

　　只用手机号注册：这是我们目前使用较多的一种注册登录方式。用手机号码注册APP，通过短信的方式验证，常见的例如理财类app和社交类app。

　　使用邮箱或者手机号注册的即可完成。

　　使用邮箱或者手机号注册以及支持第三方账户登录。

　　针对以上的分析，然后结合自己的产品业务情况和市场定位找到一个最适合自己产品的设计方案。

　　页面交互流程图(包含页面布局，手势操作，反馈效果，元素的规则定义)

　　页面布局

　　从页面的布局可以看出产品的整体结构，帮助同事了解界面的功能展示和元素布局。页面布局即对界面信息的设计。

　　手势操作

　　通过可交互元素去触发，这个过程需要手势操作，常见手势操作有 单击，双击，左滑，右滑，长按，拖拽，滑动，下击，抬起，夹捏等。

　　反馈效果