如何制作交互设计文档
2020-03-07 本文已影响0人
LydiaY
axure sketch ppt
交互文档什么样?
封面:
封面
修订记录
修订记录
需求分析:
需求分析
信息架构:
信息架构
流程设计:
流程设计
流程说明:
流程说明
交互控件罗列:
总结:
1. 封面
2. 目录
3. 修订记录
修订记录的意义
4. 业务流程图
5. 信息架构
6. 交互流程图
7. 交互方案
流程1:一个页面说清楚一件事,每一页能展示的内容是有限的,如果同一页中堆积太多线框图会造成问题.
7.1 一个页面一个任务
流程2:每个任务都要有起点
7.2 任务的起点
同一个页面的不同状态,最好在一个页面展示(不用忽视极端情况)
7.3页面的不同状态
页面布局
页面内容:页面布局规范,准确传递设计方案. 尽量黑白灰,避免视觉干扰.
交互说明1:交互规则及逻辑关系
8.1 交互规则及逻辑关系
交互说明2:交互迭代要有标识
8.2 迭代标识
交互说明3:点击后的交互反馈
8.3 交互反馈
交互说明4:动效如何说明,逐帧说明/文案描述/具体效果
8.4 交互动效说明
交互说明5:需要视觉同学注意的特别标明 [哪些页面需要视觉稿?哪些需要视觉特殊处理?如果在视觉上有情感需求,需要特殊说明]
8.5 交互情感提示
控件库+布局预览:
9.1 控件库
9.2 布局预览
