交 互 说 明 文 档 , 是 交 互 设 计 师 的 输 出 物 中 必 不 可 少 的 一 项 , 它 关 系 着 设 计 方 案 能 否最 大 程 度 的 被 实 现
交 互 新 人 , 大 多 会 烦 恼 如 何 写 交 互 文 档 , 今 天 来 聊 聊 这 个 话 题
交 互 文 档 , 写 给 谁 看 交 互 文 档 可 以 看 做 交 互 设 计 师 输 出 的 ”产 品 ”, 它 面 向 的 ”用 户 ”是 下 游 的 同 事 ——视觉设 计 师 、测试工程 师 、开发工程 师
他们会 根据文 档 中 的 线框图、交 互 细节说 明等等, 来 输 出 视觉设 计 稿、写 测试用 例、用 代码实 现 产 品 设 计 方 案 , 并以 此为依据完成验收测试等工作
交 互 文 档 , 写 什 么 内 容 最 初写 交 互 文 档 时, 很多 人 会 有疑惑该写 些什么内容
我的 看 法是 , 开发同 事 在写代码时需要考虑的 与界面 显示逻辑、用 户 操作相关 的 内容,几乎都要在交 互 文 档 中 体现 ,建议越全面 越好
如 果有遗漏的 内容, 开发可 能 会 找你讨论, 也可 能 懒得费时间沟通直接按照自己的理解去实 现
最 终, 验收测试的 效果不 如 意, 你也不 能 全赖开发
所以 尽量将交 互 文 档写 的 全面 些, 别消费开发同 事 对你的 信赖值
那么, 到底交 互 文 档 中 , 需要写 哪些内容呢
1、页面流程(界面之间) 页面 流程 图, 可 以 表达产 品 的 整体结构, 帮助同 事 了解界面 之间的 关 系
在撰写 交互 文 档 时, 也可 以 以 任务、子任务为模块来 详细介绍界面 如 何 跳转、何 时跳转
2、内容布局(界面内) 正 在 加 载 状 态 、加 载 完 成 有 内 容 的 状 态