如何输出高质量的交互稿？来看京东设计师的总结！

交互设计师作为近年兴起互联网设计岗位，具有其岗位生背景特殊性。从交互设计师岗位职能来讲，它是品与视觉、前端开发梁，是品研发线上连接纽带。由于交互设计师既不是需求发起者，也不是完全算是需求执者，所以作为品研发线环节，交互输出准确性、效率不言而喻。可参考某些传话类游戏，传递要性也不言而喻。

一、交互输出内容

以目前主流市场来说，大家都是用Axure来进交互稿件的绘和输出，见各大互联网司的UED团对Axure软件的兼容还是比认的。么，互输出应该规定一什么，输出内容分成几个大类，下面给大家详细讲述：

1. 页面元素

所谓页面元素，就是规定页面内应该存在什么内容、应用什么样的控件等，以及规定存在内容的样式。元素为页面组成的根，也是互输出最基础的根基部分。下列为笔者随便举例：移动端二次确认对框的页面元素规定（由方便显示，没有按照自身规范书写）。

2. 用户点击事件流

其实「事件」算机词汇，输入框中获取焦点，就算一用户事件；亦或点击了某链接，都属于事件，存于Log日志中。那么所谓的用户点击事件流，通俗既用户使用产品时，与界面、服务器交互的过程。此过程中，交互设师需规用户点击后跳转的页面、界面对用户的反馈，此过程塑造用户行的关键环节。下列举例移动端二次确认对话框的用户点击事件流规：

3. 异常、边界情况

异常情况和边界情况其实可以开来讲。首先说异常情况，主要包含：服器响应超情况、服器错误、网络中断、弱网状（主要存在Mobile端）等… 边界情况的存在主要用于限定一些殊情况，例如：

• 输入户昵称的Maxlength （字符限制）；
• 移动端的加载等待间（一15-20S），超出后显示错误状。

列举例为移端二次确认对话框的异和边界规定：

二、交互稿输出原则

在了解我个输入交互稿内容习惯后，内容基础上，如何完成准确性高、高效、有利于工作协交互输出？笔者个在工作过程，结了以下几交互输出原则。

1. 模拟真实+规范统

尽可能线上页元素进完原，目是读交互稿事代入感。是模拟真实并不是进像素级原，那是视觉设计做工作。其实做到模拟真实有个捷径是，立自己品交互设计规范，套互设计规范库以从控件级到组件级到页面级。笔者注意到做到一般视、互规范很难达到页面级别，因为产品页面模式变。但是不同页面最终落到一种前段「容器」模板中，个容器以是以列表、表单为基础的，也以是产品的一个详情页模板。总之，每次互输出需要用规范模板时，以复用，达到模拟的效果。

利用页级规范模板可以促成品规范统。是说到规范统性，不仅仅是页级，可能是更高层级统性。比如下图所示，交互稿命名、分页规范。

2. 易读

何提高互输出的易读？个问题见仁见智，从笔者身角度出，个人认为提高易读最关键的就是：流程清晰，描述简练。能用简短步骤描述清楚的，就不用繁琐的步骤。同时流程应尽量简化，但是流程简化是建立在高效互的基础上，故而互设计能力还是关键；其次则是描述（互说明），看许互设计师、初级PM在写页面的说明时，长篇大论、文字繁琐至极，瞬间就产生一种不想读下去的感。

你要想到：写文交互说明目是为了补充原型图没有提到，从而便开发、上下游步页信息。所以在保证功能、流程完度前提下，尽量描述简练，是提高效率好。

3. 业务逻辑 & 功能范围内创新

生常谈话题。在基础法论、业经验都兼具群，靠什么区个品设计师是否优秀？没，创新能力。业界大佬例子数不胜数，我不在这列举了。拿身边学来说，他们策划案、作品、PRD也看过不少，普遍来说大家都不太多。是有BAT或国TOP3互联网公司实习学明显会体现出：那可能是页某个控件用十分巧妙、亦可能是某个商业落地想法以前没有听说过，都会以眼前亮感觉。或许这是创新能力吧。

欢迎关注作者公众号：「交互计Roy」