《軟件用戶界面設(shè)計(jì)》由會員分享，可在線閱讀，更多相關(guān)《軟件用戶界面設(shè)計(jì)（32頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、軟 件 用 戶 界 面 設(shè) 計(jì) 分 析 問 題 傳 授 方 法 林 銳 博 士http:/ 上 海 漫 索 計(jì) 算 機(jī) 科 技 有 限 公 司 Page 2 參 考 書 ： Web軟 件 用 戶 界 面 設(shè) 計(jì) 指 南 ， 林 銳 等 ， 電 子 工 業(yè) 出 版 社 ， 2005 Page 3 目 錄1. 咨 詢 流 程 2. 軟 件 用 戶 界 面 設(shè) 計(jì) 的 重 要 性3. 現(xiàn) 狀 、 問 題 和 原 因4. 用 戶 眼 中 的 好 軟 件5. 軟 件 用 戶 界 面 設(shè) 計(jì) 的 要 素 u 5.1 界 面 適 合 于 展 現(xiàn) 功 能u 5.2 界 面 適 合 于 用 戶 群 體u 5.3

2、 容 易 理 解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 流 程 圖 持 續(xù) 提 升 企 業(yè) 的 軟 件 用 戶 界 面 設(shè) 計(jì) 能 力1. 調(diào) 研 2. 用 戶 界 面 診 斷3. 界 面 設(shè) 計(jì) 培 訓(xùn) 4. 集 體 練 習(xí) 5. 總 結(jié) 與 改 進(jìn) Page 5 1. 咨 詢 流 程 1.2 步 驟u 第 1步 調(diào) 研 。 咨 詢 師 訪

3、 談 公 司 領(lǐng) 導(dǎo) 、 界 面 設(shè) 計(jì) 人 員 、 軟 件 開 發(fā) 和 測 試 人 員 ， 以 及 閱 讀 產(chǎn) 品 開 發(fā) 的相 關(guān) 資 料 （ 例 如 需 求 文 檔 、 設(shè) 計(jì) 文 檔 ） ， 了 解 用 戶 界 面 設(shè) 計(jì) 的 能 力 現(xiàn) 狀 。 u 第 2步 用 戶 界 面 診 斷 。 咨 詢 師 對 公 司 實(shí) 際 軟 件 產(chǎn) 品 的 用 戶 界 面 進(jìn) 行 診 斷 ， 找 出 不 合 理 的 設(shè) 計(jì) ， 記錄 案 例 。u 第 3步 設(shè) 計(jì) 方 法 培 訓(xùn) 。 咨 詢 師 講 解 軟 件 用 戶 界 面 設(shè) 計(jì) 方 法 ， 同 步 進(jìn) 行 案 例 分 析 （ 從 第 2步 獲 得

4、 ） 。幫 助 學(xué) 員 了 解 并 掌 握 軟 件 用 戶 界 面 的 10個 設(shè) 計(jì) 要 素 。u 第 4步 集 體 練 習(xí) 。 軟 件 產(chǎn) 品 的 所 有 相 關(guān) 人 員 在 學(xué) 習(xí) 用 戶 界 面 設(shè) 計(jì) 方 法 之 后 ， 進(jìn) 行 集 體 練 習(xí) ： 根 據(jù) “ 檢 查 表 ” 診 斷 軟 件 用 戶 界 面 ， 發(fā) 掘 問 題 ， 闡 述 觀 點(diǎn) ； 給 出 改 進(jìn) 建 議 u 第 5步 總 結(jié) 與 改 進(jìn) 。 咨 詢 師 總 結(jié) 所 有 的 “ 問 題 和 建 議 ” ， 相 關(guān) 人 員 有 計(jì) 劃 地 改 進(jìn) 軟 件 用 戶 界 面 。 Page 6 2. 軟 件 用 戶 界 面

5、 設(shè) 計(jì) 的 重 要 性2.1 發(fā) 展 趨 勢u 軟 件 用 戶 界 面 的 發(fā) 展 經(jīng) 歷 了 從 簡 單 到 復(fù) 雜 、 從 低 級 到 高 級 的 過 程 ， 用 戶 界 面 在 軟 件 系 統(tǒng) 中 的 價(jià) 值比 重 越 來 越 高 。 如 果 編 程 之 道 是 完 美 的 ， 那 么 操 作 系 統(tǒng) 就 是 完 美 的 ； 如 果 操 作 系 統(tǒng) 是 完 美 的 ， 那 么 編譯 程 序 就 是 完 美 的 ； 如 果 編 譯 程 序 是 完 美 的 ， 那 么 應(yīng) 用 程 序 就 是 完 美 的 。 于 是 ， 用 戶 滿 意之 極 ， 和 諧 應(yīng) 運(yùn) 而 生 。 編 程 之 道

6、開 篇 語 2.2 開 發(fā) 競 爭 u 得 益 于 互 聯(lián) 網(wǎng) 的 發(fā) 展 和 普 及 ， 軟 件 開 發(fā) 的 技 術(shù) 門 檻 在 不 斷 下 降 ， 大 部 分 軟 件 企 業(yè) 的 技 術(shù) 手 段 也 趨向 于 雷 同 ， “ 軟 件 設(shè) 計(jì) ” 變 得 越 來 越 重 要 。 當(dāng) 大 家 都 掌 握 了 相 似 的 技 術(shù) 和 需 求 信 息 后 ， 企 業(yè) 之 間的 開 發(fā) 競 爭 “ 比 的 就 是 設(shè) 計(jì) ” 。 軟 件 用 戶 界 面 設(shè) 計(jì) 要 綜 合 考 慮 “ 易 用 性 設(shè) 計(jì) ” 、 “ 藝 術(shù) 設(shè) 計(jì) ” 和 “ 技 術(shù) 實(shí) 現(xiàn) ” ， 很 有 挑 戰(zhàn)性 。 2.3 用

7、 戶 挑 剔u 用 戶 界 面 在 很 大 程 度 上 影 響 著 軟 件 的 命 運(yùn) ， 因 為 廣 大 用 戶 對 軟 件 的 評 價(jià) 主 要 來 源 于 他 們 操 作 用 戶界 面 的 感 受 。 同 類 軟 件 越 多 ， 選 擇 余 地 越 大 ， 購 買 者 對 軟 件 用 戶 界 面 就 越 挑 剔 。 尤 其 是 互 聯(lián) 網(wǎng) 的 軟 件 和 服 務(wù) （ 免 費(fèi) 或 收 費(fèi) ） 。 Page 7 3. 現(xiàn) 狀 、 問 題 和 原 因3.1 不 容 樂 觀 的 現(xiàn) 狀u 盡 管 國 內(nèi) 有 很 多 技 術(shù) 出 色 、 聰 明 過 人 的 軟 件 工 程 師 ， 但 是 不 少 人

8、 開 發(fā) 出 來 的 軟 件 產(chǎn) 品 卻 既 難 用 又難 看 ， 客 戶 很 不 滿 意 。 導(dǎo) 致 經(jīng) 常 要 修 改 軟 件 的 用 戶 界 面 ， 造 成 極 大 的 生 產(chǎn) 力 浪 費(fèi) 。u 到 處 是 用 戶 界 面 設(shè) 計(jì) 缺 陷 ： 不 可 原 諒 的 過 失 ！ （ 小 偷 和 神 父 的 故 事 ） 界 面 措 辭 含 糊 ， 甚 至 有 錯 別 字 。 連 簡 單 的 消 息 框 都 設(shè) 計(jì) 不 好 ， 可 能 存 在 文 不 對 題 的 語 病 。 界 面 布 局 混 亂 ， 缺 乏 邏 輯 ， 凡 是 能 放 的 東 西 都 堆 集 上 去 ， 讓 用 戶 不 知 從

9、 何 下 手 。 沒 有 防 錯 處 理 ， 不 對 用 戶 輸 入 的 數(shù) 據(jù) 進(jìn) 行 檢 驗(yàn) ， 不 根 據(jù) 用 戶 的 權(quán) 限 自 動 隱 藏 或 者 禁 用 某 些功 能 。 執(zhí) 行 破 壞 性 的 操 作 之 前 ， 不 提 醒 用 戶 確 認(rèn) 。 總 之 ， 如 果 用 戶 執(zhí) 行 了 錯 誤 的 操 作 ， 那他 活 該 。 不 提 供 進(jìn) 度 條 、 動 畫 來 反 映 正 在 進(jìn) 行 的 比 較 耗 時 間 的 過 程 ， 對 于 重 要 的 操 作 也 不 返 回 結(jié) 果， 讓 用 戶 干 著 急 。 我 們 見 到 的 用 戶 界 面 缺 陷 不 勝 枚 舉 u 失 敗

10、的 案 例 某 企 業(yè) 的 電 子 政 務(wù) 軟 件 某 銀 行 的 網(wǎng) 上 支 付 軟 件 Page 8 3. 現(xiàn) 狀 、 問 題 和 原 因3.2 問 題 和 原 因 之 一 ： 教 育 缺 陷u 國 內(nèi) 絕 大 多 數(shù) 大 學(xué) 的 計(jì) 算 機(jī) 學(xué) 科 沒 有 開 設(shè) 軟 件 用 戶 界 面 設(shè) 計(jì) 的 課 程 ， 也 沒 有 開 設(shè) 相 關(guān) 的 如 人 機(jī) 工程 學(xué) 、 美 學(xué) 、 心 理 學(xué) 等 課 程 。 理 工 科 人 士 天 性 喜 歡 鉆 研 技 術(shù) ， 不 太 關(guān) 心 用 戶 需 要 什 么 。u 由 于 學(xué) 生 們 接 受 的 教 育 幾 乎 全 是 科 學(xué) 與 技 術(shù) ，

11、他 們 不 知 道 怎 樣 才 能 設(shè) 計(jì) 易 用 、 美 觀 的 用 戶 界 面 ，很 多 人 甚 至 想 都 沒 有 想 過 。 當(dāng) 他 們 畢 業(yè) 后 真 正 參 與 軟 件 產(chǎn) 品 開 發(fā) 時 ， 只 好 憑 著 個 人 的 經(jīng) 驗(yàn) 與 感 覺設(shè) 計(jì) 軟 件 的 用 戶 界 面 ， 這 樣 產(chǎn) 生 的 界 面 往 往 得 不 到 大 眾 用 戶 的 認(rèn) 可 。u 最 近 幾 年 ， 國 內(nèi) 計(jì) 算 機(jī) 相 關(guān) 專 業(yè) 的 畢 業(yè) 生 太 多 了 ， 呈 現(xiàn) “ 供 大 于 求 ” 的 局 面 ， 很 多 畢 業(yè) 生 難 以 找到 合 適 的 工 作 ， 剛 畢 業(yè) 的 普 通 程 序

12、員 的 工 資 低 到 僅 供 糊 口 的 地 步 。 另 一 方 面 ， 大 部 分 軟 件 公 司 都需 要 招 聘 軟 件 用 戶 界 面 設(shè) 計(jì) 師 ， 可 是 招 聘 不 到 人 。 u 建 議 ： 任 何 人 ， 只 要 在 工 作 中 發(fā) 現(xiàn) 了 自 己 的 知 識 缺 陷 ， 他 都 應(yīng) 該 及 時 學(xué) 習(xí) ， 彌 補(bǔ) 不 足 。 同 時 ， 企業(yè) 應(yīng) 當(dāng) 設(shè) 法 邀 請 軟 件 用 戶 界 面 設(shè) 計(jì) 專 家 給 員 工 們 培 訓(xùn) ， 努 力 在 最 短 的 時 間 內(nèi) 有 效 地 提 升 員工 們 的 用 戶 界 面 設(shè) 計(jì) 能 力 。 Page 9 3. 現(xiàn) 狀 、 問

13、 題 和 原 因3.3 問 題 和 原 因 之 二 ： 服 務(wù) 對 象 錯 位u 開 發(fā) 人 員 在 設(shè) 計(jì) 用 戶 界 面 方 面 不 僅 存 在 先 天 的 教 育 缺 陷 ， 更 加 糟 糕 的 是 還 常 常 犯 “ 錯 位 ” 的 毛 病。 他 以 為 只 要 自 己 感 覺 用 戶 界 面 漂 亮 、 使 用 起 來 方 便 ， 那 么 用 戶 也 一 定 會 滿 意 。u 俗 話 說 “ 王 婆 賣 瓜 ， 自 賣 自 夸 ” 。 當(dāng) 開 發(fā) 人 員 向 用 戶 展 示 軟 件 時 ， 常 會 得 意 地 講 ： “ 這 個 軟 件 非常 好 用 ， 我 操 作 給 你 看 ，

14、是 很 好 用 吧 ！ 蠻 漂 亮 的 吧 ！ ”u 用 戶 出 于 禮 貌 可 能 會 不 斷 地 點(diǎn) 頭 ， 但 點(diǎn) 頭 并 不 表 示 贊 同 。 用 戶 總 不 好 意 思 說 他 還 沒 有 看 明 白 怎 么回 事 ， 請 開 發(fā) 人 員 慢 慢 地 再 演 示 一 遍 吧 ？ 總 不 能 在 別 人 面 前 顯 得 自 己 很 遲 鈍 吧 ！u 漫 索 公 司 軟 件 人 員 在 開 發(fā) “ 集 成 化 項(xiàng) 目 管 理 系 統(tǒng) ” 的 錯 位 感 受 （ 林 銳 經(jīng) 歷 ） 。 Page 10 3. 現(xiàn) 狀 、 問 題 和 原 因3.4 問 題 和 原 因 之 三 ： 混 淆 網(wǎng)

15、 站 與 Web軟 件 的 用 戶 界 面u Web軟 件 和 網(wǎng) 站 的 運(yùn) 行 環(huán) 境 和 技 術(shù) 幾 乎 完 全 相 同 ， 但 是 兩 者 的 用 途 和 特 征 很 不 相 同 。u 網(wǎng) 站 主 要 用 于 瀏 覽 信 息 ， 面 向 大 眾 用 戶 ， 主 頁 面 的 內(nèi) 容 隨 時 會 更 新 ， 不 存 在 統(tǒng) 一 的 網(wǎng) 站 用 戶 界 面格 式 。 因 此 “ 個 性 化 ” 和 “ 不 斷 變 化 ” 是 網(wǎng) 站 的 用 戶 界 面 的 特 征 。u Web軟 件 本 質(zhì) 是 軟 件 ， 只 不 過 它 在 Web環(huán) 境 下 運(yùn) 行 、 以 頁 面 的 方 式 展 示 功

16、 能 而 已 。 軟 件 用 于 處 理有 固 定 流 程 （ 邏 輯 ） 的 業(yè) 務(wù) ， 而 不 是 僅 僅 讓 人 們 瀏 覽 信 息 用 的 。 軟 件 用 戶 界 面 的 設(shè) 計(jì) 要 素 有 合 適性 、 可 理 解 、 一 致 性 、 出 錯 處 理 、 及 時 反 饋 信 息 、 最 少 操 作 步 驟 、 合 理 的 布 局 和 色 彩 等 等 ， 所 以軟 件 與 網(wǎng) 站 的 用 戶 界 面 的 特 征 是 有 很 大 差 異 的 。 不 少 企 業(yè) 都 有 自 己 的 網(wǎng) 站 ， 也 有 不 少 基 于 Web的 管 理 系 統(tǒng) ， 例 如 人 力 資 源 管 理 系 統(tǒng) 、

17、 辦 公自 動 化 系 統(tǒng) 、 ERP系 統(tǒng) 等 等 。 開 發(fā) 人 員 看 慣 了 網(wǎng) 站 ， 不 知 不 覺 地 把 網(wǎng) 站 的 用 戶 界 面 風(fēng) 格 套 用 到 Web軟 件 上 。 結(jié) 果 Web軟 件 的 用 戶 界 面 上 到 處 是 花 花 綠 綠 的 超 級 鏈 接 和 閃 動 的 圖 片 ，讓 人 不 知 如 何 下 手 。 網(wǎng) 站 并 不 關(guān) 心 業(yè) 務(wù) 流 程 ， 幾 乎 沒 有 出 錯 處 理 ， 倘 若 Web軟 件 也 沒 有 業(yè) 務(wù) 流 程 、 沒 有 出 錯 處理 的 話 ， 試 問 誰 樂 意 用 這 樣 的 Web軟 件 ？ Page 11 3. 現(xiàn) 狀

18、、 問 題 和 原 因3.5 誰 來 設(shè) 計(jì) 軟 件 的 用 戶 界 面u 毫 無 疑 問 ， 應(yīng) 當(dāng) 由 用 戶 界 面 設(shè) 計(jì) 師 來 設(shè) 計(jì) 應(yīng) 用 軟 件 的 用 戶 界 面 。 問 題 是 目 前 國 內(nèi) 大 學(xué) 沒 有 用 戶 界面 設(shè) 計(jì) 這 樣 的 專 業(yè) ， 軟 件 行 業(yè) 還 沒 有 形 成 “ 用 戶 界 面 設(shè) 計(jì) 師 ” 這 樣 的 職 業(yè) 。 職 業(yè) 化 的 用 戶 界 面 設(shè) 計(jì) 通 曉 “ 易 用 性 設(shè) 計(jì) ” 、 “ 藝 術(shù) 設(shè) 計(jì) ” 和 “ 技 術(shù) 實(shí) 現(xiàn) ” ， 很 難 尋 覓 此人 才 。 所 以 在 目 前 ， 所 謂 “ 用 戶 界 面 設(shè) 計(jì)

19、師 ” 還 只 是 一 種 “ 角 色 ” 而 不 是 “ 職 業(yè) ” 。u 如 果 軟 件 企 業(yè) 里 沒 有 專 職 的 用 戶 界 面 設(shè) 計(jì) 師 ， 那 么 請 軟 件 開 發(fā) 工 程 師 和 美 工 人 員 共 同 設(shè) 計(jì) 用 戶 界面 。 建 議 如 下 ： 相 比 較 而 言 ， 讓 軟 件 開 發(fā) 人 員 學(xué) 會 用 戶 界 面 設(shè) 計(jì) ， 要 比 美 工 人 員 學(xué) 會 軟 件 開 發(fā) 容 易 得 多 。 對 軟 件 開 發(fā) 工 程 師 進(jìn) 行 用 戶 界 面 設(shè) 計(jì) 的 培 訓(xùn) ， 然 后 讓 軟 件 開 發(fā) 工 程 師 負(fù) 責(zé) 應(yīng) 用 軟 件 用 戶 界 面 的 設(shè) 計(jì)

20、和 實(shí) 現(xiàn) ， 請 美 工 人 員 做 錦 上 添 花 的 美 化 工 作 。 u 很 多 人 有 疑 慮 ， 讓 軟 件 開 發(fā) 工 程 師 從 事 用 戶 界 面 設(shè) 計(jì) ， 他 們 能 做 好 嗎 ？ 回 答 是 肯 定 的 ， 只 要 軟 件 工 程 師 不 自 我 封 閉 ， 追 求 上 進(jìn) ， 那 么 他 肯 定 能 夠 學(xué) 會 用 戶 界 面 設(shè)計(jì) ， 絕 對 比 他 原 先 做 的 用 戶 界 面 好 。 軟 件 工 程 師 的 智 商 都 不 低 ， 只 要 他 不 懶 惰 ， 勤 于 學(xué) 習(xí) 、 實(shí) 踐 和 思 考 ， 那 么 他 就 能 夠 成 為 某些 領(lǐng) 域 的 行

21、家 乃 至 專 家 。 論 據(jù) ： 我 從 來 沒 有 學(xué) 過 美 工 ， 也 沒 有 人 指 導(dǎo) 我 如 何 設(shè) 計(jì) 軟 件 用 戶 界 面 。 通 過 自 學(xué) 和 實(shí) 踐 之后 ， 我 自 己 可 以 總 結(jié) 用 戶 界 面 設(shè) 計(jì) 方 法 論 ， 編 寫 著 作 ， 還 給 很 多 企 業(yè) 提 供 咨 詢 和 培 訓(xùn) 。 Page 12 4. 用 戶 眼 中 的 好 軟 件4.1 “好 ” 的 軟 件 意 味 著 “ 實(shí) 用 、 易 用 、 美 觀 ”u 如 果 軟 件 的 功 能 不 實(shí) 用 （ 不 能 為 用 戶 解 決 問 題 ） ， 那 么 不 管 該 軟 件 是 否 易 用 和

22、 美 觀 ， 用 戶 一 般 都不 愿 意 購 買 該 軟 件 ， 除 非 用 戶 沒 有 選 擇 余 地 。u 如 果 兩 個 軟 件 的 功 能 和 價(jià) 格 都 相 似 ， 那 么 用 戶 會 挑 選 更 加 易 用 的 那 個 軟 件 。u 如 果 兩 個 軟 件 的 功 能 、 價(jià) 格 、 易 用 性 都 差 不 多 ， 那 么 用 戶 會 選 擇 更 加 美 觀 的 那 個 軟 件 。4.2 誰 來 評 價(jià) “ 好 或 差 ”u 用 戶 才 真 正 有 資 格 說 軟 件 “ 好 或 壞 ” 。 如 果 用 戶 對 軟 件 很 不 滿 意 ， 開 發(fā) 人 員 不 要 有 逆 反 情

23、緒 ： 從哪 里 找 來 的 笨 蛋 用 戶 ！ u 其 實(shí) 不 是 用 戶 笨 ， 是 自 己 開 發(fā) 的 軟 件 太 笨 了 。 當(dāng) 用 戶 真 的 感 到 軟 件 很 好 用 時 ， 一 股 溫 暖 的 感 覺 油然 而 生 ， 于 是 就 用 “ 界 面 友 好 ” 來 表 揚(yáng) 這 個 軟 件 。 軟 件 行 業(yè) 很 少 發(fā) 生 那 么 感 動 人 的 場 景 ： 用 戶 熱 切 地 握 著 開 發(fā) 人 員 的 手 ， 連 聲 稱 贊 “ 你 們 開發(fā) 的 軟 件 真 是 好 用 、 真 是 漂 亮 啊 ” 。 可 是 我 們 看 到 的 大 多 是 相 反 的 場 景 ： 用 戶 滿

24、 腹 牢 騷 ，開 發(fā) 人 員 垂 頭 喪 氣 。 Page 13 4. 用 戶 眼 中 的 好 軟 件4.3 應(yīng) 當(dāng) 站 在 用 戶 的 立 場 看 待 軟 件u 很 多 公 司 都 在 宣 揚(yáng) “ 以 人 為 本 ” ， 可 笑 的 是 人 力 資 源 部 往 往 最 不 懂 得 “ 以 人 為 本 ” ， 能 夠 不 “ 與人 為 敵 ” 已 經(jīng) 不 錯 了 。 開 發(fā) 機(jī) 構(gòu) 宣 揚(yáng) “ 以 客 戶 為 中 心 ” ， 但 是 卻 撇 開 客 戶 只 顧 忙 碌 地 開 發(fā) 軟 件 ，做 出 客 戶 不 會 用 的 東 西 。u 很 多 軟 件 開 發(fā) 人 員 不 能 夠 一 次 性

25、地 完 成 某 些 開 發(fā) 任 務(wù) ， 主 要 原 因 不 是 技 術(shù) 水 平 低 下 ， 而 是 他 們 沒有 真 正 理 解 用 戶 的 需 求 ， 也 沒 有 站 在 用 戶 角 度 看 待 軟 件 。 如 果 用 戶 不 滿 意 軟 件 的 功 能 和 界 面 ， 那么 開 發(fā) 人 員 將 被 迫 重 新 開 發(fā) 。 重 新 開 發(fā) 的 代 價(jià) 顯 然 要 比 修 改 Bug大 得 多 。u 如 果 軟 件 企 業(yè) 能 夠 真 正 重 視 并 且 下 功 夫 提 升 “ 需 求 分 析 ” 和 “ 用 戶 界 面 設(shè) 計(jì) ” 的 能 力 ， 通 常 會 顯著 地 提 升 軟 件 生 產(chǎn)

26、 率 和 客 戶 的 滿 意 度 。 Page 14 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.1 界 面 適 合 于 展 現(xiàn) 功 能 ， 并 且 符 合 市 場 需 求u 軟 件 的 功 能 需 要 通 過 用 戶 界 面 來 展 現(xiàn) 。 毫 無 疑 問 ， 用 戶 界 面 一 定 要 適 合 于 軟 件 的 功 能 ， 這 是 最 基本 的 要 求 。 如 果 用 戶 無 法 通 過 這 個 界 面 來 使 用 軟 件 ， “ 易 用 性 ” 根 本 就 無 從 談 起 。 例 如 ， 對 于 一 個 三 維 建 模 軟 件 而 言 ， 如 果 用 戶 不 能 使 用 鼠 標(biāo) 對 模

27、 型 進(jìn) 行 旋 轉(zhuǎn) 、 移 動 、 縮 放等 操 作 ， 那 么 這 個 用 戶 界 面 就 不 適 合 該 軟 件 的 功 能 。 如 果 不 改 進(jìn) 用 戶 界 面 的 話 ， 即 使 軟 件的 內(nèi) 核 功 能 很 強(qiáng) （ 如 算 法 很 先 進(jìn) ） ， 這 個 軟 件 也 很 難 賣 得 出 去 。 u “ 用 戶 界 面 適 合 于 展 現(xiàn) 功 能 ” 是 首 要 的 設(shè) 計(jì) 原 則 ， 它 提 醒 設(shè) 計(jì) 者 不 要 片 面 追 求 界 面 外 觀 漂 亮 而 導(dǎo)致 華 而 不 實(shí) 。 u 開 發(fā) 團(tuán) 隊(duì) 要 分 析 產(chǎn) 品 的 核 心 價(jià) 值 ： “ 最 吸 引 客 戶 的 屬

28、性 ； 最 賺 錢 的 屬 性 ” 。 要 把 主 要 精 力 用 在 對經(jīng) 濟(jì) 效 益 貢 獻(xiàn) 最 大 的 地 方 ， 使 “ 投 入 產(chǎn) 出 ” 最 大 。 普 遍 存 在 的 “ 80 20”的 現(xiàn) 象 注 意 ， 免 費(fèi) 軟 件 的 “ 吸 引 客 戶 的 屬 性 ” 和 “ 最 賺 錢 的 屬 性 ” 可 能 不 是 同 一 回 事 情 。u 產(chǎn) 品 的 所 有 功 能 和 界 面 對 用 戶 而 言 都 是 必 要 的 。 可 以 錦 上 添 花 ， 但 是 不 能 畫 蛇 添 足 （ 否 則 得 不 償失 ） 。 Page 15 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素圖 5

29、-1(a) 。 搜 索 不 是 上 網(wǎng) 助 手 的 功 能 ， 對 上 網(wǎng) 助 手 沒 有 幫 助 ， 反 而 可 能 是 用 戶 跳 離 本 軟 件 的 頁 面 。 但 是 搜 索 卻是 本 公 司 真 正 賺 錢 的 功 能 。 所 以 要 把 “ 搜 索 ” 放 在 最 現(xiàn) 眼 的 界 面 頂 部 。 圖 5-1(b) 。 “ 免 費(fèi) 看 美 女 看 笑 話 ” 不 屬 于 上 網(wǎng) 助 手 的 功 能 需 求 ， 這 個 低 俗 廣 告 將 分 散 用 戶 的 注 意 力 ， 降 低 軟 件品 牌 。 但 是 低 俗 廣 告 卻 是 互 聯(lián) 網(wǎng) 免 費(fèi) 軟 件 主 要 收 入 來 源 ，

30、 所 以 被 迫 將 低 俗 廣 告 放 在 上 網(wǎng) 助 手 中 。 示 例 分 析 Page 16 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.2 界 面 適 合 于 用 戶 群 體u 一 個 軟 件 產(chǎn) 品 可 能 有 許 多 類 型 的 用 戶 ， 例 如 有 些 用 戶 對 計(jì) 算 機(jī) 比 較 外 行 ， 有 一 些 用 戶 可 能 是 計(jì) 算機(jī) 的 行 家 。 在 設(shè) 計(jì) 用 戶 界 面 時 應(yīng) 當(dāng) 盡 可 能 多 地 了 解 不 同 類 型 用 戶 的 使 用 習(xí) 慣 和 水 平 ， 努 力 使 不 同類 型 用 戶 在 操 作 軟 件 的 時 候 感 覺 不 到 困 難 和

31、麻 煩 。 （ 理 想 境 界 ）u 如 果 不 能 使 所 有 類 型 的 用 戶 都 感 到 滿 意 ， 那 么 重 點(diǎn) 滿 足 以 下 類 型 的 用 戶 ： “ 主 流 用 戶 ” ， “ 有 影響 力 的 用 戶 ” “ 主 流 用 戶 ” 是 指 占 最 大 比 例 的 那 種 類 型 的 用 戶 。 主 流 用 戶 可 能 不 是 水 平 最 高 的 用 戶 ， 他們 對 界 面 的 評 價(jià) 影 響 軟 件 產(chǎn) 品 的 命 運(yùn) 。 我 曾 經(jīng) 為 杭 州 某 工 廠 開 發(fā) “ 生 產(chǎn) 管 理 軟 件 ” ， 采 用 了 很 好 的 B/S技 術(shù) 構(gòu) 架 ， 界 面 也 很美 觀

32、 。 但 是 工 人 不 適 應(yīng) B/S軟 件 界 面 ， 無 法 有 效 地 進(jìn) 行 生 產(chǎn) 管 理 ， 最 后 報(bào) 廢 這 個 軟 件 。 “ 有 影 響 力 的 用 戶 ” 可 能 不 是 主 流 用 戶 ， 但 是 他 們 會 影 響 其 它 用 戶 對 軟 件 的 印 象 。 例 如 互聯(lián) 網(wǎng) 論 壇 版 主 、 作 家 、 傳 媒 人 士 等 。u 努 力 提 升 用 戶 群 體 對 軟 件 產(chǎn) 品 的 好 感 ， 杜 絕 欺 騙 消 費(fèi) 者 。 由 于 互 聯(lián) 網(wǎng) 的 欺 詐 、 惡 意 競 爭 的 行 為 盛 多 ， 導(dǎo) 致 廣 大 網(wǎng) 民 對 互 聯(lián) 網(wǎng) 軟 件 和 服 務(wù)

33、有 很 深 的 懷疑 和 恐 懼 。 示 例 ： 網(wǎng) 民 被 騙 使 用 “ 收 費(fèi) 的 免 費(fèi) 電 子 郵 箱 ” ， 從 而 對 該 企 業(yè) 討 厭 之 極 。 從 此 無 論 該 企 業(yè)推 出 什 么 軟 件 和 服 務(wù) ， 用 戶 不 再 相 信 。u 要 有 效 地 收 集 用 戶 的 使 用 反 饋 。 Page 17 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.3 界 面 容 易 被 用 戶 理 解u 如 果 用 戶 很 難 理 解 界 面 的 意 圖 ， 那 么 他 使 用 起 來 肯 定 很 費(fèi) 勁 。 所 以 “ 容 易 理 解 ” 是 “ 容 易 使 用 ”的 前 提

34、 條 件 。u 注 意 事 項(xiàng) ： 用 戶 界 面 中 的 所 有 元 素 都 不 能 出 現(xiàn) 錯 誤 文 字 ， 也 沒 有 令 人 費(fèi) 解 （ 例 如 二 義 性 、 邏 輯 混 亂 ）的 文 字 。 用 戶 界 面 設(shè) 計(jì) 人 員 絕 對 不 能 對 界 面 上 的 文 字 馬 馬 虎 虎 ， 措 詞 必 須 “ 正 確 、 準(zhǔn) 確 ”。 圖 標(biāo) 按 鈕 的 含 義 一 定 要 直 觀 明 了 ， 最 好 給 圖 標(biāo) 加 文 字 說 明 ， 防 止 用 戶 誤 解 。 所 有 的 界 面 元 素 應(yīng) 當(dāng) 提 供 充 分 而 必 要 的 提 示 ， 例 如 當(dāng) 鼠 標(biāo) 移 動 到 工 具

35、條 上 的 某 個 圖 標(biāo) 按 鈕時 ， 應(yīng) 當(dāng) 在 該 圖 標(biāo) 旁 邊 出 現(xiàn) 功 能 提 示 。 界 面 結(jié) 構(gòu) 能 夠 清 晰 地 反 映 工 作 流 程 ， 以 便 用 戶 按 部 就 班 地 操 作 。 文 字 信 息 和 界 面 布 局 盡 量 和 用 戶 群 體 的 使 用 習(xí) 慣 相 匹 配 。 對 于 復(fù) 雜 的 用 戶 界 面 而 言 ， 最 好 提 供 界 面 “ 向 導(dǎo) ” ， 及 時 讓 用 戶 知 道 自 己 在 界 面 結(jié) 構(gòu) 中 所處 的 位 置 。 例 如 對 于 基 于 Web的 應(yīng) 用 軟 件 ， 應(yīng) 該 在 界 面 上 顯 示 “ 當(dāng) 前 位 置 ” ，

36、 否 則 用 戶 很容 易 在 眾 多 的 頁 面 中 迷 失 方 向 。 Page 18 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素圖 5-3(a) 。 實(shí) 名 搜 索 是 3721公 司 的 盛 名 之 作 ， 這 個 搜 索 的 界 面 有 什 么 不 妥 嗎 ？ 圖 5-3(b) ?！?地 址 ” 兩 字 讓 人 費(fèi) 解 ， 讓 人 搞 不 清 楚 是 住 址 ， 還 是 http網(wǎng) 址 ？ 搜 索 一 個 名 字 行 不 行 ？“ 試 一 試 ， 瀏 覽 器 地 址 欄 中 也 可 以 直 接 搜 索 ” 這 句 話 有 點(diǎn) 多 余 （ 建 議 換 一 種 提 示 方 式 ） ，

37、用 戶 不 知 道 究 竟 從哪 里 搜 索 。 如 果 從 地 址 欄 搜 索 ， 那 么 會 跳 離 上 網(wǎng) 助 手 的 頁 面 ， 可 能 放 跑 了 用 戶 。 示 例 分 析 Page 19 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素示 例 分 析 圖 5-3 . 由 于 “ 性 感 雞 ” 和 其 它 廣 告 太 醒 目 了 ， 喧 賓 奪 主 ， 使 得 下 面 的 “ 功 能 排 列 ” 不 被 注 意 ， 或 者 潛 意 識 地 以 為“ 功 能 排 列 ” 的 所 有 條 目 都 是 宣 傳 廣 告 。 我 到 處 找 “ 上 網(wǎng) 助 手 ” 的 完 整 的 功 能 樹

38、， 希 望 能 夠 直 接 操 作 下 級 功 能 菜單 ， 竟 然 沒 有 看 到 “ 功 能 排 列 ” 這 個 區(qū) 域 。 另 外 ， “ 下 載 上 網(wǎng) 助 手 ” 和 “ 助 手 工 具 下 載 ” 在 語 義 上 重 疊 ， 初 級 用戶 搞 不 明 白 要 下 載 哪 個 東 西 。 Page 20 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.4 一 致 性 和 個 性 化u “ 用 戶 界 面 風(fēng) 格 一 致 ” 的 最 大 好 處 就 是 能 夠 減 少 用 戶 的 記 憶 量 、 減 少 出 錯 幾 率 ， 并 且 迅 速 積 累 操作 經(jīng) 驗(yàn) 。 所 以 熟 悉 Wo

39、rd軟 件 的 人 基 本 上 不 用 翻 閱 手 冊 就 能 使 用 PowerPoint軟 件 ， 可 謂 “ 無 師 自 通” 。 軟 件 的 用 戶 界 面 中 同 類 的 界 面 元 素 應(yīng) 當(dāng) 有 相 同 的 視 感 和 相 同 的 操 作 方 式 。 例 如 命 令 按 鈕 是最 常 見 的 界 面 元 素 ， 所 有 命 令 按 鈕 的 形 狀 、 色 彩 以 及 對 鼠 標(biāo) 的 響 應(yīng) 方 式 都 是 一 致 的 同 一 類 型 軟 件 的 用 戶 界 面 應(yīng) 當(dāng) 有 一 定 程 度 的 相 似 性 。 例 如 Microsoft公 司 的 Office家 族 里 有Word

40、、 Excel、 PowerPoint、 Outlook等 軟 件 ， 這 些 軟 件 提 供 的 “ 復(fù) 制 、 剪 切 、 粘 貼 ” 功 能的 操 作 方 式 都 是 相 同 的 。 通 用 軟 件 產(chǎn) 品 的 界 面 設(shè) 計(jì) 很 注 重 一 致 性 。 設(shè) 計(jì) 者 必 須 密 切 注 意 在 相 同 應(yīng) 用 領(lǐng) 域 中 最 流 行 的 軟 件 的 界 面 ， 必 須 尊 重 用 戶 使 用 這 些 軟 件 的 習(xí) 慣 。 例 如 DOS和 Windows下 的 軟 件 習(xí) 慣 于 設(shè) 置F1鍵 為 幫 助 熱 鍵 ， 如 果 某 個 設(shè) 計(jì) 者 別 出 心 裁 地 讓 F1鍵 成 為

41、軟 件 終 止 的 熱 鍵 ， 那 么 在 用 戶 渴望 得 到 幫 助 而 伸 手 擊 F1鍵 的 一 剎 那 ， 他 的 工 作 就 此 完 蛋 。 相 信 這 個 用 戶 會 被 這 另 類 的 F1氣瘋 了 。 目 前 流 行 的 軟 件 開 發(fā) 工 具 如 Visual C+、 Visual Basic、 Delphi、 Java Builder、 Power Builder等 ， 都 能 夠 快 速 地 開 發(fā) 出 非 常 相 似 的 圖 形 用 戶 界 面 。 在 Internet/Intranet領(lǐng) 域 ，瀏 覽 器 幾 乎 成 了 唯 一 的 客 戶 端 軟 件 ， 因 為

42、Internet用 戶 希 望 用 完 全 一 致 的 瀏 覽 方 式 來 完 成千 變 萬 化 的 任 務(wù) 。 Page 21 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.4 一 致 性 和 個 性 化u 用 戶 界 面 的 “ 個 性 化 ” 與 “ 一 致 性 ” 之 間 存 在 微 妙 的 矛 盾 關(guān) 系 ： 對 于 一 些 非 常 注 重 安 全 性 的 商 業(yè) 軟 件 （ 如 銀 行 軟 件 ） 而 言 ， 用 戶 界 面 的 “ 一 致 性 ” 要 比 “個 性 化 ” 重 要 得 多 ， 因 為 一 致 的 用 戶 界 面 可 以 減 少 用 戶 出 錯 的 幾 率 。 例

43、 如 ， 國 內(nèi) 所 有 銀 行的 自 動 取 款 機(jī) 的 用 戶 界 面 都 是 非 常 相 似 的 ， 誰 也 不 會 設(shè) 計(jì) 一 些 新 花 樣 玩 玩 。 而 對 于 非 嚴(yán) 格 系 統(tǒng) 的 應(yīng) 用 軟 件 而 言 ， 有 個 性 化 的 界 面 自 然 比 泯 然 于 眾 的 界 面 更 具 有 吸 引 力。 尤 其 是 娛 樂 領(lǐng) 域 的 軟 件 ， 用 戶 更 加 喜 歡 有 個 性 的 甚 至 是 顛 覆 傳 統(tǒng) 的 用 戶 界 面 。 設(shè) 計(jì) 人 員 應(yīng) 當(dāng) 根 據(jù) 軟 件 的 需 求 以 及 廣 大 用 戶 的 喜 好 ， 在 使 用 戶 界 面 具 備 必 要 的 “ 一

44、 致 性 ”的 前 提 下 ， 突 出 該 軟 件 的 “ 個 性 ” 。 不 僅 讓 用 戶 使 用 起 來 方 便 ， 而 且 對 軟 件 留 下 深 刻 的 印象 。 Page 22 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素示 例 分 析 圖 5-4（ a） . 上 網(wǎng) 助 手 的 “ 首 頁 ” 以 及 每 個 Tab頁 面 的 “ 功 能 介 紹 ” 頁 面 ， 其 內(nèi) 容 和 布 局 都 比 較 亂 ， 用 戶 摸 不 清 楚界 面 的 規(guī) 律 ， 增 加 了 記 憶 難 度 ， 降 低 使 用 效 率 。 本 圖 中 ， （ 1） 右 側(cè) “ 熱 門 功 能 推 薦 ” ，

45、在 邏 輯 上 不 是 “ IE修 復(fù) 的范 疇 ” ， 應(yīng) 當(dāng) 放 在 其 它 合 適 的 地 方 ， 避 免 擾 亂 用 戶 的 思 路 。 （ 2） 左 側(cè) 的 介 紹 不 完 整 ， 少 了 4項(xiàng) 功 能 的 介 紹 ， 不 一致 。 Page 23 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素示 例 分 析 圖 5-4（ b） . IE 的 Toolbar按 鈕 一 般 不 會 有 下 拉 菜 單 （ 與 流 行 軟 件 的 界 面 元 素 不 一 致 ） 。 如 果 要 下 拉 菜 單 的 話 ， 應(yīng)該 加 “ 下 拉 ” 標(biāo) 記 。 “ 清 理 ” 和 “ 修 復(fù) ” 含 有 立

46、 即 執(zhí) 行 、 并 且 會 改 動 用 戶 計(jì) 算 機(jī) 設(shè) 置 的 含 義 ， 用 戶 擔(dān) 心 點(diǎn) 擊 “ 清理 ” 和 “ 修 復(fù) ” 按 鈕 將 出 現(xiàn) 不 期 望 的 操 作 。 要 設(shè) 法 消 除 用 戶 的 畏 懼 和 疑 慮 ， 讓 用 戶 明 白 有 下 拉 菜 單 。 Page 24 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.5 及 時 反 饋 操 作 信 息u 當(dāng) 用 戶 進(jìn) 行 某 項(xiàng) 操 作 后 ， 如 果 過 了 一 會 兒 （ 幾 秒 鐘 ） 用 戶 界 面 一 點(diǎn) 反 應(yīng) 都 沒 有 ， 這 將 使 用 戶 感 到迷 茫 和 不 安 ， 因 為 他 不 知

47、道 是 自 己 操 作 錯 了 還 是 軟 件 死 機(jī) 了 。u 及 時 反 饋 信 息 很 重 要 ， 至 少 要 讓 用 戶 心 里 有 數(shù) ， 知 道 該 任 務(wù) 處 理 得 怎 么 樣 了 ， 有 什 么 樣 的 結(jié) 果 。u 例 如 下 載 一 個 文 件 ， 界 面 上 應(yīng) 當(dāng) 顯 示 “ 百 分 比 ” 或 相 關(guān) 數(shù) 字 來 表 示 下 載 的 進(jìn) 度 ， 否 則 人 們 不 知 道要 等 待 多 少 時 間 。 如 果 某 些 事 務(wù) 處 理 不 能 提 供 進(jìn) 度 等 數(shù) 據(jù) ， 那 么 至 少 要 給 出 提 示 信 息 如 “ 正 在 處理 ， 請 等 待 ”。 最 好

48、 是 提 供 合 適 的 動 畫 ， 讓 用 戶 明 白 軟 件 正 在 干 活 、 沒 有 死 機(jī) 。 Page 25 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素示 例 分 析 圖 5-5 . 專 業(yè) 軟 件 一 般 都 要 提 供 反 饋 操 作 信 息 的 窗 口 區(qū) 域 。 Page 26 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.6 防 錯 和 出 錯 處 理u 用 戶 在 使 用 軟 件 的 過 程 中 ， 不 可 避 免 地 會 出 現(xiàn) 一 些 錯 誤 的 操 作 。 倘 若 用 戶 不 小 心 輸 入 了 錯 誤 的 數(shù)據(jù) 、 或 者 錯 誤 地 刪 除 了 有 用 的

49、 數(shù) 據(jù) ， 而 軟 件 傻 乎 乎 地 、 將 錯 就 錯 地 執(zhí) 行 了 ， 那 么 用 戶 肯 定 很 惱 火， 以 后 就 不 敢 放 心 地 使 用 軟 件 。u 在 設(shè) 計(jì) 用 戶 界 面 時 必 須 考 慮 防 錯 處 理 ， 目 的 是 讓 用 戶 不 必 為 避 免 犯 錯 誤 而 提 心 吊 膽 、 小 心 翼 翼 地操 作 。u 常 見 的 防 錯 處 理 措 施 有 ： 對 輸 入 數(shù) 據(jù) 進(jìn) 行 校 驗(yàn) 。 如 果 用 戶 輸 入 錯 誤 的 數(shù) 據(jù) ， 軟 件 應(yīng) 當(dāng) 識 別 錯 誤 并 且 提 示 用 戶 改 正 數(shù)據(jù) 。 對 于 Web頁 面 ， 開 發(fā) 人 員

50、 一 般 要 編 寫 JavaScript程 序 來 進(jìn) 行 數(shù) 據(jù) 校 驗(yàn) 。 對 于 在 某 些 情 況 下 不 應(yīng) 該 使 用 的 菜 單 項(xiàng) 和 命 令 按 鈕 ， 應(yīng) 當(dāng) 將 其 “ 失 效 ” （ 變 成 灰 色 ， 可 見 但 不 可 操 作 ） 或 者 “ 隱 藏 ” 。 例 如 對 于 某 些 軟 件 ， 不 同 的 用 戶 有 不 同 的 操 作 權(quán) 限 。 如 果 低權(quán) 限 的 用 戶 登 錄 到 系 統(tǒng) ， 那 些 僅 供 高 級 權(quán) 限 用 戶 使 用 的 功 能 應(yīng) 當(dāng) 被 隱 藏 ， 或 者 將 其 “ 失 效” 。 執(zhí) 行 破 壞 性 的 操 作 之 前 ， 應(yīng)

51、 當(dāng) 獲 得 用 戶 的 確 認(rèn) 。 例 如 用 戶 刪 除 一 個 文 件 時 ， 應(yīng) 當(dāng) 彈 出 對 話框 ： “ 真 的 要 刪 除 該 文 件 嗎 ” ， 當(dāng) 用 戶 確 認(rèn) 后 才 真 正 刪 除 文 件 。 盡 量 提 供 Undo功 能 ， 用 戶 可 以 撤 銷 剛 才 的 操 作 。u 如 果 發(fā) 生 意 外 或 錯 誤 ， 應(yīng) 當(dāng) 及 時 給 出 告 警 消 息 和 錯 誤 消 息 ， 提 醒 用 戶 做 出 正 確 的 處 理 。 軟 件 人 員 經(jīng) 常 編 寫 出 “ 劣 質(zhì) ” 的 消 息 框 ， 例 如 措 詞 生 硬 、 幼 稚 、 蹩 腳 ， 甚 至 有 文 字

52、 、 語 法錯 誤 ； 消 息 文 本 、 圖 形 標(biāo) 志 和 命 令 按 鈕 在 語 義 上 不 一 致 。 讓 人 哀 嘆 ！ Page 27 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素示 例 分 析 圖 5-6 . 軟 件 人 員 經(jīng) 常 編 寫 出 “ 劣 質(zhì) ”的 消 息 框 ， 例 如 措 詞 生 硬 、 幼 稚 、 蹩腳 ， 甚 至 有 文 字 、 語 法 錯 誤 ； 消 息 文本 、 圖 形 標(biāo) 志 和 命 令 按 鈕 在 語 義 上 不一 致 。 好 的 差 的 Page 28 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.7 最 少 步 驟 、 最 高 效 率u 設(shè) 計(jì)

53、 用 戶 界 面 時 應(yīng) 當(dāng) 盡 可 能 地 替 用 戶 著 想 ， 用 戶 應(yīng) 當(dāng) 用 最 少 的 操 作 步 驟 完 成 某 項(xiàng) 操 作 任 務(wù) ， 獲 得最 高 的 使 用 效 率 。 （ 手 機(jī) 充 值 ， 超 級 女 聲 ）u 盡 管 減 少 一 個 操 作 步 驟 而 完 成 任 務(wù) 所 節(jié) 約 的 時 間 微 乎 其 微 （ 可 能 只 有 幾 秒 鐘 ） ， 但 是 用 戶 的 感 覺反 差 卻 很 強(qiáng) 烈 。 假 設(shè) 有 兩 個 功 能 相 似 的 免 費(fèi) Web email軟 件 A和 B， 倘 若 在 收 、 發(fā) email的 時 候 A比B節(jié) 省 一 個 操 作 步 驟

54、 ， 有 可 能 導(dǎo) 致 大 量 的 B用 戶 抱 怨 B很 笨 ， 從 而 轉(zhuǎn) 用 A。 所 以 業(yè) 界 流 傳 “ 多 1個 步驟 ， 流 失 10%的 用 戶 ” 。u 界 面 設(shè) 計(jì) 師 要 深 入 分 析 軟 件 的 業(yè) 務(wù) 流 程 、 用 戶 使 用 習(xí) 慣 ， 才 能 設(shè) 計(jì) 出 最 少 的 操 作 步 驟 。 例 如 我 們 在 使 用 字 處 理 軟 件 時 ， “ 新 建 ” 、 “ 打 開 ” 或 “ 保 存 ” 文 件 是 最 常 用 的 菜 單 功 能。 為 了 提 高 操 作 效 率 ， 軟 件 設(shè) 計(jì) 師 把 最 常 用 的 功 能 用 圖 標(biāo) 按 鈕 的 形 式

55、 擺 放 在 工 具 條 （ toolbar） 上 ， 這 樣 用 戶 直 接 點(diǎn) 擊 圖 標(biāo) 按 鈕 就 可 以 執(zhí) “ 新 建 ” 、 “ 打 開 ” 或 “ 保 存 ” ， 只 需要 一 個 操 作 步 驟 ， 顯 然 大 部 分 用 戶 喜 歡 用 圖 標(biāo) 按 鈕 的 方 式 。 Page 29 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素示 例 分 析圖 5-7(a) . Tab頁 風(fēng) 格 的 菜 單 結(jié) 構(gòu) 在 技 術(shù) 上 和 視 感 上 都 比 較 流 行 ， 但 是 多 了 操 作 步 驟 。 建 議 在 首 頁 顯 示 “ 完 整 展 開的 功 能 樹 ” ， 讓 用 戶 可

56、 以 直 接 操 作 次 級 菜 單 ， 一 步 到 位 。 圖 5-7(b) .不 顯 眼 的 菜 單排 列 ， 常 被 用 戶 忽 視 。至 少 要 讓 菜 單 排 列 和 廣告 互 換 位 置 。 Page 30 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.8 合 理 的 布 局u 首 先 ， 界 面 的 總 體 布 局 應(yīng) 當(dāng) 有 一 定 的 邏 輯 性 ， 最 好 能 夠 與 工 作 流 程 吻 合 。 界 面 設(shè) 計(jì) 人 員 只 有 仔 細(xì)地 分 析 軟 件 的 需 求 ， 才 能 提 取 對 界 面 布 局 有 價(jià) 值 的 信 息 。u 其 次 ， 窗 口 （ 或 頁 面 ）

57、 上 的 界 面 元 素 的 布 局 應(yīng) 當(dāng) 整 齊 清 爽 。 界 面 元 素 應(yīng) 當(dāng) 在 水 平 或 者 垂 直 方 向 對齊 ， 行 、 列 的 間 距 保 持 一 致 。 窗 體 的 尺 寸 要 合 適 ， 界 面 元 素 不 應(yīng) 放 得 太 滿 ， 邊 界 處 需 要 留 有 一 定 的 空 間 ， 也 不 可 過 于 寬松 ， 顯 得 零 亂 。 界 面 元 素 需 要 一 致 的 對 齊 方 式 ， 以 避 免 參 差 不 齊 的 視 覺 效 果 。 同 類 的 界 面 元 素 盡 量 保 持 大小 一 致 ， 起 碼 要 保 證 高 度 或 寬 度 的 一 致 （ 例 如 命

58、令 按 鈕 ） 。 邏 輯 相 關(guān) 的 元 素 要 就 近 放 置 ，便 于 用 戶 操 作 。 要 善 于 利 用 窗 體 和 界 面 元 素 的 空 白 ， 以 及 分 割 用 的 線 條 。 Page 31 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.9 合 理 的 色 彩u 相 比 于 布 局 ， 設(shè) 計(jì) 合 理 的 色 彩 就 困 難 多 了 ， 因 為 色 彩 的 組 合 千 變 萬 化 ， 并 且 人 們 對 顏 色 的 喜 好 也極 不 相 同 。 例 如 ， 人 們 對 黑 色 的 理 解 差 異 很 大 。u 一 般 規(guī) 律 ： 如 果 不 是 為 了 顯 示 真 實(shí)

59、感 的 圖 形 和 圖 像 ， 那 么 應(yīng) 當(dāng) 限 制 一 幀 屏 幕 的 色 彩 數(shù) 目 ， 因 為 人 們 在觀 察 屏 幕 的 時 候 很 難 同 時 記 住 多 種 色 彩 。 應(yīng) 當(dāng) 根 據(jù) 對 象 的 重 要 性 來 選 擇 顏 色 ， 重 要 的 對 象 應(yīng) 當(dāng) 用 醒 目 的 色 彩 表 示 。 使 用 顏 色 的 時 候 應(yīng) 當(dāng) 保 持 一 致 性 ， 例 如 錯 誤 提 示 信 息 用 紅 色 表 示 ， 正 常 信 息 用 綠 色 表 示 ，那 么 切 勿 亂 用 紅 色 和 綠 色 。 在 表 達(dá) 信 息 時 ， 不 要 過 分 依 賴 顏 色 ， 因 為 有 些 用

60、戶 可 能 色 盲 或 色 弱 。圖 5-9 ”危 險(xiǎn) ， 有 風(fēng) 險(xiǎn) ， 未 知 ， 基 本 安 全 ” 的 顏 色 ， 有 什 么 講 究 嗎 ？ “ 黃 色 ” 看 不 清 楚 。 另 外 ， 文 字 不 完 整 ， 在 數(shù)字 后 面 加 “ 個 ” ， 前 后 項(xiàng) 留 合 適 的 間 隔 。 Page 32 5. 軟 件 用 戶 界 面 設(shè) 計(jì) 要 素5.10 國 際 化 軟 件 的 國 際 化 是 大 勢 所 趨 （ 特 別 是 上 海 、 北 京 等 地 的 軟 件 開 發(fā) 商 ） 。 為 了 能 夠 更 好 地 適 應(yīng)國 內(nèi) 和 國 際 市 場 ， 在 設(shè) 計(jì) 用 戶 界 面 的

61、 時 候 應(yīng) 當(dāng) 充 分 考 慮 語 言 和 文 化 的 差 異 。 盡 可 能 使 用 標(biāo)準(zhǔn) 的 圖 解 方 式 和 國 際 通 行 的 語 言 ， 要 求 簡 單 易 懂 ， 易 于 翻 譯 ， 方 便 不 同 母 語 的 用 戶 。 翻 譯 文 字 要 地 道 ， 要 符 合 本 地 習(xí) 慣 ， 不 能 硬 翻 譯 ， 否 則 太 不 專 業(yè) 。 MSN Messenger在 發(fā) 送文 件 的 時 候 ， 出 現(xiàn) 如 下 圖 所 示 的 提 示 “ 傳 輸 ： 2407 KB 還 未 完 成 ” 。 明 顯 是 漢 語 中 的 病 句， 居 然 出 現(xiàn) 在 微 軟 的 產(chǎn) 品 中 ， 顯 然 是 硬 翻 譯 英 文 Messenger的 結(jié) 果 。 正 確 的 翻 譯 應(yīng) 該 是 “文 件 正 在 傳 輸 ， 剩 余 2407 KB”。 特 別 要 留 意 下 列 元 素 的 國 際 化 問 題 ： 字 體 、 提 示 信 息 、 在 線 幫 助 。 貨 幣 、 度 量 單 位 。 日 期 格 式 （ 如 MM/DD/YY、 Year-MM-DD等 格 式 ） 。 人 的 名 字 、 電 話 號 碼 、 通 信 地 址 。 圖 標(biāo) 、 標(biāo) 簽 。 閱 讀 順 序 或 習(xí) 慣 （ 外 國 人 看 中 文 的 故 事 ）