交互稿是交互规划师的首要产出。在实践作业中，交互规划师的首要责任，就是根据产品提出的不同需求，用交互稿的方式给出交互计划。并且，交互计划会在产品、UI、开发、测验同学中流通，因而也成为他们评判一个交互规划师才能的重要依据。因而能够这样说，交互计划质量的凹凸，会成为一个交互规划师才能凹凸的重要体现之一。

要想画出高质量的交互稿，一方面，要运用正确、高效的办法对需求进行规划剖析，然后依据剖析中构成的规划思路来进行规划;另一方面，交互稿中需求具有齐备的结构，以提现交互规划师的专业性。下面，我们来看看怎么能确保交互稿的齐备性，避免信息的丢失。

交互稿的“方针用户”

要讲交互稿，我们先来看看交互规划师的作业流程：

交互规划师从产品司理那里接到需求，跟产品评论之后，首要需求对需求进行规划剖析;在剖析之后，就能够开端画交互稿了。交互稿完结之后，要把它交接给UI的同学进行界面规划，再然后是给开发的同学进行开发、测验的同学进行测验。从这儿能够看出，交互稿文档的首要“方针用户”，是产品、UI、开发和测验。

其实细心想想，交互规划师的责任，就是把一个功用给“说清楚”：产品同学需求知道这个交互稿是否包括了一切的功用点;UI同学需求知道这个功用都包括哪些界面，每个界面的元素都有什么，元素的状况都有什么;开发、测验同学需求知道功用的流程是什么，点击了页面的元素会有怎样的反响。所以，以上这些信息都必须包括在交互稿中。了解交互稿的方针用户关于画出高质量的交互稿非常重要。

交互稿的必备信息

上面我们说到交互规划师产出的交互稿是给谁看的。我们来总结一下，上面说到的交互稿中必须包括的信息有：

界面展现完好的流程

界面以及界面中的元素展现需求的一切功用点

界面中元素的各种状况

元素操作后的作用

关于第1点展现完好的流程，如果这个功用比较复杂，流程比较长或许流程中逻辑比较多，则能够附上流程图，便利产品、开发、测验同学了解;而关于一般相对简单的功用，依据你运用的交互稿的作图工具，分以下两种状况：

如果你运用的是sketch，那么能够把一切的界面都平铺在一张图里，UI、开发的搭档经过图中的首要界面就能够get到流程;

如果你运用的是axure，主张axure里的一个页面只展现一个界面或分支流程(好处是能够充沛展现一个界面或分支流程的各种状况，展现非常清晰)，此刻，流程是经过axure左面的树状结构来展现的.

关于第2、3、4点，我们能够经过遍历的办法来走查流程和界面。遍历的办法，就是自始至终看一遍自己的交互稿，注意其间是否包括了需求中一切的功用点;每个界面中的每个元素，如果用户点击了，它会有什么反响(色彩是否改动?是否需求动效?等等)?点击之后去到哪个页面?如果没有网络该展现什么?这儿为我们总结一下：

按钮、图标一般就包括三个状况：默认态、点击态和点击之后的状况;

用户操作后可能发作的异常状况：无呼应，无网络，空数据，大量数据，网络慢，是否有缓存，数据过期，状况的改动(如换城市)，初次运用(新手引导)

这儿给我们举一个之前做的事例(如下图)。在这个比如中，左面的树状结构反映了首要的流程。因为该需求流程中规划的逻辑较多，因而在最后附上了【流程图】这个模块，便利开发和测验的同学。在页面中，只展现了“我的宜定盈概况”这个页面的各种状况和操作后的成果。

交互稿的隶属信息——项目概述

在交互稿的第一页，能够加上“项目概述”这个主题，首要展现该需求的基本信息和迭代阐明。添加项目概述这一页，一方面能够记载交互的修正，在发作问题的时分便利追溯;另一方面让交互稿显得更专业，是提高交互稿气场的好办法。

交互稿的隶属信息——规划剖析

有一些需求，如果需求自身比较巨大，涉及到的人员比较复杂，能够在交互稿中加入规划剖析的部分。这能够协助我们更好地了解你的交互稿是怎么被规划出来的。因为是放在规划稿里，而不是一个专门的需求展现规划剖析的PPT，因而规划剖析里只需求放入最核心的信息就好，

下一篇：成都网页设计：自学网页设计的一些经验和思考上一篇：成都网页设计：Axure元件库方法网站设计中，利用好色彩搭配