交互文档

交互文档是一套体系,是一个完整的产品。

  • 封面:产品名称、版本、涉及人员(产品、交互、开发、测试)。
  • 修正记录:变更记录,时间倒叙,细化修改记录,以及超链接。
  • 需求分析+业务流程图:详细的业务需求分析,以及产品业务流程图。
  • 信息架构:整个交互文档的架构。
  • 流程图:整个功能或及不同核心功能的流程图。
  • 控件库:便于管理控件,统一视觉规范,布局规范。
  • 交互方案:详细到每个页面的详细设计过程以及交互说明。
    • 流程:一个页面一个任务,一个页面说清一件事;每个人物都要有起点;同一页面的不同状态,最好在一个页面展示(不要忽视极端情况)。
    • 页面布局:页面布局规范,准确传递设计方案;页面尽量黑白灰,避免视觉干扰。
    • 说明:1.交互规则及逻辑关系。2. 交互迭代要有标示。3.点击后的交互反馈(跳转、加载、按钮状态)。4.动效说明,通常小图分镜展示,或文案说明,或视觉出方案。5.需要视觉同学注意的特别表明,(哪些页面需要视觉稿;哪些需要视觉特殊处理;如果视觉上有情感需求,需要特殊表明)

与PM

1.明确需求——与产品一起明确需求
2.制定规则——展示规则
3.变更需求——方案变更周知

与UI

1.单个页面设计——每块元素的合理布局
2.不能轻易调整交互文档——少用视觉元素
3.可以设计调整的地方——局部细节排版可以合作完成

与开发

1.功能的实现方式——交互细节/交互逻辑的详细描述
2.实现方式的变更——变更前的确定,以及变更后的周知

与测试

1.撰写测试用例——详细表述细节
2.极端情况——极端情况说明
3.交互文档的严格实现者——交互设计师的好搭档

Comments
Write a Comment