交互设计要学什么-用户体验百科.docx

1、 官网 交互设计是宽泛的问题，以下对 UI 设计流程中的交互设计进行最全面、有质量的解释，希望帮助更多喜欢 UI/UE 的朋友，加深对 UI 设计、交互设计需要掌握的能力的了解。解答一- 交互设计设计师是做什么的？. 1、 定 性 研 究 ： 针 对 可 能 使 用 你 的 产 品 的 人 ， 通 过 问 卷 、 访 谈 等 等 进 行 数 据 收 集2、 确 定 人 物 角 色 ： 即 产 品 的 典 型 用 户 ， 可 以 有 一 种 或 几 种 。 例 如 可 以 有 一 个 人 物 角 色 叫 CEO。3、 写 问 题 脚 本 ： 罗 列 人 物 角 色 在 使 用 产 品 时 可 能

2、 遇 到 的 问 题 ， 可 以 整 理 成 一 个 故 事 便 于 别 人 理 解4、 写 动 作 脚 本 ： 像 写 故 事 一 样 ， 写 人 物 角 色 在 使 用 你 设 计 好 的 产 品 时 ， 发 生 的 细 节 。 注 意 ， 这 个 时 候 你的 交 互 方 案 的 概 念 模 型 已 经 基 本 成 型 了 ， 这 个 概 念 模 型 是 通 过 解 决 问 题 脚 本 里 的 问 题 而 得 出 的 。5、 画 线 框 图 ： 这 个 线 框 图 是 通 过 把 动 作 脚 本 里 的 概 念 模 型 转 化 成 视 觉 模 型 得 到 的 。6、 制 作 原 型 ：

3、做 出 来 好 像 可 以 用 的 东 西 ， 有 很 多 原 型 工 具 可 以 利 用 。7、 专 家 评 测 ： 至 少 两 名 设 计 师 或 对 交互设计比 较 了 解 的 人 通 过 反 复 测 试 原 型 。 找 到 问 题 后 修 改 线 框 图 并更 新 原 型 。8、 用 户 评 测 ： 让 用 户 使 用 原 型 ， 可 以 给 他 们 一 些 任 务 去 完 成 。 根 据 用 户 在 使 用 过 程 中 的 问 题 和 建 议 进 行进 一 步 修 改 。如 果 你 想 要 知 道 具 体 怎 么 做 ， 请 继 续 看 一、定性研究（Qualitative Rese

4、arch）：无 论 你 用 何 种 形 式 做 调 查 ， 你 的 目 的 是 了 解 用 户 的 五 个 方 面 ：1、 行 为 （ Activities） ： 例 如 用 户 多 久 用 一 次 、 一 次 用 多 久 ？2、 态 度 （ Attitudes） ： 例 如 用 户 怎 样 看 待 这 个 产 品 ？3、 资 质 （ Aptitudes） ： 例 如 用 户 的 学 历 怎 样 ？4、 动 力 （ Motivation） ： 例 如 用 户 为 什 么 用 ？5、 技 能 （ Skills） ： 例 如 用 户 对 使 用 相 关 产 品 是 否 熟 悉 ？二、确定人物角色（

5、Persona）：如 果 你 的 定 性 研 究 有 所 成 功 ， 这 时 你 应 该 对 你 的 用 户 有 所 了 解 了 。 根 据 上 文 中 的 五 个 方 面 ， 你 需 要 挑 拣 出最 典 型 的 一 个 或 几 个 形 象 。 例 如 知 乎 的 人 物 角 色 可 能 有 ： 比 较 普 通 的 求 知 者 、 特 定 领 域 的 专 家 、 到 处 灌 水官网 的 你 不 但 要 确 定 这 些 人 物 角 色 （ Persona） 的 主 要 特 点 ， 还 要 确 定 他 们 的 需 求 和 目 的 。 为 了 增 加 真 实性 ， 可 以 给 人 物 角 色 （

6、Persona） 取 名 字 ， 选 一 张 照 片 ， 细 化 他 们 的 背 景 资 料 。三、写问题脚本（Problem Scenario）：官网 基 于 你 对 人 物 角 色 （ Persona） 的 理 解 ， 你 应 该 已 经 可 以 设 想 出 他 们 在 使 用 产 品 中 可 能 遇 到 的 问 题 了 。 你可 以 为 每 一 个 人 物 角 色 （ Persona） 列 一 个 问 题 单 ， 也 可 以 把 它 们 整 理 到 一 个 简 短 的 故 事 里 。四 、 写 动 作 脚 本 （ Action Scenario） ：首 先 你 要 为 已 列 出 的 问

7、 题 想 好 可 能 的 解 决 方 案 ， 然 后 写 一 个 简 短 的 故 事 把 这 些 解 决 方 案 囊 括 进 去 。 写 成 故事 的 好 处 是 代 入 感 较 强 ， 对 别 人 来 说 容 易 理 解 。 国 内 比 较 推 崇 故 事 版 ， 但 是 把 所 有 情 景 画 出 来 的 效 率 是 非常 低 的 。五、画线框图（Framework）：这 个 时 候 你 对 你 的 交 互 方 案 已 经 有 了 一 个 比 较 抽 象 的 想 法 了 ， 现 在 只 要 把 它 具 象 化 就 好 了 。 线 框 图 大 家 都比 较 了 解 ， 这 里 就 不 多 说

8、 了 。官网 六、制作可交互原型（Prototype）：就 算 没 有 程 序 员 帮 忙 ， 可 以 使 用 的 原 型 工 具 还 是 很 多 的 。 例 如 Axure RP 和 skech 都 比 较 有 名 ， 国 内 也 有不 少 。 不 过 我 只 用 过 InVision， 感 觉 还 可 以 。 不 论 用 什 么 手 法 ， 哪 怕 是 PPT 或 者 PDF， 只 要 做 出 一 个 可以 交 互 的 东 西 就 行 了 。一 个 原 型 是 不 可 能 实 现 所 有 功 能 的 ， 所 以 你 要 确 定 几 个 可 以 走 通 的 任 务 。 例 如 能 够 成 功

9、 在 知 乎 里 发 布 一 个问 题 等 。官网 七、专家评测（Expert Evaluation）：原 型 完 成 后 召 集 至 少 两 三 个 设 计 师 或 者 对 交 互 比 较 了 解 的 人 ， 使 用 并 评 测 原 型 。 你 可 以 将 原 型 所 关 注 的 几个 任 务 列 出 来 ， 以 免 专 家 不 知 道 原 型 哪 部 分 可 交 互 哪 部 分 不 可 交 互 。比 较 常 用 的 评 测 方 法 是 启 发 式 评 估 法 （ Heuristic Evaluation） ， 而 这 种 方 法 比 较 常 见 的 标 准 是 尼 尔 森 交互设计法 则

10、（ Nielsen Heuristic） 。 以 下 是 十 条 尼 尔 森 交 互 设 计 法 则 （ Nielsen Heuristic） ：1、 系 统 状 态 是 否 可 见 （ Visibility of system status）2、 系 统 是 否 符 合 现 实 世 界 的 习 惯 （ Match between system and the real world）3、 用 户 是 否 能 自 由 地 控 制 系 统 （ User control and freedom）4、 统 一 与 标 准 （ Consistency and standards）5、 错 误 防 范 （

11、 Error prevention）6、 减 轻 低 用 户 的 记 忆 负 担 （ Recognition rather than recall）官网 7、 灵 活 性 和 效 率 （ Flexibility and efficiency of use）8、 美 观 简 洁 （ Aesthetic and minimalist design）9、 帮 助 用 户 认 知 、 了 解 错 误 ， 并 从 错 误 中 恢 复 （ Help users recognize, diagnose, and recover from errors）10、 帮 助 文 档 （ Help and docum

12、entation）如 何 做 启 发 式 评 估 法 （ Heuristic Evaluation） ？ 很 简 单 ， 专 家 们 各 自 将 自 己 发 现 问 题 列 出 来 ， 并 将 之 与对 应 的 法 则 相 关 联 ， 或 者 根 据 法 则 来 查 找 问 题 ， 然 后 专 家 们 分 别 给 自 己 的 问 题 打 分 。 专 家 们 完 成 自 己 的 问题 列 表 后 ， 一 起 讨 论 ， 将 问 题 整 合 起 来 。常 用 的 打 分 方 法 如 下 ：4 分 问 题 太 过 严 重 ， 一 旦 发 生 用 户 的 进 程 将 会 终 止 并 且 无 法 恢 复

13、3 分 问 题 较 为 严 重 ， 很 难 能 恢 复2 分 问 题 一 般 严 重 ， 但 是 用 户 能 够 自 行 恢 复 ， 或 者 问 题 只 会 出 现 一 次1 分 问 题 较 小 ， 偶 尔 发 生 ， 并 且 不 会 对 用 户 的 进 程 产 生 太 大 影 响0 分 ： 不 算 问 题记 住 ： 评 测 完 后 别 忘 记 修 改 你 的 线 框 图 和 原 型 ！八、用户评测（User Evaluation）：原 型 通 过 专 家 评 测 后 ， 你 可 以 找 一 些 典 型 用 户 使 用 原 型 。 你 可 以 把 任 务 列 给 他 们 ， 让 他 们 自 己

14、 尝 试 完 成 任务 。 中 间 遇 到 的 问 题 可 以 记 录 下 来 ， 设 计 师 通 过 观 察 来 进 行 评 分 。比 较 常 用 的 用 户 评 测 方 法 是 Think Aloud（ 对 不 起 没 有 找 到 合 适 的 翻 译 ） 。 做 法 也 很 简 单 ， 你 让 用 户 使 用原 型 完 成 指 定 的 几 个 任 务 ， 让 他 们 在 使 用 过 程 中 将 他 们 的 每 一 步 和 心 中 的 想 法 说 出 来 。 如 果 他 们 忘 记 说 或者 不 知 道 该 怎 么 说 ， 你 可 以 适 当 提 问 。 与 此 同 时 ， 你 要 将 屏

15、幕 和 声 音 录 下 来 ， 可 以 用 录 屏 软 件 或 摄 像 头 。完 成 后 ， 你 回 放 这 些 视 频 ， 把 观 察 到 的 问 题 和 用 户 报 告 的 问 题 全 部 记 录 下 来 ， 与 交 互 法 则 关 联 并 且 打 分 。值 得 注 意 的 是 ， 很 多 人 更 习 惯 给 出 建 议 而 不 是 提 出 问 题 ， 例 如 “这 个 按 钮 应 该 更 大 一 点 ， 这 样 才 看 的 到 ”。这 时 ， 你 该 记 录 下 来 的 是 “按 钮 不 够 引 人 注 意 ”。有 趣 的 是 ， 用 户 评 测 的 结 果 可 能 和 专 家 评 测

16、的 结 果 相 差 很 远 ， 这 里 就 不 多 说 了 。解答二- 什么是 UI 设计. 由于软件产品的设计主要分为两个部分：UI 设计与编程设计。UI 设计师就是对软件的人机交互、操作逻辑、界面美观等整体进行设计。之后编程工程师才能根据这些界面与交互规范文档进行软件的编程开发，实现这些界面并最终能够被用户使用。官网 也就是说：UI 设计本身是包含交互设计的，当下一些大型互联网公司由于产品的复杂度和效率的提升，将交互设计进行了专业的划分，也就是交互设计师除了不做 UI 的视觉部分，其他都是需要做的。解答三- 为什么要进行 UI 设计？ UI 设计师的岗位角色 . 开发需要：术业有专攻，有了

17、 UI 设计，编程开发人员人才能知道公司想要什么样的产品，才能按照设计图、交互文档等制定开发规范，进行有目的编程工作，各司其职，快速开发。商业需要：优秀的 UI 设计，不但让软件变得有个性、有品质，还能让软件的使用变得舒适、简单、自由，充分增强了软件在市场中的地位和产品特点，还能让公司因为该产品高效率地实现商业目标。UI设计处在整个产品开发工作流程中的角色核心- UI 设计师能力的困惑： . 官网 UI 设计是互联网时代的设计变革，有界面和软件的时候就存在，但却没有现在这样对 UI 设计专业能力的重视。很多人现在学习 UI 设计，有的是看重 UI 设计月能薪破万的高薪资，有的人看重他未来大好的

18、职业发展前景。总之，就是各位小伙伴要转行 UI 设计了，说到互联网时代的产品设计，很多人肯定要问一问：1、UI 设计主要用什么软件？2、学 UI 设计最终要掌握什么样的工作能力？在这里重点说一下，很多初步了解 UI 设计的朋友，很容易把 UI 设计当成是界面视觉的设计（就是美工的感念），认为就是画个框、配色、堆上该有的功能嘛；这也是大部分培训机构培训现状。UI 设计当然不是这样，这是 5 年前还没有定义专业 UI 设计的理解。 那个时候很多 UI 设计师根本没有经过专业的培训，都是在不断的摸索中总结出来的，这一辈人是我们的前辈，当时是没有专业的 UI 设计培训机构给他们提供学习的空间。如今，经

19、过移动互联网 4 年的发展，UI 设计更加注重互联网思维、用户体验设计（UED），注重以用户为中心的设计，UI 设计师的设计是否能帮助公司完成产品的商业目标，将会对公司的商业发展起到巨大的作用。所以，学会使用这些软件，就能成为一名合格的 UI 设计师是不可能的。有这种天赋的人太少了。 专业的 UI 设计教学中，软件仅仅只是一个设计工具而已。UI 设计师需要的是真正的产品设计思维，终其一点就是：怎样设计出一款让用户用着“爽”的产品。学u 设计都需要掌握什么软件和能力？官网 （切忌：软件只是一个图形处理、表达 UI 设计的工具；“会”软件不代表有 UI 设计能力）作为一个真正合格、优秀的 UI 设计师，你要主要具备三种能力：1 界面视觉设计能力；2 交互设计能力；3 用户需求研究能力；通常，我们看到都是界面视觉设计，比如 app 的界面。但是对于 UI 设计师思维活动与设计流程来说，这三种能力你需要从后往前开始，最终才能完成高质的 UI 设计；顺序不可逆！结语： 专业的培训机构因为有教学实力，因此也会有就业保障。如今企业对 UI 设计师要求已经提高，再也不是临摹就能拿到 offer 的时候了，必须达到企业用人需求才能真正胜任设计师岗位。优途 UI 教育的课程与企业需求无缝衔接，保证学员学到前沿技术，资深设计总监师资，就业服务完善，为学员高薪就业保驾护航。