当你搜索并查阅了很多网上资料后，仍可能不会编辑交互设计说明书。那么究竟该怎么编辑交互设计说明书呢？在编辑的过程中又有哪些要点和注意事项呢？ 目前很多公司会采用敏捷式开发流程，这时很多产品经理或交互设计师会直接在Axure等原型设计工具中制作PRD而非原型，并且还会出现多人编辑一份文档的情况。 下面简单介绍交互设计说明书的基本写法，也算是抛砖引玉吧，最后会给出完整的项目交互设计文档供大家学习参考。 这里需要注意的是，有时使用原型工具导出的交互设计说明书会很混乱，没有可读性，比如，完全是机器按照你的原型站点导航树结构导出的不符合业务逻辑的说明书，但当开发人员、UI设计师或PM拿到这样一份交互设计说明书时，真的看不懂。所以需要设计师根据实际的业务需求与业务对象有针对性地编辑一份交互设计说明书。 交互设计说明书的阅读对象 交互设计文档都是给谁看的？这个文档会根据阅读的对象做什么优化吗？下面利用场景化模拟解释交互设计说明文档的使用场景。 交互设计说明书由交互设计师完成编辑、修订、发布。 交互设计师提交交互设计说明书给产品经理。 交互设计师提交交互设计说明书给UI设计师。 交互设计师提交交互设计说明书给研发人员。 交互设计师提交交互设计说明书给测试人员。 在交互设计过程中，上述四个角色会不断有所交集。所以，一旦编辑文档，就需要对这几个角色有针对性地解释和阅读优化。 1产品经理场景 交互设计说明书的阅读人员包括：产品人员、设计人员、研发人员、测试人员等，他们就是交互设计文档的使用主角，产品经理在使用交互设计说明书的时候需要确认的方向是：交互逻辑、功能架构、交互事件、界面页面流转与内容布局等。这里的产品经理代表产品经理及以上管理层。 关键点：为项目梳理清楚逻辑关系，文档按照逻辑关系和功能架构分支等设置大纲讲清楚项目、功能、组件、页面流转关系。 2UI设计师场景 UI设计师在使用交互设计说明书的时候，更多的是看你的说明文档的具体页面数量，因为这决定UI设计师出多少效果图。另外，要看你的原型设计给UI设计师留了多少发挥空间，不能一开始就制作高保真原型。 关键点：例如，一个页面有三个状态，制作原型动态面板时加原型事件即可，但是设计的文档需要将三个状态都截图标注好，页面流转标记是告诉UI设计师这里有三个页面，而不是告诉UI设计师有三个状态。 3研发工程师场景 研发人员拿到交互设计说明书的时候就非常关心细节实现，关心有多少个功能、多少个功能新特性、多少个页面元素组件、多少个交互动效等，但他不关心方案里一个输入框里是用彩色还是黑白，因为他是具体功能的实现者。 提供给研发人员的文档需要注意以下关键点：明确表示出关于功能设计、页面逻辑、组件交互等信息的细节，例如：一个页面刷新，要分为触发刷新事件、刷新加载中、刷新成功提示、刷新失败提示。其中失败提示又要分多种情况：网络不佳、程序异常等。如果你没有提出明确需求，责任就会在需求方，而不是程序部门。 4测试与需求场景 测试是依靠需求说明书和交互设计说明书，进行测试用例与测试脚本的编写，在交互设计说明文档里需要说明白每一个功能的交互动作与事件，测试是抓细节的，所以需要配一些说明性文字解释交互设计的思路与实现路径，这样测试人员就可根据设计思路设计出测试用例。当然，测试用例分多种类型，这里指的是功能测试与逻辑测试，一些性能测试等需要依靠程序使用的软件、数据库等技术性的接口文档来定。 关键点：功能点、业务逻辑、界面元素、交互过程分解步骤。上面解释了各角色使用交互设计说明文档的场景及他们期待的真实需求，只有清楚地了解这些内容，才能有针对性地制作交互设计说明书。 交互设计说明书包含的内容 众所周知，一份交互设计说明书最重要的当然是内容，下面介绍如何按照实际流程制作文档。 1。写什么 很多新手在新建一份空白文档后不知道具体写什么内容，如前面所说，对一份交互设计说明书，你只需要把原型截图或原型直接画成一个文档即可。其实交互文档就是页面文档，所有的软件页面、状态都分离出页面进行展现，然后加入页面流程和交互动作说明文字、箭头指示线条等。 关键点：逻辑结构、页面跳转、交互状态的文字说明，统一交互体验动作，确保页面组件的一致性。 示例如图1所示，这是一个包含交互界面动作、逻辑步骤、页面流转、文案和注释的实例。 图1包括交互界面动作、逻辑步骤、页面流转、文案与注释的实例 图中的这个交互动作是将所有出现的界面静态化地写在文档里进行展示。如果你想直接展示动态交互，可以使用原型设计工具设计好交互原型之后再截图编辑文档，在交付文档时结合原型演示，这样会更有效果。 2怎么写 一般的交互设计说明书的文档结构如下： 文档封皮与版本信息。 目录页。 Log（日志）修订记录页。 交互行为逻辑图文字说明。 页面展开图逻辑文字。 详细介绍其他单独的交互动作。 （1）封皮和版本 图2所示是交互设计说明书封皮和版本信息的示例。版本信息一般包括版本、日期、参与人、变更内容简要、备注。 图2交互设计说明书版本信息格式 （2）目录 这个无须多说，平时我们看的书基本上都有目录，不过要记住，目录要合理分级，以分清主次。 （3）Log更新记录页 这个页面用来描述某次更新的信息简介与页码导航等。图3为交互设计说明文档的更新记录页的示例。 图3交互设计说明书的更新日志 （4）交互行为逻辑图文字说明 图4所示是某个应用商店的更新应用交互逻辑文字说明图例。 图4交互设计说明书中的交互逻辑页面流程 从图中可以看出，这个说明文档是把应用更新功能作为一页，具体包括其架构、交互、流程、逻辑、交互事件及文字解释说明。 这个过程是针对产品经理和程序人员而言的，因为他们需要看明白交互流程逻辑。 （5）页面展开图逻辑文字 图5是页面、元件、文案、逻辑、页面状态的展示。这部分是针对视觉设计人员而言的，需要将所有的页面都展开解释一遍，公用部分可以单独标记。 图5交互设计说明书的页面元素 （6）详细解释其他单独的交互动作 此部分是对不在流程中单独或独立的交互动作进行补充说明。
连接外国游客与本地居民的换物平台很多年以来，出国旅行的人们都会重复做同一件事，那就是从旅行目的地带回大量本地商品馈赠亲友。获得来自异国文化背景的礼品实在是一件快乐的事情。虽然互联网电子商务扩展了购物的边界，理……设计师分享游戏化思维如何实现交易关系到情感联系的作者按：应朋友邀请，1月11日晚间我在中欧校友微信群当中介绍了游戏化思维，分享了自己的一些观点。因为懒癌的间歇性发作，所以拖到这几天才整理好出来，不好意思。我先讲几个真实……农民注意了今后农村将收回这两种房一类在农村长大的人，无论以后是否离开农村，多少都会有点眷恋。记得有一次和朋友聊天，他说由于在城里买了房，准备落户城市，想让父母接过来住。但是父母却不愿意，说了2点原因：1、不适应城……营销技巧招朋友圈怎么营销怎么发朋友销售场景：微信基本常识与养号防封技巧朋友圈营销是非常重要的一种营销方式，但是在凭借出售朋友关系的海量微商教育下，朋友圈的质量度在下降，那也就意味着，用户的反感度在提……兰蔻菁纯唇膏金管口红试色粉粉嫩嫩真可爱兰蔻菁纯唇膏金管是今年的新品哦，都是非常滋润的质地，而且有玫瑰香味，涂在嘴上是非常温柔的果冻唇。274和196是这个系列新品中的热门色号，但是236号色也是很不错的，和274一……孩子的记忆力该怎样提高记忆方法是因人而异的，有的擅长看（视觉型），有的人擅长听（听觉型），有的人擅长用嘴和手（运动型）等等；比较常见的是混合型的记忆方法，而这种方法的记忆效果最佳。有位实验者曾……大学生组共享单车禁卫军是一种责任担当春风十里，原本冷漠的大街小巷，因为那一片片小黄车，增添了更多暖意。但总会有人去恶意破坏，涂掉车牌，上私锁，甚至改换颜色，就想占为已有，而在天津大学校园里，有一群热血年轻人化作o……实木家具配什么颜色墙要懂得色彩基调的运用实木家具配什么颜色墙之色彩基调的运用1。和谐的同类色所谓的原木色就是木头本身的颜色，倾向于黄色调，而原木色家具本身就有着自然复古简单的风格感觉，所以原木色家具是倾向……新时代的企业文化的重要标准成功的企业文化是企业核凝聚作用，这是指企业员工对群体的依赖感和归宿感，这种强大的内聚作用可以焕发出企业的团队意识，对外形成竞争力。辐射作用，这是指企业文化并不是封闭的，而是随着产品、信息、人际交往和……普通雨伞可以挡紫外线吗专业防晒伞的防晒效果更好普通雨伞可以挡紫外线吗普通雨伞也可以挡紫外线和防晒。所有的伞都是可以防晒的，因为紫外线仅用一层布料就可以隔离，人体在普通雨伞下的紫外线吸收强度，的确比不用伞的时候低的多。……驾校体检注意事项如果你想要去学车的话，那就要找到一家驾校报名，当然去报名之前要先做好体检工作，一旦体检通过了，才能成功报名。那么，您知道驾校体检有哪些事项要注意吗？一起来学习一下吧。操作……新余有哪些好玩的地方江西新余是个人杰地灵的地方，那么大家知道新余有哪些好玩的地方吗？接下来这篇指南将告诉你答案。操作方法01：hr仙女湖风景区，是新余等级最高的国家级风景区，被评为国家……