软件用户界面设计

上传人:san****019 文档编号:22808534 上传时间:2021-06-01 格式:PPT 页数:32 大小:1.39MB
返回 下载 相关 举报
软件用户界面设计_第1页
第1页 / 共32页
软件用户界面设计_第2页
第2页 / 共32页
软件用户界面设计_第3页
第3页 / 共32页
点击查看更多>>
资源描述
软 件 用 户 界 面 设 计 分 析 问 题 传 授 方 法 林 锐 博 士http:/ 上 海 漫 索 计 算 机 科 技 有 限 公 司 Page 2 参 考 书 : Web软 件 用 户 界 面 设 计 指 南 , 林 锐 等 , 电 子 工 业 出 版 社 , 2005 Page 3 目 录1. 咨 询 流 程 2. 软 件 用 户 界 面 设 计 的 重 要 性3. 现 状 、 问 题 和 原 因4. 用 户 眼 中 的 好 软 件5. 软 件 用 户 界 面 设 计 的 要 素 u 5.1 界 面 适 合 于 展 现 功 能u 5.2 界 面 适 合 于 用 户 群 体u 5.3 容 易 理 解u 5.4 及 时 反 馈 操 作 信 息u 5.5 防 错 和 出 错 处 理u 5.6 一 致 性 和 个 性 化u 5.7 最 少 步 骤 、 最 高 效 率u 5.8 合 理 的 布 局u 5.9 合 理 的 色 彩 u 5.10 国 际 化 Page 4 1. 咨 询 流 程 1.1 流 程 图 持 续 提 升 企 业 的 软 件 用 户 界 面 设 计 能 力1. 调 研 2. 用 户 界 面 诊 断3. 界 面 设 计 培 训 4. 集 体 练 习 5. 总 结 与 改 进 Page 5 1. 咨 询 流 程 1.2 步 骤u 第 1步 调 研 。 咨 询 师 访 谈 公 司 领 导 、 界 面 设 计 人 员 、 软 件 开 发 和 测 试 人 员 , 以 及 阅 读 产 品 开 发 的相 关 资 料 ( 例 如 需 求 文 档 、 设 计 文 档 ) , 了 解 用 户 界 面 设 计 的 能 力 现 状 。 u 第 2步 用 户 界 面 诊 断 。 咨 询 师 对 公 司 实 际 软 件 产 品 的 用 户 界 面 进 行 诊 断 , 找 出 不 合 理 的 设 计 , 记录 案 例 。u 第 3步 设 计 方 法 培 训 。 咨 询 师 讲 解 软 件 用 户 界 面 设 计 方 法 , 同 步 进 行 案 例 分 析 ( 从 第 2步 获 得 ) 。帮 助 学 员 了 解 并 掌 握 软 件 用 户 界 面 的 10个 设 计 要 素 。u 第 4步 集 体 练 习 。 软 件 产 品 的 所 有 相 关 人 员 在 学 习 用 户 界 面 设 计 方 法 之 后 , 进 行 集 体 练 习 : 根 据 “ 检 查 表 ” 诊 断 软 件 用 户 界 面 , 发 掘 问 题 , 阐 述 观 点 ; 给 出 改 进 建 议 u 第 5步 总 结 与 改 进 。 咨 询 师 总 结 所 有 的 “ 问 题 和 建 议 ” , 相 关 人 员 有 计 划 地 改 进 软 件 用 户 界 面 。 Page 6 2. 软 件 用 户 界 面 设 计 的 重 要 性2.1 发 展 趋 势u 软 件 用 户 界 面 的 发 展 经 历 了 从 简 单 到 复 杂 、 从 低 级 到 高 级 的 过 程 , 用 户 界 面 在 软 件 系 统 中 的 价 值比 重 越 来 越 高 。 如 果 编 程 之 道 是 完 美 的 , 那 么 操 作 系 统 就 是 完 美 的 ; 如 果 操 作 系 统 是 完 美 的 , 那 么 编译 程 序 就 是 完 美 的 ; 如 果 编 译 程 序 是 完 美 的 , 那 么 应 用 程 序 就 是 完 美 的 。 于 是 , 用 户 满 意之 极 , 和 谐 应 运 而 生 。 编 程 之 道 开 篇 语 2.2 开 发 竞 争 u 得 益 于 互 联 网 的 发 展 和 普 及 , 软 件 开 发 的 技 术 门 槛 在 不 断 下 降 , 大 部 分 软 件 企 业 的 技 术 手 段 也 趋向 于 雷 同 , “ 软 件 设 计 ” 变 得 越 来 越 重 要 。 当 大 家 都 掌 握 了 相 似 的 技 术 和 需 求 信 息 后 , 企 业 之 间的 开 发 竞 争 “ 比 的 就 是 设 计 ” 。 软 件 用 户 界 面 设 计 要 综 合 考 虑 “ 易 用 性 设 计 ” 、 “ 艺 术 设 计 ” 和 “ 技 术 实 现 ” , 很 有 挑 战性 。 2.3 用 户 挑 剔u 用 户 界 面 在 很 大 程 度 上 影 响 着 软 件 的 命 运 , 因 为 广 大 用 户 对 软 件 的 评 价 主 要 来 源 于 他 们 操 作 用 户界 面 的 感 受 。 同 类 软 件 越 多 , 选 择 余 地 越 大 , 购 买 者 对 软 件 用 户 界 面 就 越 挑 剔 。 尤 其 是 互 联 网 的 软 件 和 服 务 ( 免 费 或 收 费 ) 。 Page 7 3. 现 状 、 问 题 和 原 因3.1 不 容 乐 观 的 现 状u 尽 管 国 内 有 很 多 技 术 出 色 、 聪 明 过 人 的 软 件 工 程 师 , 但 是 不 少 人 开 发 出 来 的 软 件 产 品 却 既 难 用 又难 看 , 客 户 很 不 满 意 。 导 致 经 常 要 修 改 软 件 的 用 户 界 面 , 造 成 极 大 的 生 产 力 浪 费 。u 到 处 是 用 户 界 面 设 计 缺 陷 : 不 可 原 谅 的 过 失 ! ( 小 偷 和 神 父 的 故 事 ) 界 面 措 辞 含 糊 , 甚 至 有 错 别 字 。 连 简 单 的 消 息 框 都 设 计 不 好 , 可 能 存 在 文 不 对 题 的 语 病 。 界 面 布 局 混 乱 , 缺 乏 逻 辑 , 凡 是 能 放 的 东 西 都 堆 集 上 去 , 让 用 户 不 知 从 何 下 手 。 没 有 防 错 处 理 , 不 对 用 户 输 入 的 数 据 进 行 检 验 , 不 根 据 用 户 的 权 限 自 动 隐 藏 或 者 禁 用 某 些功 能 。 执 行 破 坏 性 的 操 作 之 前 , 不 提 醒 用 户 确 认 。 总 之 , 如 果 用 户 执 行 了 错 误 的 操 作 , 那他 活 该 。 不 提 供 进 度 条 、 动 画 来 反 映 正 在 进 行 的 比 较 耗 时 间 的 过 程 , 对 于 重 要 的 操 作 也 不 返 回 结 果, 让 用 户 干 着 急 。 我 们 见 到 的 用 户 界 面 缺 陷 不 胜 枚 举 u 失 败 的 案 例 某 企 业 的 电 子 政 务 软 件 某 银 行 的 网 上 支 付 软 件 Page 8 3. 现 状 、 问 题 和 原 因3.2 问 题 和 原 因 之 一 : 教 育 缺 陷u 国 内 绝 大 多 数 大 学 的 计 算 机 学 科 没 有 开 设 软 件 用 户 界 面 设 计 的 课 程 , 也 没 有 开 设 相 关 的 如 人 机 工程 学 、 美 学 、 心 理 学 等 课 程 。 理 工 科 人 士 天 性 喜 欢 钻 研 技 术 , 不 太 关 心 用 户 需 要 什 么 。u 由 于 学 生 们 接 受 的 教 育 几 乎 全 是 科 学 与 技 术 , 他 们 不 知 道 怎 样 才 能 设 计 易 用 、 美 观 的 用 户 界 面 ,很 多 人 甚 至 想 都 没 有 想 过 。 当 他 们 毕 业 后 真 正 参 与 软 件 产 品 开 发 时 , 只 好 凭 着 个 人 的 经 验 与 感 觉设 计 软 件 的 用 户 界 面 , 这 样 产 生 的 界 面 往 往 得 不 到 大 众 用 户 的 认 可 。u 最 近 几 年 , 国 内 计 算 机 相 关 专 业 的 毕 业 生 太 多 了 , 呈 现 “ 供 大 于 求 ” 的 局 面 , 很 多 毕 业 生 难 以 找到 合 适 的 工 作 , 刚 毕 业 的 普 通 程 序 员 的 工 资 低 到 仅 供 糊 口 的 地 步 。 另 一 方 面 , 大 部 分 软 件 公 司 都需 要 招 聘 软 件 用 户 界 面 设 计 师 , 可 是 招 聘 不 到 人 。 u 建 议 : 任 何 人 , 只 要 在 工 作 中 发 现 了 自 己 的 知 识 缺 陷 , 他 都 应 该 及 时 学 习 , 弥 补 不 足 。 同 时 , 企业 应 当 设 法 邀 请 软 件 用 户 界 面 设 计 专 家 给 员 工 们 培 训 , 努 力 在 最 短 的 时 间 内 有 效 地 提 升 员工 们 的 用 户 界 面 设 计 能 力 。 Page 9 3. 现 状 、 问 题 和 原 因3.3 问 题 和 原 因 之 二 : 服 务 对 象 错 位u 开 发 人 员 在 设 计 用 户 界 面 方 面 不 仅 存 在 先 天 的 教 育 缺 陷 , 更 加 糟 糕 的 是 还 常 常 犯 “ 错 位 ” 的 毛 病。 他 以 为 只 要 自 己 感 觉 用 户 界 面 漂 亮 、 使 用 起 来 方 便 , 那 么 用 户 也 一 定 会 满 意 。u 俗 话 说 “ 王 婆 卖 瓜 , 自 卖 自 夸 ” 。 当 开 发 人 员 向 用 户 展 示 软 件 时 , 常 会 得 意 地 讲 : “ 这 个 软 件 非常 好 用 , 我 操 作 给 你 看 , 是 很 好 用 吧 ! 蛮 漂 亮 的 吧 ! ”u 用 户 出 于 礼 貌 可 能 会 不 断 地 点 头 , 但 点 头 并 不 表 示 赞 同 。 用 户 总 不 好 意 思 说 他 还 没 有 看 明 白 怎 么回 事 , 请 开 发 人 员 慢 慢 地 再 演 示 一 遍 吧 ? 总 不 能 在 别 人 面 前 显 得 自 己 很 迟 钝 吧 !u 漫 索 公 司 软 件 人 员 在 开 发 “ 集 成 化 项 目 管 理 系 统 ” 的 错 位 感 受 ( 林 锐 经 历 ) 。 Page 10 3. 现 状 、 问 题 和 原 因3.4 问 题 和 原 因 之 三 : 混 淆 网 站 与 Web软 件 的 用 户 界 面u Web软 件 和 网 站 的 运 行 环 境 和 技 术 几 乎 完 全 相 同 , 但 是 两 者 的 用 途 和 特 征 很 不 相 同 。u 网 站 主 要 用 于 浏 览 信 息 , 面 向 大 众 用 户 , 主 页 面 的 内 容 随 时 会 更 新 , 不 存 在 统 一 的 网 站 用 户 界 面格 式 。 因 此 “ 个 性 化 ” 和 “ 不 断 变 化 ” 是 网 站 的 用 户 界 面 的 特 征 。u Web软 件 本 质 是 软 件 , 只 不 过 它 在 Web环 境 下 运 行 、 以 页 面 的 方 式 展 示 功 能 而 已 。 软 件 用 于 处 理有 固 定 流 程 ( 逻 辑 ) 的 业 务 , 而 不 是 仅 仅 让 人 们 浏 览 信 息 用 的 。 软 件 用 户 界 面 的 设 计 要 素 有 合 适性 、 可 理 解 、 一 致 性 、 出 错 处 理 、 及 时 反 馈 信 息 、 最 少 操 作 步 骤 、 合 理 的 布 局 和 色 彩 等 等 , 所 以软 件 与 网 站 的 用 户 界 面 的 特 征 是 有 很 大 差 异 的 。 不 少 企 业 都 有 自 己 的 网 站 , 也 有 不 少 基 于 Web的 管 理 系 统 , 例 如 人 力 资 源 管 理 系 统 、 办 公自 动 化 系 统 、 ERP系 统 等 等 。 开 发 人 员 看 惯 了 网 站 , 不 知 不 觉 地 把 网 站 的 用 户 界 面 风 格 套 用 到 Web软 件 上 。 结 果 Web软 件 的 用 户 界 面 上 到 处 是 花 花 绿 绿 的 超 级 链 接 和 闪 动 的 图 片 ,让 人 不 知 如 何 下 手 。 网 站 并 不 关 心 业 务 流 程 , 几 乎 没 有 出 错 处 理 , 倘 若 Web软 件 也 没 有 业 务 流 程 、 没 有 出 错 处理 的 话 , 试 问 谁 乐 意 用 这 样 的 Web软 件 ? Page 11 3. 现 状 、 问 题 和 原 因3.5 谁 来 设 计 软 件 的 用 户 界 面u 毫 无 疑 问 , 应 当 由 用 户 界 面 设 计 师 来 设 计 应 用 软 件 的 用 户 界 面 。 问 题 是 目 前 国 内 大 学 没 有 用 户 界面 设 计 这 样 的 专 业 , 软 件 行 业 还 没 有 形 成 “ 用 户 界 面 设 计 师 ” 这 样 的 职 业 。 职 业 化 的 用 户 界 面 设 计 通 晓 “ 易 用 性 设 计 ” 、 “ 艺 术 设 计 ” 和 “ 技 术 实 现 ” , 很 难 寻 觅 此人 才 。 所 以 在 目 前 , 所 谓 “ 用 户 界 面 设 计 师 ” 还 只 是 一 种 “ 角 色 ” 而 不 是 “ 职 业 ” 。u 如 果 软 件 企 业 里 没 有 专 职 的 用 户 界 面 设 计 师 , 那 么 请 软 件 开 发 工 程 师 和 美 工 人 员 共 同 设 计 用 户 界面 。 建 议 如 下 : 相 比 较 而 言 , 让 软 件 开 发 人 员 学 会 用 户 界 面 设 计 , 要 比 美 工 人 员 学 会 软 件 开 发 容 易 得 多 。 对 软 件 开 发 工 程 师 进 行 用 户 界 面 设 计 的 培 训 , 然 后 让 软 件 开 发 工 程 师 负 责 应 用 软 件 用 户 界 面 的 设 计 和 实 现 , 请 美 工 人 员 做 锦 上 添 花 的 美 化 工 作 。 u 很 多 人 有 疑 虑 , 让 软 件 开 发 工 程 师 从 事 用 户 界 面 设 计 , 他 们 能 做 好 吗 ? 回 答 是 肯 定 的 , 只 要 软 件 工 程 师 不 自 我 封 闭 , 追 求 上 进 , 那 么 他 肯 定 能 够 学 会 用 户 界 面 设计 , 绝 对 比 他 原 先 做 的 用 户 界 面 好 。 软 件 工 程 师 的 智 商 都 不 低 , 只 要 他 不 懒 惰 , 勤 于 学 习 、 实 践 和 思 考 , 那 么 他 就 能 够 成 为 某些 领 域 的 行 家 乃 至 专 家 。 论 据 : 我 从 来 没 有 学 过 美 工 , 也 没 有 人 指 导 我 如 何 设 计 软 件 用 户 界 面 。 通 过 自 学 和 实 践 之后 , 我 自 己 可 以 总 结 用 户 界 面 设 计 方 法 论 , 编 写 著 作 , 还 给 很 多 企 业 提 供 咨 询 和 培 训 。 Page 12 4. 用 户 眼 中 的 好 软 件4.1 “好 ” 的 软 件 意 味 着 “ 实 用 、 易 用 、 美 观 ”u 如 果 软 件 的 功 能 不 实 用 ( 不 能 为 用 户 解 决 问 题 ) , 那 么 不 管 该 软 件 是 否 易 用 和 美 观 , 用 户 一 般 都不 愿 意 购 买 该 软 件 , 除 非 用 户 没 有 选 择 余 地 。u 如 果 两 个 软 件 的 功 能 和 价 格 都 相 似 , 那 么 用 户 会 挑 选 更 加 易 用 的 那 个 软 件 。u 如 果 两 个 软 件 的 功 能 、 价 格 、 易 用 性 都 差 不 多 , 那 么 用 户 会 选 择 更 加 美 观 的 那 个 软 件 。4.2 谁 来 评 价 “ 好 或 差 ”u 用 户 才 真 正 有 资 格 说 软 件 “ 好 或 坏 ” 。 如 果 用 户 对 软 件 很 不 满 意 , 开 发 人 员 不 要 有 逆 反 情 绪 : 从哪 里 找 来 的 笨 蛋 用 户 ! u 其 实 不 是 用 户 笨 , 是 自 己 开 发 的 软 件 太 笨 了 。 当 用 户 真 的 感 到 软 件 很 好 用 时 , 一 股 温 暖 的 感 觉 油然 而 生 , 于 是 就 用 “ 界 面 友 好 ” 来 表 扬 这 个 软 件 。 软 件 行 业 很 少 发 生 那 么 感 动 人 的 场 景 : 用 户 热 切 地 握 着 开 发 人 员 的 手 , 连 声 称 赞 “ 你 们 开发 的 软 件 真 是 好 用 、 真 是 漂 亮 啊 ” 。 可 是 我 们 看 到 的 大 多 是 相 反 的 场 景 : 用 户 满 腹 牢 骚 ,开 发 人 员 垂 头 丧 气 。 Page 13 4. 用 户 眼 中 的 好 软 件4.3 应 当 站 在 用 户 的 立 场 看 待 软 件u 很 多 公 司 都 在 宣 扬 “ 以 人 为 本 ” , 可 笑 的 是 人 力 资 源 部 往 往 最 不 懂 得 “ 以 人 为 本 ” , 能 够 不 “ 与人 为 敌 ” 已 经 不 错 了 。 开 发 机 构 宣 扬 “ 以 客 户 为 中 心 ” , 但 是 却 撇 开 客 户 只 顾 忙 碌 地 开 发 软 件 ,做 出 客 户 不 会 用 的 东 西 。u 很 多 软 件 开 发 人 员 不 能 够 一 次 性 地 完 成 某 些 开 发 任 务 , 主 要 原 因 不 是 技 术 水 平 低 下 , 而 是 他 们 没有 真 正 理 解 用 户 的 需 求 , 也 没 有 站 在 用 户 角 度 看 待 软 件 。 如 果 用 户 不 满 意 软 件 的 功 能 和 界 面 , 那么 开 发 人 员 将 被 迫 重 新 开 发 。 重 新 开 发 的 代 价 显 然 要 比 修 改 Bug大 得 多 。u 如 果 软 件 企 业 能 够 真 正 重 视 并 且 下 功 夫 提 升 “ 需 求 分 析 ” 和 “ 用 户 界 面 设 计 ” 的 能 力 , 通 常 会 显著 地 提 升 软 件 生 产 率 和 客 户 的 满 意 度 。 Page 14 5. 软 件 用 户 界 面 设 计 要 素5.1 界 面 适 合 于 展 现 功 能 , 并 且 符 合 市 场 需 求u 软 件 的 功 能 需 要 通 过 用 户 界 面 来 展 现 。 毫 无 疑 问 , 用 户 界 面 一 定 要 适 合 于 软 件 的 功 能 , 这 是 最 基本 的 要 求 。 如 果 用 户 无 法 通 过 这 个 界 面 来 使 用 软 件 , “ 易 用 性 ” 根 本 就 无 从 谈 起 。 例 如 , 对 于 一 个 三 维 建 模 软 件 而 言 , 如 果 用 户 不 能 使 用 鼠 标 对 模 型 进 行 旋 转 、 移 动 、 缩 放等 操 作 , 那 么 这 个 用 户 界 面 就 不 适 合 该 软 件 的 功 能 。 如 果 不 改 进 用 户 界 面 的 话 , 即 使 软 件的 内 核 功 能 很 强 ( 如 算 法 很 先 进 ) , 这 个 软 件 也 很 难 卖 得 出 去 。 u “ 用 户 界 面 适 合 于 展 现 功 能 ” 是 首 要 的 设 计 原 则 , 它 提 醒 设 计 者 不 要 片 面 追 求 界 面 外 观 漂 亮 而 导致 华 而 不 实 。 u 开 发 团 队 要 分 析 产 品 的 核 心 价 值 : “ 最 吸 引 客 户 的 属 性 ; 最 赚 钱 的 属 性 ” 。 要 把 主 要 精 力 用 在 对经 济 效 益 贡 献 最 大 的 地 方 , 使 “ 投 入 产 出 ” 最 大 。 普 遍 存 在 的 “ 80 20”的 现 象 注 意 , 免 费 软 件 的 “ 吸 引 客 户 的 属 性 ” 和 “ 最 赚 钱 的 属 性 ” 可 能 不 是 同 一 回 事 情 。u 产 品 的 所 有 功 能 和 界 面 对 用 户 而 言 都 是 必 要 的 。 可 以 锦 上 添 花 , 但 是 不 能 画 蛇 添 足 ( 否 则 得 不 偿失 ) 。 Page 15 5. 软 件 用 户 界 面 设 计 要 素图 5-1(a) 。 搜 索 不 是 上 网 助 手 的 功 能 , 对 上 网 助 手 没 有 帮 助 , 反 而 可 能 是 用 户 跳 离 本 软 件 的 页 面 。 但 是 搜 索 却是 本 公 司 真 正 赚 钱 的 功 能 。 所 以 要 把 “ 搜 索 ” 放 在 最 现 眼 的 界 面 顶 部 。 图 5-1(b) 。 “ 免 费 看 美 女 看 笑 话 ” 不 属 于 上 网 助 手 的 功 能 需 求 , 这 个 低 俗 广 告 将 分 散 用 户 的 注 意 力 , 降 低 软 件品 牌 。 但 是 低 俗 广 告 却 是 互 联 网 免 费 软 件 主 要 收 入 来 源 , 所 以 被 迫 将 低 俗 广 告 放 在 上 网 助 手 中 。 示 例 分 析 Page 16 5. 软 件 用 户 界 面 设 计 要 素5.2 界 面 适 合 于 用 户 群 体u 一 个 软 件 产 品 可 能 有 许 多 类 型 的 用 户 , 例 如 有 些 用 户 对 计 算 机 比 较 外 行 , 有 一 些 用 户 可 能 是 计 算机 的 行 家 。 在 设 计 用 户 界 面 时 应 当 尽 可 能 多 地 了 解 不 同 类 型 用 户 的 使 用 习 惯 和 水 平 , 努 力 使 不 同类 型 用 户 在 操 作 软 件 的 时 候 感 觉 不 到 困 难 和 麻 烦 。 ( 理 想 境 界 )u 如 果 不 能 使 所 有 类 型 的 用 户 都 感 到 满 意 , 那 么 重 点 满 足 以 下 类 型 的 用 户 : “ 主 流 用 户 ” , “ 有 影响 力 的 用 户 ” “ 主 流 用 户 ” 是 指 占 最 大 比 例 的 那 种 类 型 的 用 户 。 主 流 用 户 可 能 不 是 水 平 最 高 的 用 户 , 他们 对 界 面 的 评 价 影 响 软 件 产 品 的 命 运 。 我 曾 经 为 杭 州 某 工 厂 开 发 “ 生 产 管 理 软 件 ” , 采 用 了 很 好 的 B/S技 术 构 架 , 界 面 也 很美 观 。 但 是 工 人 不 适 应 B/S软 件 界 面 , 无 法 有 效 地 进 行 生 产 管 理 , 最 后 报 废 这 个 软 件 。 “ 有 影 响 力 的 用 户 ” 可 能 不 是 主 流 用 户 , 但 是 他 们 会 影 响 其 它 用 户 对 软 件 的 印 象 。 例 如 互联 网 论 坛 版 主 、 作 家 、 传 媒 人 士 等 。u 努 力 提 升 用 户 群 体 对 软 件 产 品 的 好 感 , 杜 绝 欺 骗 消 费 者 。 由 于 互 联 网 的 欺 诈 、 恶 意 竞 争 的 行 为 盛 多 , 导 致 广 大 网 民 对 互 联 网 软 件 和 服 务 有 很 深 的 怀疑 和 恐 惧 。 示 例 : 网 民 被 骗 使 用 “ 收 费 的 免 费 电 子 邮 箱 ” , 从 而 对 该 企 业 讨 厌 之 极 。 从 此 无 论 该 企 业推 出 什 么 软 件 和 服 务 , 用 户 不 再 相 信 。u 要 有 效 地 收 集 用 户 的 使 用 反 馈 。 Page 17 5. 软 件 用 户 界 面 设 计 要 素5.3 界 面 容 易 被 用 户 理 解u 如 果 用 户 很 难 理 解 界 面 的 意 图 , 那 么 他 使 用 起 来 肯 定 很 费 劲 。 所 以 “ 容 易 理 解 ” 是 “ 容 易 使 用 ”的 前 提 条 件 。u 注 意 事 项 : 用 户 界 面 中 的 所 有 元 素 都 不 能 出 现 错 误 文 字 , 也 没 有 令 人 费 解 ( 例 如 二 义 性 、 逻 辑 混 乱 )的 文 字 。 用 户 界 面 设 计 人 员 绝 对 不 能 对 界 面 上 的 文 字 马 马 虎 虎 , 措 词 必 须 “ 正 确 、 准 确 ”。 图 标 按 钮 的 含 义 一 定 要 直 观 明 了 , 最 好 给 图 标 加 文 字 说 明 , 防 止 用 户 误 解 。 所 有 的 界 面 元 素 应 当 提 供 充 分 而 必 要 的 提 示 , 例 如 当 鼠 标 移 动 到 工 具 条 上 的 某 个 图 标 按 钮时 , 应 当 在 该 图 标 旁 边 出 现 功 能 提 示 。 界 面 结 构 能 够 清 晰 地 反 映 工 作 流 程 , 以 便 用 户 按 部 就 班 地 操 作 。 文 字 信 息 和 界 面 布 局 尽 量 和 用 户 群 体 的 使 用 习 惯 相 匹 配 。 对 于 复 杂 的 用 户 界 面 而 言 , 最 好 提 供 界 面 “ 向 导 ” , 及 时 让 用 户 知 道 自 己 在 界 面 结 构 中 所处 的 位 置 。 例 如 对 于 基 于 Web的 应 用 软 件 , 应 该 在 界 面 上 显 示 “ 当 前 位 置 ” , 否 则 用 户 很容 易 在 众 多 的 页 面 中 迷 失 方 向 。 Page 18 5. 软 件 用 户 界 面 设 计 要 素图 5-3(a) 。 实 名 搜 索 是 3721公 司 的 盛 名 之 作 , 这 个 搜 索 的 界 面 有 什 么 不 妥 吗 ? 图 5-3(b) 。“ 地 址 ” 两 字 让 人 费 解 , 让 人 搞 不 清 楚 是 住 址 , 还 是 http网 址 ? 搜 索 一 个 名 字 行 不 行 ?“ 试 一 试 , 浏 览 器 地 址 栏 中 也 可 以 直 接 搜 索 ” 这 句 话 有 点 多 余 ( 建 议 换 一 种 提 示 方 式 ) , 用 户 不 知 道 究 竟 从哪 里 搜 索 。 如 果 从 地 址 栏 搜 索 , 那 么 会 跳 离 上 网 助 手 的 页 面 , 可 能 放 跑 了 用 户 。 示 例 分 析 Page 19 5. 软 件 用 户 界 面 设 计 要 素示 例 分 析 图 5-3 . 由 于 “ 性 感 鸡 ” 和 其 它 广 告 太 醒 目 了 , 喧 宾 夺 主 , 使 得 下 面 的 “ 功 能 排 列 ” 不 被 注 意 , 或 者 潜 意 识 地 以 为“ 功 能 排 列 ” 的 所 有 条 目 都 是 宣 传 广 告 。 我 到 处 找 “ 上 网 助 手 ” 的 完 整 的 功 能 树 , 希 望 能 够 直 接 操 作 下 级 功 能 菜单 , 竟 然 没 有 看 到 “ 功 能 排 列 ” 这 个 区 域 。 另 外 , “ 下 载 上 网 助 手 ” 和 “ 助 手 工 具 下 载 ” 在 语 义 上 重 叠 , 初 级 用户 搞 不 明 白 要 下 载 哪 个 东 西 。 Page 20 5. 软 件 用 户 界 面 设 计 要 素5.4 一 致 性 和 个 性 化u “ 用 户 界 面 风 格 一 致 ” 的 最 大 好 处 就 是 能 够 减 少 用 户 的 记 忆 量 、 减 少 出 错 几 率 , 并 且 迅 速 积 累 操作 经 验 。 所 以 熟 悉 Word软 件 的 人 基 本 上 不 用 翻 阅 手 册 就 能 使 用 PowerPoint软 件 , 可 谓 “ 无 师 自 通” 。 软 件 的 用 户 界 面 中 同 类 的 界 面 元 素 应 当 有 相 同 的 视 感 和 相 同 的 操 作 方 式 。 例 如 命 令 按 钮 是最 常 见 的 界 面 元 素 , 所 有 命 令 按 钮 的 形 状 、 色 彩 以 及 对 鼠 标 的 响 应 方 式 都 是 一 致 的 同 一 类 型 软 件 的 用 户 界 面 应 当 有 一 定 程 度 的 相 似 性 。 例 如 Microsoft公 司 的 Office家 族 里 有Word、 Excel、 PowerPoint、 Outlook等 软 件 , 这 些 软 件 提 供 的 “ 复 制 、 剪 切 、 粘 贴 ” 功 能的 操 作 方 式 都 是 相 同 的 。 通 用 软 件 产 品 的 界 面 设 计 很 注 重 一 致 性 。 设 计 者 必 须 密 切 注 意 在 相 同 应 用 领 域 中 最 流 行 的 软 件 的 界 面 , 必 须 尊 重 用 户 使 用 这 些 软 件 的 习 惯 。 例 如 DOS和 Windows下 的 软 件 习 惯 于 设 置F1键 为 帮 助 热 键 , 如 果 某 个 设 计 者 别 出 心 裁 地 让 F1键 成 为 软 件 终 止 的 热 键 , 那 么 在 用 户 渴望 得 到 帮 助 而 伸 手 击 F1键 的 一 刹 那 , 他 的 工 作 就 此 完 蛋 。 相 信 这 个 用 户 会 被 这 另 类 的 F1气疯 了 。 目 前 流 行 的 软 件 开 发 工 具 如 Visual C+、 Visual Basic、 Delphi、 Java Builder、 Power Builder等 , 都 能 够 快 速 地 开 发 出 非 常 相 似 的 图 形 用 户 界 面 。 在 Internet/Intranet领 域 ,浏 览 器 几 乎 成 了 唯 一 的 客 户 端 软 件 , 因 为 Internet用 户 希 望 用 完 全 一 致 的 浏 览 方 式 来 完 成千 变 万 化 的 任 务 。 Page 21 5. 软 件 用 户 界 面 设 计 要 素5.4 一 致 性 和 个 性 化u 用 户 界 面 的 “ 个 性 化 ” 与 “ 一 致 性 ” 之 间 存 在 微 妙 的 矛 盾 关 系 : 对 于 一 些 非 常 注 重 安 全 性 的 商 业 软 件 ( 如 银 行 软 件 ) 而 言 , 用 户 界 面 的 “ 一 致 性 ” 要 比 “个 性 化 ” 重 要 得 多 , 因 为 一 致 的 用 户 界 面 可 以 减 少 用 户 出 错 的 几 率 。 例 如 , 国 内 所 有 银 行的 自 动 取 款 机 的 用 户 界 面 都 是 非 常 相 似 的 , 谁 也 不 会 设 计 一 些 新 花 样 玩 玩 。 而 对 于 非 严 格 系 统 的 应 用 软 件 而 言 , 有 个 性 化 的 界 面 自 然 比 泯 然 于 众 的 界 面 更 具 有 吸 引 力。 尤 其 是 娱 乐 领 域 的 软 件 , 用 户 更 加 喜 欢 有 个 性 的 甚 至 是 颠 覆 传 统 的 用 户 界 面 。 设 计 人 员 应 当 根 据 软 件 的 需 求 以 及 广 大 用 户 的 喜 好 , 在 使 用 户 界 面 具 备 必 要 的 “ 一 致 性 ”的 前 提 下 , 突 出 该 软 件 的 “ 个 性 ” 。 不 仅 让 用 户 使 用 起 来 方 便 , 而 且 对 软 件 留 下 深 刻 的 印象 。 Page 22 5. 软 件 用 户 界 面 设 计 要 素示 例 分 析 图 5-4( a) . 上 网 助 手 的 “ 首 页 ” 以 及 每 个 Tab页 面 的 “ 功 能 介 绍 ” 页 面 , 其 内 容 和 布 局 都 比 较 乱 , 用 户 摸 不 清 楚界 面 的 规 律 , 增 加 了 记 忆 难 度 , 降 低 使 用 效 率 。 本 图 中 , ( 1) 右 侧 “ 热 门 功 能 推 荐 ” , 在 逻 辑 上 不 是 “ IE修 复 的范 畴 ” , 应 当 放 在 其 它 合 适 的 地 方 , 避 免 扰 乱 用 户 的 思 路 。 ( 2) 左 侧 的 介 绍 不 完 整 , 少 了 4项 功 能 的 介 绍 , 不 一致 。 Page 23 5. 软 件 用 户 界 面 设 计 要 素示 例 分 析 图 5-4( b) . IE 的 Toolbar按 钮 一 般 不 会 有 下 拉 菜 单 ( 与 流 行 软 件 的 界 面 元 素 不 一 致 ) 。 如 果 要 下 拉 菜 单 的 话 , 应该 加 “ 下 拉 ” 标 记 。 “ 清 理 ” 和 “ 修 复 ” 含 有 立 即 执 行 、 并 且 会 改 动 用 户 计 算 机 设 置 的 含 义 , 用 户 担 心 点 击 “ 清理 ” 和 “ 修 复 ” 按 钮 将 出 现 不 期 望 的 操 作 。 要 设 法 消 除 用 户 的 畏 惧 和 疑 虑 , 让 用 户 明 白 有 下 拉 菜 单 。 Page 24 5. 软 件 用 户 界 面 设 计 要 素5.5 及 时 反 馈 操 作 信 息u 当 用 户 进 行 某 项 操 作 后 , 如 果 过 了 一 会 儿 ( 几 秒 钟 ) 用 户 界 面 一 点 反 应 都 没 有 , 这 将 使 用 户 感 到迷 茫 和 不 安 , 因 为 他 不 知 道 是 自 己 操 作 错 了 还 是 软 件 死 机 了 。u 及 时 反 馈 信 息 很 重 要 , 至 少 要 让 用 户 心 里 有 数 , 知 道 该 任 务 处 理 得 怎 么 样 了 , 有 什 么 样 的 结 果 。u 例 如 下 载 一 个 文 件 , 界 面 上 应 当 显 示 “ 百 分 比 ” 或 相 关 数 字 来 表 示 下 载 的 进 度 , 否 则 人 们 不 知 道要 等 待 多 少 时 间 。 如 果 某 些 事 务 处 理 不 能 提 供 进 度 等 数 据 , 那 么 至 少 要 给 出 提 示 信 息 如 “ 正 在 处理 , 请 等 待 ”。 最 好 是 提 供 合 适 的 动 画 , 让 用 户 明 白 软 件 正 在 干 活 、 没 有 死 机 。 Page 25 5. 软 件 用 户 界 面 设 计 要 素示 例 分 析 图 5-5 . 专 业 软 件 一 般 都 要 提 供 反 馈 操 作 信 息 的 窗 口 区 域 。 Page 26 5. 软 件 用 户 界 面 设 计 要 素5.6 防 错 和 出 错 处 理u 用 户 在 使 用 软 件 的 过 程 中 , 不 可 避 免 地 会 出 现 一 些 错 误 的 操 作 。 倘 若 用 户 不 小 心 输 入 了 错 误 的 数据 、 或 者 错 误 地 删 除 了 有 用 的 数 据 , 而 软 件 傻 乎 乎 地 、 将 错 就 错 地 执 行 了 , 那 么 用 户 肯 定 很 恼 火, 以 后 就 不 敢 放 心 地 使 用 软 件 。u 在 设 计 用 户 界 面 时 必 须 考 虑 防 错 处 理 , 目 的 是 让 用 户 不 必 为 避 免 犯 错 误 而 提 心 吊 胆 、 小 心 翼 翼 地操 作 。u 常 见 的 防 错 处 理 措 施 有 : 对 输 入 数 据 进 行 校 验 。 如 果 用 户 输 入 错 误 的 数 据 , 软 件 应 当 识 别 错 误 并 且 提 示 用 户 改 正 数据 。 对 于 Web页 面 , 开 发 人 员 一 般 要 编 写 JavaScript程 序 来 进 行 数 据 校 验 。 对 于 在 某 些 情 况 下 不 应 该 使 用 的 菜 单 项 和 命 令 按 钮 , 应 当 将 其 “ 失 效 ” ( 变 成 灰 色 , 可 见 但 不 可 操 作 ) 或 者 “ 隐 藏 ” 。 例 如 对 于 某 些 软 件 , 不 同 的 用 户 有 不 同 的 操 作 权 限 。 如 果 低权 限 的 用 户 登 录 到 系 统 , 那 些 仅 供 高 级 权 限 用 户 使 用 的 功 能 应 当 被 隐 藏 , 或 者 将 其 “ 失 效” 。 执 行 破 坏 性 的 操 作 之 前 , 应 当 获 得 用 户 的 确 认 。 例 如 用 户 删 除 一 个 文 件 时 , 应 当 弹 出 对 话框 : “ 真 的 要 删 除 该 文 件 吗 ” , 当 用 户 确 认 后 才 真 正 删 除 文 件 。 尽 量 提 供 Undo功 能 , 用 户 可 以 撤 销 刚 才 的 操 作 。u 如 果 发 生 意 外 或 错 误 , 应 当 及 时 给 出 告 警 消 息 和 错 误 消 息 , 提 醒 用 户 做 出 正 确 的 处 理 。 软 件 人 员 经 常 编 写 出 “ 劣 质 ” 的 消 息 框 , 例 如 措 词 生 硬 、 幼 稚 、 蹩 脚 , 甚 至 有 文 字 、 语 法错 误 ; 消 息 文 本 、 图 形 标 志 和 命 令 按 钮 在 语 义 上 不 一 致 。 让 人 哀 叹 ! Page 27 5. 软 件 用 户 界 面 设 计 要 素示 例 分 析 图 5-6 . 软 件 人 员 经 常 编 写 出 “ 劣 质 ”的 消 息 框 , 例 如 措 词 生 硬 、 幼 稚 、 蹩脚 , 甚 至 有 文 字 、 语 法 错 误 ; 消 息 文本 、 图 形 标 志 和 命 令 按 钮 在 语 义 上 不一 致 。 好 的 差 的 Page 28 5. 软 件 用 户 界 面 设 计 要 素5.7 最 少 步 骤 、 最 高 效 率u 设 计 用 户 界 面 时 应 当 尽 可 能 地 替 用 户 着 想 , 用 户 应 当 用 最 少 的 操 作 步 骤 完 成 某 项 操 作 任 务 , 获 得最 高 的 使 用 效 率 。 ( 手 机 充 值 , 超 级 女 声 )u 尽 管 减 少 一 个 操 作 步 骤 而 完 成 任 务 所 节 约 的 时 间 微 乎 其 微 ( 可 能 只 有 几 秒 钟 ) , 但 是 用 户 的 感 觉反 差 却 很 强 烈 。 假 设 有 两 个 功 能 相 似 的 免 费 Web email软 件 A和 B, 倘 若 在 收 、 发 email的 时 候 A比B节 省 一 个 操 作 步 骤 , 有 可 能 导 致 大 量 的 B用 户 抱 怨 B很 笨 , 从 而 转 用 A。 所 以 业 界 流 传 “ 多 1个 步骤 , 流 失 10%的 用 户 ” 。u 界 面 设 计 师 要 深 入 分 析 软 件 的 业 务 流 程 、 用 户 使 用 习 惯 , 才 能 设 计 出 最 少 的 操 作 步 骤 。 例 如 我 们 在 使 用 字 处 理 软 件 时 , “ 新 建 ” 、 “ 打 开 ” 或 “ 保 存 ” 文 件 是 最 常 用 的 菜 单 功 能。 为 了 提 高 操 作 效 率 , 软 件 设 计 师 把 最 常 用 的 功 能 用 图 标 按 钮 的 形 式 摆 放 在 工 具 条 ( toolbar) 上 , 这 样 用 户 直 接 点 击 图 标 按 钮 就 可 以 执 “ 新 建 ” 、 “ 打 开 ” 或 “ 保 存 ” , 只 需要 一 个 操 作 步 骤 , 显 然 大 部 分 用 户 喜 欢 用 图 标 按 钮 的 方 式 。 Page 29 5. 软 件 用 户 界 面 设 计 要 素示 例 分 析图 5-7(a) . Tab页 风 格 的 菜 单 结 构 在 技 术 上 和 视 感 上 都 比 较 流 行 , 但 是 多 了 操 作 步 骤 。 建 议 在 首 页 显 示 “ 完 整 展 开的 功 能 树 ” , 让 用 户 可 以 直 接 操 作 次 级 菜 单 , 一 步 到 位 。 图 5-7(b) .不 显 眼 的 菜 单排 列 , 常 被 用 户 忽 视 。至 少 要 让 菜 单 排 列 和 广告 互 换 位 置 。 Page 30 5. 软 件 用 户 界 面 设 计 要 素5.8 合 理 的 布 局u 首 先 , 界 面 的 总 体 布 局 应 当 有 一 定 的 逻 辑 性 , 最 好 能 够 与 工 作 流 程 吻 合 。 界 面 设 计 人 员 只 有 仔 细地 分 析 软 件 的 需 求 , 才 能 提 取 对 界 面 布 局 有 价 值 的 信 息 。u 其 次 , 窗 口 ( 或 页 面 ) 上 的 界 面 元 素 的 布 局 应 当 整 齐 清 爽 。 界 面 元 素 应 当 在 水 平 或 者 垂 直 方 向 对齐 , 行 、 列 的 间 距 保 持 一 致 。 窗 体 的 尺 寸 要 合 适 , 界 面 元 素 不 应 放 得 太 满 , 边 界 处 需 要 留 有 一 定 的 空 间 , 也 不 可 过 于 宽松 , 显 得 零 乱 。 界 面 元 素 需 要 一 致 的 对 齐 方 式 , 以 避 免 参 差 不 齐 的 视 觉 效 果 。 同 类 的 界 面 元 素 尽 量 保 持 大小 一 致 , 起 码 要 保 证 高 度 或 宽 度 的 一 致 ( 例 如 命 令 按 钮 ) 。 逻 辑 相 关 的 元 素 要 就 近 放 置 ,便 于 用 户 操 作 。 要 善 于 利 用 窗 体 和 界 面 元 素 的 空 白 , 以 及 分 割 用 的 线 条 。 Page 31 5. 软 件 用 户 界 面 设 计 要 素5.9 合 理 的 色 彩u 相 比 于 布 局 , 设 计 合 理 的 色 彩 就 困 难 多 了 , 因 为 色 彩 的 组 合 千 变 万 化 , 并 且 人 们 对 颜 色 的 喜 好 也极 不 相 同 。 例 如 , 人 们 对 黑 色 的 理 解 差 异 很 大 。u 一 般 规 律 : 如 果 不 是 为 了 显 示 真 实 感 的 图 形 和 图 像 , 那 么 应 当 限 制 一 帧 屏 幕 的 色 彩 数 目 , 因 为 人 们 在观 察 屏 幕 的 时 候 很 难 同 时 记 住 多 种 色 彩 。 应 当 根 据 对 象 的 重 要 性 来 选 择 颜 色 , 重 要 的 对 象 应 当 用 醒 目 的 色 彩 表 示 。 使 用 颜 色 的 时 候 应 当 保 持 一 致 性 , 例 如 错 误 提 示 信 息 用 红 色 表 示 , 正 常 信 息 用 绿 色 表 示 ,那 么 切 勿 乱 用 红 色 和 绿 色 。 在 表 达 信 息 时 , 不 要 过 分 依 赖 颜 色 , 因 为 有 些 用 户 可 能 色 盲 或 色 弱 。图 5-9 ”危 险 , 有 风 险 , 未 知 , 基 本 安 全 ” 的 颜 色 , 有 什 么 讲 究 吗 ? “ 黄 色 ” 看 不 清 楚 。 另 外 , 文 字 不 完 整 , 在 数字 后 面 加 “ 个 ” , 前 后 项 留 合 适 的 间 隔 。 Page 32 5. 软 件 用 户 界 面 设 计 要 素5.10 国 际 化 软 件 的 国 际 化 是 大 势 所 趋 ( 特 别 是 上 海 、 北 京 等 地 的 软 件 开 发 商 ) 。 为 了 能 够 更 好 地 适 应国 内 和 国 际 市 场 , 在 设 计 用 户 界 面 的 时 候 应 当 充 分 考 虑 语 言 和 文 化 的 差 异 。 尽 可 能 使 用 标准 的 图 解 方 式 和 国 际 通 行 的 语 言 , 要 求 简 单 易 懂 , 易 于 翻 译 , 方 便 不 同 母 语 的 用 户 。 翻 译 文 字 要 地 道 , 要 符 合 本 地 习 惯 , 不 能 硬 翻 译 , 否 则 太 不 专 业 。 MSN Messenger在 发 送文 件 的 时 候 , 出 现 如 下 图 所 示 的 提 示 “ 传 输 : 2407 KB 还 未 完 成 ” 。 明 显 是 汉 语 中 的 病 句, 居 然 出 现 在 微 软 的 产 品 中 , 显 然 是 硬 翻 译 英 文 Messenger的 结 果 。 正 确 的 翻 译 应 该 是 “文 件 正 在 传 输 , 剩 余 2407 KB”。 特 别 要 留 意 下 列 元 素 的 国 际 化 问 题 : 字 体 、 提 示 信 息 、 在 线 帮 助 。 货 币 、 度 量 单 位 。 日 期 格 式 ( 如 MM/DD/YY、 Year-MM-DD等 格 式 ) 。 人 的 名 字 、 电 话 号 码 、 通 信 地 址 。 图 标 、 标 签 。 阅 读 顺 序 或 习 惯 ( 外 国 人 看 中 文 的 故 事 )
展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 图纸专区 > 课件教案


copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!