軟件用戶(hù)界面設(shè)計(jì)

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

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

2、 容 易 理 解u 5.4 及 時(shí) 反 饋 操 作 信 息u 5.5 防 錯(cuò) 和 出 錯(cuò) 處 理u 5.6 一 致 性 和 個(gè) 性 化u 5.7 最 少 步 驟 、 最 高 效 率u 5.8 合 理 的 布 局u 5.9 合 理 的 色 彩 u 5.10 國(guó) 際 化 Page 4 1. 咨 詢(xún) 流 程 1.1 流 程 圖 持 續(xù) 提 升 企 業(yè) 的 軟 件 用 戶(hù) 界 面 設(shè) 計(jì) 能 力1. 調(diào) 研 2. 用 戶(hù) 界 面 診 斷3. 界 面 設(shè) 計(jì) 培 訓(xùn) 4. 集 體 練 習(xí) 5. 總 結(jié) 與 改 進(jìn) Page 5 1. 咨 詢(xún) 流 程 1.2 步 驟u 第 1步 調(diào) 研 。 咨 詢(xún) 師 訪

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22、 美 觀 ， 用 戶(hù) 一 般 都不 愿 意 購(gòu) 買(mǎi) 該 軟 件 ， 除 非 用 戶(hù) 沒(méi) 有 選 擇 余 地 。u 如 果 兩 個(gè) 軟 件 的 功 能 和 價(jià) 格 都 相 似 ， 那 么 用 戶(hù) 會(huì) 挑 選 更 加 易 用 的 那 個(gè) 軟 件 。u 如 果 兩 個(gè) 軟 件 的 功 能 、 價(jià) 格 、 易 用 性 都 差 不 多 ， 那 么 用 戶(hù) 會(huì) 選 擇 更 加 美 觀 的 那 個(gè) 軟 件 。4.2 誰(shuí) 來(lái) 評(píng) 價(jià) “ 好 或 差 ”u 用 戶(hù) 才 真 正 有 資 格 說(shuō) 軟 件 “ 好 或 壞 ” 。 如 果 用 戶(hù) 對(duì) 軟 件 很 不 滿(mǎn) 意 ， 開(kāi) 發(fā) 人 員 不 要 有 逆 反 情

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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