WEB軟體用戶界面設計指南

作者：林銳 唐勇 石志強

出版社：電子工業出版社

ISBN：712101016X

出版日期：2005 年3月

開本：16開

頁碼：149

本書第一章分析國內企業面臨的用戶界面設計問題，給出解決問題的建議。第二章論述用戶界面的十個設計要素，給出通俗易懂的解釋。設計和實現Web軟體用戶界面要比傳統的Windows應用軟體麻煩得多。本書第三章第八章分別闡述：界面元素的一般規則、Web軟體主界面結構、表格頁面、對話頁面、消息框、評審和測試用戶界面。軟體開發人員學習本書後，一般都能夠掌握Web軟體用戶界面的設計方法。

本書主要讀者對象是IT企業的研發主管、項目經理、用戶界面設計人員和軟體開發人員，以及即將到IT企業工作的高校畢業生。本書可以作為軟體學院的教學參考書

目 錄

第1章 web軟體用戶界面設計概述

1.1 軟體用戶界面的重要性 3

1.2 什麼是好的用戶界面 4

1.3 現狀與問題分析 6

1.3.1 教育缺陷 7

1.3.2 設計錯位 8

1.3.3 混淆網站與web軟體的用戶界面 10

1.3.4 缺乏web界面構件庫 11

1.3.5 誰來設計web軟體用戶界面 14

1.4 web軟體開發流程介紹 17

1.4.1 需求開發過程域 18

1.4.2 軟體設計過程域（含用戶界面設計） 19

1.4.3 軟體實現 21

1.4.4 測試與改錯 22

1.4.5 部署與驗收 23

1.4.6 服務與維護 24

第2章 用戶界面的10個設計要素

2.1 用戶界面適合於軟體的功能（合適性） 27

2.2 容易理解 30

.2.3 及時反饋信息 31

2.4 防錯處理 32

2.5 風格一致和必要的個性化 33

2.6 合理的布局 35

2.7 合理的色彩 36

2.8 適應用戶群體和國際化 37

2.9 最少操作步驟（最高效率） 39

2.10 可復用 41

第3章 常用界面元素的設計規則

3.1 字體 45

3.2 菜單 46

3.3 命令按鈕 47

3.4 工具條和圖標按鈕 48

3.5 tooltip 49

3.6 radio button 50

3.7 check box 50

3.8 輸入框和文本域 51

3.9 combo box和list box 52

3.10 多頁選項板（tabbed pane） 53

3.11 數據表格 55

3.12 web日期控制項 56

第4章 web軟體的主界面設計與示例

4.1 web軟體與網站的區別 61

4.2 web軟體的主界面模型 66

4.3 top frame區 68

4.4 功能模塊區 68

4.5 內容顯示及操作區 73

4.6 信息反饋區 75

4.7 窗口的交互規則 76

4.7.1 一般規則 76

4.7.2 焦點規則 77

4.7.3 選擇 77

4.7.4 拷貝、粘貼 78

4.7.5 拖曳 78

4.7.6 滾動 79

4.7.7 窗體縮放 79

4.7.8 功能調用 80

4.7.9 動態幫助 80

4.7.10 錯誤處理 81

4.7.11 默認值 81

第5章 web軟體的表格

5.1 表格概述 85

5.2 數據編輯 91

5.3 選中 92

5.4 排序 94

5.5 分頁 96

5.6 數據過濾 97

第6章 web軟體的對話頁面

6.1 如何放置web對話頁面：彈出新窗口還是原地刷新頁面 102

6.2 web對話頁面的樣式與示例 104

6.3 必填項的標記 108

6.4 出錯處理 108

第7章 web軟體的消息框

7.1 確認消息框 113

7.2 告警消息框 117

7.3 通知消息框 121

7.4 過程消息框 123

第8章 評審和測試用戶界面

8.1 用戶界面檢查表 128

8.2 用戶界面原型評審 134

8.2.1 準備評審 135

8.2.2 舉行評審會議 136

8.2.3 改進原型 136

8.3 用戶界面測試 138

8.3.1 制定測試計劃 140

8.3.2 設計測試用例 141

8.3.3 執行測試 143

8.3.4 消除缺陷 144

8.3.5 缺陷跟蹤 145

參考文獻 149