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